Generator CSS3 to kolejne narzędzie ze stajni “the best of developer tools”. Jego jedynym przeznaczeniem jest generowanie składni CSS3 dla nowych bajerów takich jak zaokrąglone rogi, gradienty, transformacje, czy układ wielokolumnowy. W sumie wygenerować możemy czternaście nowych funkcjonalności. Generator znajduje się pod adresem http://css3generator.com/.
Dzięki popularyzacji nowoczesnych przeglądarek, mamy możliwość rezygnacji ze stosowania plików graficznych i w ich miejscu wykorzystywania czystego CSS. Jednym z elementów strony, który można w całości wykonać przy pomocy CSS, jest przycisk.
Od strony HTML kod jest banalny.
<a href="#" class="button">Kliknij mnie</a>
CSS również nie jest zbyt skomplikowany.
Kanał ATOM
.button {
background-color: #efefef;
border: 1px solid #bbbbbb;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 2px 2px 3px #cccccc;
-webkit-box-shadow: 2px 2px 3px #cccccc;
box-shadow: 2px 2px 3px #cccccc;
text-decoration: none;
color: #3d3d3d;
font-family: Calibri, Verdana, Arial, sans-serif;
font-size: 18px;
outline: none;
padding: 3px 10px;
}
.button:active {
-moz-box-shadow: 2px 2px 3px #cccccc inset;
-webkit-box-shadow: 2px 2px 3px #cccccc inset;
box-shadow: 2px 2px 3px #cccccc inset;
}
I już. W efekcie uzyskamy dwustanowy przycisk działający we wszystkich nowoczesnych przeglądarkach (również w IE9), który wygląda następująco.
Prawda, że proste?
Jeśli przyjdzie Wam kiedykolwiek mierzyć się z tworzeniem layoutu na wiele urządzeń, tytułowy Less Framework będzie dla Was bardzo pomocny. Tak naprawdę to jest to tylko kilka wierszy kodu CSS, korzystającego z Media Queries, technologii pozwalającej na zastosowanie różnych reguł CSS w zależności od zadanych parametrów (np. szerokości ekranu).
Twórcy Less Frameworka Ameryki nie odkryli i jedyne co zrobili, to przygotowali cztery szerokości layoutu, odpowiadające desktopowi, tabletowi oraz urządzeniom mobilnym (telefonom) o dużej i małej rozdzielczości. Domyślną szerokością jest oczywiście desktop, dzięki czemu przeglądarki niewspierające Media Queries, poprawnie wyświetlą zawartość strony.
Zastosowanie frameworka jest banalnie proste i sprowadza się do dodania wygenerowanych reguł CSS do naszego pliku ze stylami (ewentualnie dodania jako osobnego pliku). I to wszystko. Nie musimy dodawać do kodu specjalnych znaczników, klas, placeholderów i innych dziwnych konstrukcji.
Dokładny opis frameworka oraz generator kodu CSS znajdziecie na stronie projektu – lessframework.com. Pamiętajcie, że wygenerowany kod jest tylko szkieletem, a nie wyrocznią i można go dowolnie modyfikować w zależności od własnych potrzeb.
Dobrych książek nigdy dosyć. Zwłaszcza gdy są darmowe i do tego w postaci elektronicznej (łatwiej takie przechowywać, a czytniki ebooków są coraz lepsze). W serwisie SmashingHub pojawiła się właśnie lista 15 książek w wydaniu elektronicznym, które każdy szanujący się web developer powinien chociaż przejrzeć. Książki opisują zagadnienia związane z HTML/HTML5, CSS/CSS3, JavaScript oraz z szeroko rozumianym tworzeniem stron internetowych. Ponieważ zbiór zawiera książki różnych autorów, ich poziom jest różny, jednak jestem pewien, że każdy znajdzie dla siebie coś odpowiedniego.
Listę znajdziecie pod adresem http://smashinghub.com/15-free-e-books-every-developer-should-have.htm.
Dzisiaj mam do oddania książkę zatytułowaną Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day: Includes New HTML5 Coverage (6th Edition).
Książka trafi w ręce osoby, która poda najciekawsze wyjaśnienie skrótu HTML i/lub CSS. How To Meet Ladies oraz Countless Sex Styles raczej nie mają szans 
P.S. Książka jest napisana w języku angielskim.
P.P.S. Konkurs trwa do końca tygodnia, czyli do 26.06.2011, do północy.
Powodzenia!