czwartek, 31 maj, 2012

Webdesign - usability vs. estetyka

Czytaj więcej: Webdesign - usability vs. estetykaEstetyka 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. 

Czytaj więcej: Webdesign - usability vs. estetyka

Elegancki panel logowania

Czytaj więcej: Elegancki panel logowaniaPrzygotowują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.

Czytaj więcej: Elegancki panel logowania

Stylowy nagłówek - złudzenie zagięcia za DIV (+ plik PSD)

Czytaj więcej: Stylowy nagłówek - złudzenie zagięcia za DIV (+ plik PSD)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

Czytaj więcej: Tworzymy tootltip wykorzystując tylko i wyłącznie CSS3 i HTML5Tooltip 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…

  1. Schludne obramowanie grafiki na stronie www
  2. Wyświetlanie modułów w treści artykułów - Joomla! 2.5
  3. ThemeForest za darmo - WordPress Wave Portfolio - Maj 2012
  4. Zostań redaktorem Portalu Webmastera!
  5. Instalacja lokalnego zestawu Apache, MySQL i PHP - Wamp Server

Strona 1 z 38

Ostatnie komenarze

Wideo kurs Joomla! 2.5Wideo kurs WordPress

Partnerzy Portalu

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

Konkurs WWW - www.forumweb.pl

Odwiedza nas 306 gości oraz 0 użytkowników.

Informacje o portalu

Użytkowników:
123
Artykułów:
267
Odsłon artykułów:
279308
Właściciel:
Michał Kortas

Kontakt z Redakcją

E-mail: kontakt@webroad.pl
Formularz: webroad.pl/kontakt

Do rozwiązywania problemów związanych z artykułami służą tylko i wyłącznie komentarze!

Panel redakcyjny