elimu blog – o CMS Joomla! i Drupal

Jeśli potrzebujesz zrobić ładnie wyglądające porównanie usług, zamiast kombinować z modułami – sięgnij po „ręczne” kodowanie, ale przy użyciu CSS3.  Trzy gotowce, wyglądają naprawdę rewelacyjnie, a do tego masz gotowy kod, tylko wklej odpowiednie wartości. Zobacz DEMO (tympanus.net/Tutorials/CSS3Tables/) + Pobierz kod.

Na stronie: ubuwaits.github.com/css3-buttons/ – znajdziesz dziewięć (a dokładniej 12) inspirujących przycisków wykonanych w technologii CSS3, które możesz wykorzystać w swoich realizacjach. Szczególnie jeśli Twoi klienci, korzystają z przeglądarki FF, Chrome lub Safari. Nieszczęśliwcy z IE <9 , nie będą jak zwykle zadowoleni. Jeśli chodzi o literaturę w temacie CSS 3, dowiedziałem się, że wyd. Helion planuje taką książkę, ale dopiero na rok 2011. Na Amazon.com do grudnia już kilka książek będzie można nabyć w temacie HTML5 i CSS3, wiem bo sam mam już dwie, albo trzy.

Wobec coraz bardziej rosnącej popularności css3 także i ja po kilku miesiącach niechęci postanowiłem zacząć ich szerzej używać. To jest nie tylko do zabawy lecz także w komercyjnych projektach.

Po zaokrąglonych rogach i box-shadow przyszła kolej na przyjrzenie się opcjom gradientowym i tu nastą[iła chwila konsternacji: z Firefoxem, Chromem i Safari nie ma problemu jednak zawsze problematyczny IE i o dziwo Opera nie sprawują się tu już tak dobrze. W tym miejscu nastąpiło kolejne zaskoczenie, gdyż na tle Opery IE wypada lepiej, ponieważ nie obsługując gradientów stricte rodem z css3 pozwala na ich tworzenie za pomocą filtrów z jednym tylko zastrzeżeniem – możemy zdefiniować tylko początkowy i końcowy jego kolor. Pojawia się także problem wstecznej kompatybilności przeglądarek radzących sobie z przejściami tonalnymi. Czytaj dalej…

Z prawdziwą przyjemnością prezentuje najnowsze kursy (np. HTML5 i CSS3) dostępne na SitePoint (courses.sitepoint.com). Moim i nie tylko zdaniem są bardzo wartościowe z dwóch powodów: osoba prowadząca – to na ogół ekspert z branży, w tym przypadku to John Allsopp, który na temacie web designu się zna, gdyż zaczynał jeszcze w latach 90-tych. Po drugie, niska cena od $10 do $15. Także sposób prowadzenia jest niezwykle wygodny, wystarczy mieć internet i zarezerwować sobie kilka godzin w tygodniu. Czytaj dalej…

Google opublikował w sieci nowy serwis – HTML5 Rocks – to miejsce, gdzie osoby (np. web developerzy) znające język angielski  znajdą wszystkie niezbędne informacje na temat tworzenia stron w nowym standardzie. Po pierwsze warto zobaczyć pokaz (interaktywną prezentacje), następnie pobawić się w „kodowej piaskownicy„, gdzie możesz obserwować wprowadzone przez siebie zmiany w  kodzie. Ostatnim miejscem wartym odwiedzenia są tutoriale o HTML5. Obecnie jest ich zaledwie 9, jednak z czasem ich liczba będzie rosła. Polecam, wiadomo lepiej czytać i oglądać za darmo, niż płacić za książkę około 100zł z amazon, o ja nieszczęsny, hihi.

Ramki dla zdjęć można i robi się na kilka sposobów, jedni od razu przy pomniejszaniu zdjęcia w programie graficznym dodają jakiś efekt. Inni tylko za pomocą CSS i znacznika Border ustalają kolor ramki. CSS3 wprowadził możliwość dodania efektu cienia, tym samym nasze zdjęcia w artykułach staną się wizualnie jeszcze lepsze minimalnym kosztem. Tym bardziej, że edytując kilka linijek możemy potem bardzo szybko zmienić efekt, tak aby światłocień był tylko z jednej strony, albo oblewał całe zdjęcie lub inne elementy graficzne. Czytaj dalej…

CSS3 niesie ze sobą wiele możliwości, także w kwestii zastępowania starych obrazkowych rozwiązań tymi, które już grafik a jedynie kolory potrzebują. Tak jest i w tym przypadku, zapewne wiele razy z zazdrością patrzyłeś na szablony a w nich tytuły modułów lub nagłówki, które posiadały efektowną wstążkę.  Na ogół, aby dopasować ów elementy wymagany był program graficzny, od dziś – wystarczy ci zwykły edytor CSS i znajomość kilkunastu linijek kodu. Zresztą spójrz na obrazek z prawej strony. Czytaj dalej…