W dzisiejszym artykule postanowiłem poruszyć kwestię wyrównywania położenia elementów w jednej linii.
Z pozoru, wydaje się to banalnym problemem do rozwiązania, ale można go rozwiązać na kilka sposobów. Dzisiaj zaprezentuję sposób związany z atrybutem inline-block i white-space. Myślę, że może się to przydać Tobie.
Dzisiejszy artykuł powstał na bazie inspiracji związanej z Windowsem 7, który mam zainstalowany u siebie. Pomyślałem sobie, żeby spróbować stworzyć efekt rozsuwanego menu rodem z tego systemu.
Efekt się udał, ale w 100% działa w 3-ch przeglądarkach: Mozilla Firefox 3.6.3, Safari 4.0, Google Chrome. W innych przeglądarkach może brakować niektórych szczegółów dekoracyjnych, ale sama idea wysuwanego menu działa.
Dzisiejszy tutorial będzie dotyczył efektownej ściany obrazków. Taka ściana może być wykorzystana w wielu celach np: jako galeria zdjęć, galeria prac do portfolio czy też jako ściana z reklamami na blogu.
Aby zbudować taką ścianę, będziemy korzystać z kilku języków webmasterskich: PHP, JavaScript, odrobinę HTML oraz CSS.
Jak wiadomo, już jest po świętach. Tak więc, pora się zabrać za napisanie kolejnego artykułu na bloga.
Dzisiejszy artykuł będzie traktował o płynnej zmianie układu treści na stronie, który jest zależny od szerokości okna przeglądarki i wielkości bloków z treścią.
Taki układ można sobie wyobrazić jako taką chmurę tagów, tyle że, zamiast tagów mamy treść (np. artykuły, moduły, zdjęcia, itp, itd.). Jest on bardzo przydatny gdy zależy nam na jak najciaśniejszym upchaniu contentu na stronie, by pozostało jak najmniej wolnej przestrzeni, która w niektórych przypadkach może źle wyglądać.
Zatem, jak to można zrobić?
Dalej
Witam wszystkich po świętach. Mam nadzieję, że jesteście w dobrych humorach i wypoczęci 🙂
W dzisiejszym artykule poruszam kwestię typografii, czyli sposobów pisania tekstu na stronach WWW, tak aby przyciągał uwagę swoim wyglądem.
Odpowiednio zbudowane nagłówki czy sam wygląd treści pisanej może się przyczynić do tego, że strona będzie o wiele lepiej odbierana przez użytkownika strony. Dodatkowo, zabawa z typografią jest uznawana za swego rodzaju sztukę i ma wielu fanów. Ja też się do nich zaliczam i stąd powstała idea aby przedstawić kilka sposobów na typografię.
Dalej
Dzisiejszy artykuł będzie dotyczył możliwości uzyskania efektu przeźroczystego paska nawigacyjnego znajdującego się zawsze w górnej części okna przeglądanej strony. Dzięki temu, mozemy zapewnić nieustanny dostęp do menu, a jednocześnie pozwalając czytać informacje ukryte pod paskiem nawigacyjnym.
W tym przykładzie na pasku nawigacyjnym znajduje się lista rozwijana i przyciski do przewijania strony
Po dłuższej przerwie pora na kolejny artykuł dotyczący tworzenia ciekawych efektów za pomocą biblioteki jQuery.
Dzisiaj przedstawię Tobie sposób na osiągnięcie ciekawego efektu rozwijanego menu, które po rozwinięciu będzie skakało przez chwilę jak piłka.
Po dłuższym okresie bez pisania nowych artykułów postanowiłem się z Wami podzielić czymś nowym. Dzisiaj będzie to sposób na ciekawą prezentację zdjęć w galerii. Wyobraźcie sobie ciemną scenę i światło padającego na jednego aktora. Tego typu efekt osiągnięcie podążając śladem tego artykułu.
Dalej![[CSS] Równomierne rozmieszczenie wielu elementów w jednej linii](https://blog.piotrnalepa.pl/wp-content/uploads/2010/05/centrowanie.jpg)
![[CSS][jQuery] Menu w stylu Windows 7 – niesamowity efekt](https://blog.piotrnalepa.pl/wp-content/uploads/2010/04/win7-menu.jpg)
![[PHP][jQuery] Ściana obrazków – obrazki z niespodzianką](https://blog.piotrnalepa.pl/wp-content/uploads/2010/04/sciana-obrazkow.jpg)
![[CSS][jQuery] Płynnie zmieniany układ treści na stronie](https://blog.piotrnalepa.pl/wp-content/uploads/2010/01/zmienny_uklad.jpg)
![[CSS] Typografia, czyli jak pięknie prezentować tekst?](https://blog.piotrnalepa.pl/wp-content/uploads/2009/12/typo-intro.jpg)
![[CSS][jQuery] Przezroczysty pasek nawigacyjny będący zawsze u góry okna przeglądarki](/img/placeholder-article.png)