Responsive web design - elastyczne strony
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
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
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?
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.
CSS3: gradienty
Gradienty, kilka lat temu, to była prawdziwa zmora frontend developerów. A gdy grafik wpadł na genialny pomysł mieszania kilku gradientów, to szczęka opadała - nie wiadomo czy było do śmiechu czy płaczu. Najszybszym wyjściem byłoby pozbycie się grafika :). Na szczęscie w CSS3, można w łatwy sposób tworzyć gradienty.
Ciekawa właściwość color w CSS
Założę się, że prawie wszyscy, którzy kodują używają właściwości color tylko i wyłącznie do kolorowania tekstu. Co więcej, pewnie nikt nie przeczytał dokumentacji :). To dotyczy też mnie. Jak zauważył Louis Lazaris z Impresive Webs, własność color ma specjalne właściwości.
CSS3: Strzałka z zaokrąglonymi rogami
Na chwilę obecną nie jest zwolennikiem CSS3. Traktuje to tylko i wyłącznie jako ciekawostka. W sieci można znaleźć różne, bardzo fajne efekty i tutoriale, które pokazuję możliwości. Np. obroty o x stopni, gradienty itp. Dzisiaj pokażę Wam jeden taki przykład, który znalazłem w sieci.
Zaawansowane selektory
Selektory jakie Wam dzisiaj przedstawie nie dość, że są ciekawe, to pewnie nigdy z nich nie korzystałeś/-aś. Jeśli chodzi o mnie, to raczej nie były mi do niczego potrzebne. Często potrafią się pojawić na testach o pracę na stanowisko kodera HTML/CSS.
Jak pisać czytelny CSS
Dzisiaj przedstawię Wam moją konwencję kodowania w CSS. Ważne jest aby w arkuszach stylów panował porządek. Dzięki temu kod będzie się łatwiej edytowało, i co ważne, osoby które po nas będą edytować kod też nie będą miały problemów z dojściem o co tutaj chodzi.