blog.trzezwymokiem.pl

CSS: tworzenie kolumn tekstu

, 27 stycznia 2012, 12:38

Czytając gazety można zauważyć tendencje do prezentowania tekstu w kolumnach, czasami design witryny wymaga od jej twórcy właśnie takiego podejścia. Dziś krótki „tip” jak to zrobić.

Gazeta

Do zrealizowania podziału na kolumny posłuży po prostu jedna z wielu nowych właściwości w css3, o intuicyjnej nazwie column. Do tej pory, przedstawienie tekstu w taki sposób nastręczało problemów. Sytuacja nie jest dramatyczna jeśli mamy do czynienia z treścią statyczną, gorzej jeżeli wszystko pobierane jest z bazy danych i trzeba taki tekst, w jakiś sposób, odpowiednio podzielić.

Czytaj dalej

CSS: animowanie elementów

, 22 stycznia 2012, 20:40

Animowane elementy już od jakiegoś czasu stały się nieodłączną częścią witryn. Teraz jest to jeszcze łatwiejsze niż w ciągu ostatnich lat.

fajerwerki

Już z pojawieniem się jQuery można było robić coraz więcej ładnych elementów, nie koniecznie „wodotrysków”, ale zwyczajnych, nieinwazyjnych, przyjemnych dla oka elementów. JavaScript pozwala na animowanie w dość zaawansowany i rozległy sposób, css nie koniecznie, ale i tak jest fajnie.

Czytaj dalej

CSS: Dopasowanie strony do warunków zewnetrznych

, 7 stycznia 2012, 15:20

Nastały czasy, kiedy urządzenia mobilne są pełnoprawnymi narzędziami, którymi można się posłużyć do przeglądania witryn internetowych. CSS3 daje w tej dziedzinie kilka nowych możliwości.

W dzisiejszym tekście poruszę tematykę Media Queries, których wykorzystanie niedługo stanie się, jak sądzę, bezwzględnie wymagane.

css media queries

Co, gdzie, jak? O co tu chodzi?

Większości osób korzystających z komputerów stacjonarnych używa monitorów o przekątnej ekranu 20 cali lub większych. W przybliżeniu używamy przedziału rozdzielczości od 1600 x 900. Laptopy to np. 1366 x 768. W takiej sytuacji otwieranie strony internetowej (o ile nie odbiega od wszystkich możliwych norm) nie powinno stanowić problemu i wszystko będzie nam się ładnie mieścić na ekranie, bez konieczności przesuwania to w prawo, to w lewo (nie wspominając już o sytuacji, gdy wszystko się rozjeżdża, co graniczy z katastrofą).

Czytaj dalej

Dodatkowe czcionki

, 26 grudnia 2011, 15:57

Od dawna już pośród twórców witryn internetowych istniało zapotrzebowanie na używanie w projektach niestandardowych czcionek, innych niż np. Arial, Times New Roman, czy też ich unixowe i Apple’owskie odpowiedniki. O tym, co nowego w tym temacie wnosi CSS3 w dalszej części tekstu.

grafiti

Na dzień dzisiejszy, w związku z nowymi możliwościami, w końcu nie trzeba już tłumaczyć grafikom, dlaczego dodawanie niestandardowych czcionek jest bezcelowe. A w przypadku gdy nie uda się ich przekonać – nie ma potrzeby radzenia sobie używając skryptów typu SIFR. Teraz stało się to jak najbardziej możliwe.

Czytaj dalej

JQuery: pobranie podglądu avatara

, 20 lutego 2011, 14:34

System, umożliwiający przypisanie do adresu e-mail awatara, znany jest większości osób, które udzielają się w internecie. Fajna sprawa? Ja uważam, że tak. A teraz jak wykorzystać JavaScript żeby było jeszcze lepiej?

Dla osób, które nie domyśliły się, lub z przyczyn obiektywnych nie wiedzą o co chodzi. Powiem, że mowa tu o gravatar.com. Moje zdanie jest takie, że ten kto wpadł na pomysł stworzenia rzeczonego systemu zrobił krok w stronę walki i anonimowością w internecie.

Czytaj dalej