Logo

Blog o JavaScript, jQuery, HTML5, CSS3 i 4. Porady jak pisać dobrej jakości kod, tutoriale, nowości.

CSS

CSS: js-*

  • 07.04.2014 21:32:14
  • CSS
  • 4

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.

Radial-gradient - nowa składnia i pierwsze implementacje

  • 09.07.2012 22:12:06
  • CSS
  • 2

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.

RWD - elastyczne tabelki

  • 20.06.2012 11:25:04
  • CSS
  • 1

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?

Hack CSS tylko pod Firefoxa

  • 25.04.2012 15:19:37
  • CSS
  • 3

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.

Kompatybilność CSS pod IE 5, 5.5, 6, 7, 8, 9

  • 10.04.2012 07:30:26
  • CSS
  • 5

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!

float a display: block

  • 12.03.2012 18:19:57
  • CSS
  • 5

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...?".

Responsive web design - elastyczne strony

  • 01.12.2011 15:30:16
  • CSS
  • 11

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.

Wiele teł w CSS3

  • 09.11.2011 20:59:00
  • CSS
  • 2

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.

Cienie w CSS3

  • 12.09.2011 09:36:24
  • CSS
  • 3

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.

Jak dobrym jesteś koderem HTML / CSS?

  • 08.09.2011 16:00:38
  • CSS
  • 4

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.