CSS

Większe projekty, nad którymi pracuje kilka osób mają to do siebie, że ciężko jest zapanować nad porządkiem. O ile w przypadku JS jest prościej, tak w przypadku CSS jest trudniej, bo każdy ma swój styl kodowania i ciężko jest się od niego odzwyczaić. Robi się jeszcze ciekawiej, gdy do jednego elementu HTML jest podpiętych kilka zdarzeń za pomocą JavaScript.

Gradienty w CSS3 to bardzo przydatne narzędzie, dzięki któremu możemy urozmaicić wygląd naszej strony niewielką ilością kodu, ogranicza nas właściwie jedynie wyobraźnia. Warto rzucić więc okiem na nową składnię gradientów kołowych, która została już zaimplementowana w najnowszych wersjach beta IE10.

Przy tworzeniu stron, które mają się dobrze wyświetlać na urządzeniach mobilnych, problematyczne mogą być dane tabelaryczne. Wszystko zależy od ilości danych jakie będzie miała w sobie taka tabelka. I tu pojawia się zasadnicze pytanie: co pokazać użytkownikowi?

Normalnie nie wierzę w to co przed chwilą zrobiłem. Właśnie użyłem mojego pierwszego hacka w CSS dla Firefox'a! Przyjęło się, że hacki stosuje się tylko i wyłącznie dla różnych wersji Internet Explorera.

Kogo nie denerwuje pisanie oddzielnych CSS'ów pod różne wersje IE? Zazwyczaj (w moim przypadku) problemy wynikały z braku wiedzy nt. co działa a co nie pod IE. Dzisiaj trafiłem na bardzo fajny link, gdzie została przedstawiona tabela ze szczegółowym wsparciem stylów w każdej wersji IE!

Ile razy zdarzyło się Wam używać float: right/left do osiągnięcia konkretnego efektu? A ile razy zdarzało Ci się dodać do tego atrybutu display: block;? Prawda jest taka, że nie ma potrzeby dublować jednej właściwości :). Jakiej i dlaczego? W daleszej części wpisu. Jest to wpis z cyklu "czy wiesz że...?".

Pamiętacie czasy w których rozdzielczość 800x600 pikseli wiodła prym? Dzisiaj to już przeszłość, ale ze względu na pojawienie się innych urządzeń za pomocą których można przeglądać Internet temat wraca jak bumerang. Problem w tym, że tych rozdzielczości jest tak wiele, że projektanci dostrzegli w tym problem.

Gdy ostatnim razem opisywałem możliwości teł w CSS3 skupiałem się na gradientach. W tym wpisie pokażę, pewnie większości z Was znane już, ustwianie wielu teł dla konkretnego elementu. Wszystko za sprawą background-image, który w CSS3 może przyjąć kilka wartości. Na koniec, podam życiowy (z rekrutacji) przykład jaki można popełnić w CSS3.

Dzięki CSS3 możemy w końcu tworzyć cienie nie tylko dla obrazków ale i dla tekstów. Kolejny fajny bajer, dzięki któremu grafik nie będzie nam już potrzebny :) to raz. A dwa, nie trzeba będzie tworzyć teł czy dodatkowych sprite'ów by np. stworzyć button 3D.

Twierdzisz, że jesteś dobrym koderem tzn. front-end developerem? Już 20 października będzie ku temu wyśmienita okazja. Tego dnia rozpocznie się CSS off, konkurs w którym będzie wyłoniony najlepszy koder.