Życie frontend developera i nowa konferencja DevRing…
Wakacje już powoli odchodzą w zapomnienie, dni stają się coraz zimniejsze, a tegoroczne lato chodź pewnie wielu zapadło w pamięć, dobiega końca. Jesień to też ciekawy czas, czas w którym…
CSS
Resetowanie domyślnych stylów CSS
Zanim rozpoczniemy stylowanie strony internetowej warto zresetować domyślne wartości CSS ustawiane przez przeglądarkę WWW. Jest to o tyle ważne, że tak naprawdę każda przeglądarka internetowa inaczej interpretuje wygląd poszczególnych elementów…
Cień pod elementami w CSS 3 – box-shadow i text-shadow
Kaskadowe arkusze stylów w swojej trzeciej wersji dają bardzo dużo możliwości w projektowaniu graficznym stron internetowych. Jedną z ciekawszych opcji jest własność box-shadow oraz text-shadow, umożliwiająca stworzenie ciekawie wyglądającego cienia…
Zaokrąglanie rogów w CSS 3
CSS 3 i HTML 5 na dobre zadomowił się na naszych komputerach. Obecnie można bez większych obaw stosować tą technologię przy budowie stron WWW, a warto bowiem daje nam ona…
Szablon strony WWW na div-ach o płynnej szrokości
W artykule: „Szablon strony WWW na div-ach o stałej szerokości” opisałem sposób budowy szablonu portalu internetowego, ale o stałej z góry wyznaczonej szerokości. W niniejszym wpisie omówię w jaki sposób stworzyć szablon…
Szablon strony WWW na div-ach o stałej szerokości
Dla początkujących webmasterów prawdziwą zmorą jest zbudowanie solidnego szablonu strony WWW, opartego o CSS oraz elementy blokowe <div> </div>. Zazwyczaj początkujący programiści budują strony za pomocą tabelek co jest nierozsądne oraz niedopuszczalne! Po pierwsze…
Zamiana obrazka metodą Webfonts
Niewielu webmasterów wie, że istnieje lepsza metoda podmiany obrazka na stronie z wykorzystaniem CSS niż ta, która przesuwa dany obrazek poza obszar ekranu. Obraz osadzony przy pomocy tagu <img src=””…
Kontrolowanie odstępów między literami i słowami
Właściwości letter-spacing oraz word-spacing umożliwiają kontrolowanie odstępów między literami oraz między poszczególnymi słowami. Obie właściwości mogą przyjmować wartość dodatnią lub ujemną, aby określić wielkość odstępów – wartości dodatkie powodują dodanie…
Zmiana koloru tła pola formularza po kliknięciu w nie
Dzięki kaskadowym arkuszom stylów można zmienić wygląd pól formularza z szarych i ponurych, na kolorowe, pasujące do reszty strony. Poniższy kod pokazuje jak wykonać pole formularza po kliknięciu, w które…
Tworzenie pionowej linii
Dzięki kaskadowym arkuszom stylów można w łatwy sposób tworzyć pionowe linie. Poniżej przedstawiony jest przykład. <div style="border-left:1px solid black; height: 200px; width: 0"></div> Zamiast black można wpisać dowolny kolor, w którym będzie…
Komentarze w kaskadowych arkuszach stylów
Umieszczanie w kodzie strony komentarzy (czyli tekstu, który nie będzie z żaden sposób interpretowany przez przeglądarkę) jest korzystne z kilku powodów. Jednym z nich jest tworzenie prostej dokumentacji – chodzi…
Formatowanie tabel za pomocą CSS
Za pomocą kaskadowych arkuszy stylów można kontrolować wygląd tabel. Poniższa tabela pokazuje, które właściwości CSS odpowiadają poszczególnym atrybutom znaczników Cel Atrybut tabeli Właściwości CSS Obramowanie border właściwości border Odstęp wewnątrz komórki…
