Gotowe elementy dla WWW

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Zastanawia mnie czemu ludzie prawie zawsze chcą budować coś od nowa, jeśli są już do tego narzędzia. Okej, jak nie mamy pojęcia co dana technika przyniesie to bardzo wskazane jest sobie samemu to przećwiczyć. Sensu pisania tego samego n-ty raz w n-tym projekcie nie widzę.

Jest parę ready-made elementów, które w znaczący sposób uatrakcyjniają stronę, działają wszędzie. I dają się dostosować w każdym calu.

Menu rozwijalne (lista nieuporządkowana + CSS).

Jak słyszę pytania o rozwijanym menu w CSS, to każdy odpowiada „Suckerfish Dropdowns”. Nie zgodzę się. Od dzisiaj polecam używać jako punktu wyjścia ADxMenu. Wariant drugi, zielony, jest najprostszy i można go dowolnie zmodyfikować.

Zaokrąglone rogi bloków.

Można skorzystać z obrazków, są do tego nawet generatory. Lepiej jednak użyć Nifty Corners i mieć gdzieś mozolne bawienie się z grafiką. Bądź wklejanie tony znaczników do strukturalnego XHTMLa. Technika jest prosta i szybka. Działa wszędzie (nie znam zwyczajnych ludzi wyłączających JS).

Zakładki w trybie rzeczywistym

Tabtastic i nie musisz się martwić o nic więcej. Kod jest semantyczny, dostępny i przejrzysty.

Dodać można też gotowe, pohackowane (ja nie przepadam za hackami, ale co począć) beztabelkowe layouty dwu- i trzykolumnowe. Lepiej poświęcić parę godzin na fajny design i grafikę, niż w ostatecznie coś powielić.

Tagi wpisu:

Informacje i hiperłącza

Piotr Petrus 'Riddle'

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 10 września 2005 o 20:46

Kategorie: CSS, Design, HTML & Semantyka, Narzędzia

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Komentarze

warpech 1 10 września 2005, 22:29

a testował ktoś to? http://www.activewidgets.com/

pół roku temu było to nieco niewydajne pod IE i niestabilne pod Firefoksem. jednak do ajaksowych CMSów może się nadać - tylko najpierw testujcie, testujcie, testujcie.

niedługo wyjdzie wersja 2.0
Grabuń 2 10 września 2005, 22:52

I nie zapominajmy o: http://script.aculo.us/
CrOOger 3 11 września 2005, 17:12

Widze, że tutaj mowa o cssowych rozwiązaniach, ale mimo to zapodam linka, który powinien zaciekawić wszystkich Flashowców :
http://laco.wz.cz/tween/
dulek 4 11 września 2005, 20:45

Ogólnie do tematu wpisu: ja np. tworzę większość rzeczy potrzebnych mi od zera. Dla czystej nauki i powiększania doświadczenia.
riddle 5 11 września 2005, 22:34

Ale jeśli już umiesz zrobić menu dropdown, to ja nie wiem po co nie skorzystać z czyjegoś doświadczenia i straconych godzinach na debugowaniu. :>
dulek 6 12 września 2005, 17:38

Jeśli już się potrafi... :P
futrzak 7 12 września 2005, 20:46

dzieki za linka do tego menu rozwijanego, napewnos ie przyda a mam pytanie idzie te sktypty tak zedytowac by zamiast tekstu wstawic swoje buttony ?
Puck 8 15 września 2005, 21:10

Riddle, jak sobie ktoś wyłącza poduszkę powietrzną w aucie, to niech nie oczekuje odszkodowania od PZU. Jak ktoś wyłącza JS, to pewnym kosztem.
listek 9 15 września 2005, 21:16

jak ktoś jeździ bez zapiętych pasów i wyłączy poduszkę powietrzną to ma większe szanse na przeżycie niż gdyby miał ją włączoną... (to tak dla tych co by niewiedzieli;)

a jak ktoś jest w jakiejś kafejce gdzie obsługa wyłączyła js to nawet może o tym nie wiedzieć :p
Puck 10 15 września 2005, 21:21

A jak ktoś nie ma dostępu do internetu, to mamy zamieścić wersję off-line w gazecie wyborczej? Raczej nie. ;) Chodzi o to, żeby nie przejmować się tą małą ceną, jaką zapłaci jeden kafejkowy użytkownik. No, oczywiście z głową, czyli dopóki jest to jeden kafejkowy user, to cena jest mała, ale sto pięćdziesiąty siódmy już trochę zmienia obraz sytuacji.
listek 11 15 września 2005, 21:52

podobnie myślą twórcy stron "only ie" tylko mają trochę inny rząd wielkości, ale tam generalnie rzędy wielkości są inne (zarówno wszystkich użytkowników jak i tych non-ie)
Adrem 12 30 stycznia 2006, 20:16

Czy ADxMenu jest ideksowane przez google.
Riddle 13 30 stycznia 2006, 20:19

Tak, jak najbardziej. To zwykła lista wypunktowana z bajerami włączonymi CSSem. Wyłącz style w przeglądarce i zobaczysz jak się przedstawia takie menu pająkom Google. :)
Adrem 14 31 stycznia 2006, 16:44

Dzieki. Tak mi sie wydawało ale wolałem sie zapytać:)