Webdesign - usability vs. estetyka
- Utworzono: poniedziałek, 28, maj 2012 21:02
- Odsłony: 105
Estetyka i usability to tematy często mylone przez osoby zaangażowane w tworzenie strony internetowej. W przypadku projektów kierowanych i wykonywanych przez jedną osobę (np. freelancera) problem ten właściwie nie istnieje na etapie prac projektowych, ale kiedy pracuje się w zespole w skład, którego wchodzą webdeweloperzy, graficy, ludzie od marketingu i user interface sprawy zaczynają się mocno komplikować...
W czym problem? Otóż większość ludzi zaangażowanych w proces tworzenia stron www tak na prawdę ma pewne problemy z rozróżnianiem usability i własnego poczucia estetyki. Wyjątkiem mogą być projektanci UI (user interface), którzy powinni patrzeć na te sprawy obiektywnie (przynajmniej tak obiektywnie jak się da), ale również oni potrafią "odpłynąć" i pogubić się w meandrach tego co "się podoba" i tego co jest proste i intuicyjne w obsłudze.
Elegancki panel logowania
- Utworzono: niedziela, 20, maj 2012 20:32
- Odsłony: 248
Przygotowując witryny internetowe najmniej czasu poświęcamy, z pozoru najmniej znaczącym, elementom, takim jak formularze, czy choćby pola wyszukiwania. W kolejnych poradnikach tworzyć będziemy przyjemnie wyglądające, wybrane elementy stron www. Zaczniemy od przygotowania elegancko wyglądającego panelu logowania, który możecie użyć podczas budowania przyszłych projektów. Nie wykorzystamy w tym celu elementów graficznych. Posłużymy się samym formatowaniem CSS3. Zabierzmy się więc do działania. Zacznijmy od zbudowania podstawowego szkieletu w kodzie HTML.
Stylowy nagłówek - złudzenie zagięcia za DIV (+ plik PSD)
- Utworzono: piątek, 18, maj 2012 11:15
- Odsłony: 327
W dzisiejszym tutorialu zajmiemy się dalszym upiększaniem wybranych elementów na naszej stronie internetowej. Tym razem odmienimy nagłówki tekstu. Jako, że są one jednym z ważniejszych elementów witryny, warto aby były dobrze widocznie nie tylko przez roboty wyszukiwarek, ale również przez zwykłych internautów. W poradniku wykorzystamy niektóre funkcje programy Adobe Photoshop, jednak bez problemu możemy użyć innego programu do przygotowania potrzebnych grafik. Dla osób, które jednak nie mają czasu na zabawę z grafiką, umieszczam wszystkie potrzebne źródła na końcu tego wpisu. W ruch pójdą także nowe możliwości zawarte w CSS3 - użyjemy tzw. opcji Multiple Backgrounds, czyli kilku teł dla jednego elementu.
Czytaj więcej: Stylowy nagłówek - złudzenie zagięcia za DIV (+ plik PSD)
Tworzymy tootltip wykorzystując tylko i wyłącznie CSS3 i HTML5
- Utworzono: czwartek, 17, maj 2012 08:23
- Odsłony: 294
Tooltip jest często wykorzystywanym elementem na stronach internetowych, który pomaga użytkownikom zorientować się gdzie, co i jak. Niestety standardowe "chmurki", wbudowane w przeglądarki, bardziej straszą niż się podobają, dlatego zajmiemy się wykonaniem swojej własnej wersji tego rozwiązania. W czasach, kiedy nowe technologie coraz bardziej zadomawiają się w przeglądarkach możemy pokusić się o nie wykorzystywanie silnika jQuery, opierając swoje działania tylko i wyłącznie na CSS3 i HTML5. Niestety wiąże się to z brakiem wsparcia przez starsze przeglądarki, dlatego w ostatnim akapicie przedstawię Wam wersję alternatywną dla naszego tooltip'a.
Czytaj więcej: Tworzymy tootltip wykorzystując tylko i wyłącznie CSS3 i HTML5
Więcej artykułów…
Ostatnie komenarze
-
Zostań redaktorem Portalu Webmastera!
Poszukujesz doświadczenia i prestiżu? Znajome Ci są tematy związane z webmasterką? A może dobrze znasz informacje...
Wasze reklamy
|
ubezpieczenie ac Oblicz składkę i Kup Taniej OnLine. Ubezpieczenia AC. ubezpieczenieac.com.pl |
|
tabletki wspomagające odchudzanie Wybierz tabletki Slimitin, Dowiedz się więcej. Nowość w odchudzaniu. tabletkiodchudzajaceranking.pl |
|
bezpłatne ogłoszenia Sprawdź ogłoszenia z regionu. Oferta Bezpłatne Ogłoszenia. portalogloszenia.pl |
Konkurs WWW
Odwiedza nas 306 gości oraz 0 użytkowników.