Artykuły dla tagu CSS

sxc.hu
lip 01 2012
0

Chmura tagów w PHP i MySQL

Na sukces określonej strony WWW składa się wiele czynników. Z pewnością większość z Was zapytanych z miejsca odpowie, że będzie to dobry design witryny oraz ciekawa i unikatowa treść. Niewątpliwie jest w tym wiele prawdy, ale jak pokazuje życie wskazane elementy to tylko cząstka sukcesu.

Dobry webmaster oprócz tego, że musi trafić w zmysł estetyczny i intelektualny swoich czytelników, powinien mieć w sobie coś z marketingowca i socjologa. Marketing rzecz znana i raczej nie wymaga wielkich wyjaśnień. Ot po prostu każdy z nas powinien umieć sprzedać swój produkt i dopieszczać klientów/użytkowników swojej witryny.

Kwestia socjologiczna, to aspekt który dopiero od niedawna przykuwa szerszą uwagę webmasterów. Socjologia zajmuje się badaniem zachowań ludzkich, bądź też przewidywaniem ich reakcji na pewne zjawiska. Zestawienie tej dziedziny nauki z procesem tworzenia strony WWW może wydawać się z pozoru bardzo abstrakcyjne, ale jeśli spojrzeć na to z szerszej perspektywy... to łatwo zdać sobie sprawę, że pewne zachowania użytkowników można przekuć w sukces naszej witryny, stawiając choćby na dobrą i czytelną nawigację, która cały czas będzie serwować czytelnikowi treści które mogą go zainteresować w obrębie serwisu. W ten oto sposób zmierzamy powoli do sedna tego tekstu, czyli praktycznej rozprawy nad nawigacją w witrynie, którą w wymierny sposób możemy wesprzeć za pomocą tytułowej chmury tagów.

paź 05 2011
0

Testowanie kodu za pomocą aplikacji webowej jsFiddle

Ostatnimi dniami, poszukując w pracy pewnych informacji na temat jQuery, całkiem przypadkowo natrafiłem na świetne narzędzie (właściwie to aplikacje webową), jakim jest jsFiddle. jsFiddle, pozwala na szybkie testowanie stron WWW, wykorzystujących takie technologie jak:

  • HTML
  • CSS
  • JavaScript

Przy okazji punktu związanego z naszym ulubionym językiem skryptowym warto wspomnieć, że jsFiddle wspiera wszystkie popularne frameworki (Dojo, Mootools, jQuery itd.), dzięki czemu całe narzędzie jeszcze bardziej zyskuje na znaczeniu.

wrz 21 2011
0

Własne czcionki na stronie, dzięki CSS3

W ubiegłym tygodniu, na fanpage'u dostałem informację od jednego z użytkowników o kiepskiej jakości czcionki na blogu. Jak się później okazało, problem dotyczył w głównej mierze Windowsa XP, który nie posiada funkcji wygładzania czcionek. W gruncie rzeczy, używałem dość popularnych czcionek z rodziny Lucinda, które są dostępne na większości dostępnych obecnie OSach i często można je spotkać właśnie w sieci. Niestety, na Windowsie XP wyglądają co by tu delikatnie mówić - po prostu tragicznie. Pojawił się zatem problem.

Pierwszym rozwiązaniem, które przychodzi do głowy, jest wykorzystanie popularnych, starych i sprawdzonych czcionek - np. Ariala, Verdany, Tahomy... Niestety czcionki te, mi się już trochę znudziły (podejrzewam, że sporej grupie internautów również).

Na szczęście, znalazłem inne rozwiązanie - zastosowanie własnej, przez siebie wybranej czcionki i dostarczenie jej użytkownikom za pomocą CSS3. Efekty tej zmiany, powinny być dla Was widoczne już teraz:). Jeśli nie, to warto być może przeczyścić pamięć podręczną, lub zaktualizować przeglądarkę, jeśli jest ona starej daty:)

wrz 07 2011
0

Przewijany pasek społecznościowy dla bloga w jQuery i CSS

Ostatnimi czasy przeglądając różne blogi (szczególnie te oparte o Wordpressa), natknąłem się na tzw. social slider. Social slider to specjalny pasek, który przewija się razem z artykułem/wpisem u boku strony i pozwala na polecenie treści wyświetlanej aktualnie na stronie w wybranych przez autora serwisach społecznościowych. Ponieważ osobiście nie korzystam z Wordpressa i nie mogę najzwyczajniej w świecie zainstalować sobie kolejnego rozszerzenia, postanowiłem że sam sobie coś takiego wykombinuję. W gruncie rzeczy okazało się, że to jest naprawdę banalna sprawa. Do realizacji celu, wykorzystałem jQuery oraz CSS.

sie 24 2011
0

Cienie i zaokrąglenia w CSS3

Webmasterzy praktycznie od zawsze próbowali polepszyć warstwę wizualną swoich witryn, dzięki czemu strony stawały się bardziej atrakcyjniejsze dla potencjalnych odbiorców. Dotychczas większość tricków, takich jak tytułowe cienie i zaokrąglenia realizowano za pomocą programów graficznych. Co mniej sprawni graficznie webmasterzy (lub Ci, którzy niemili pod ręką żadnego grafika), musieli obejść się smakiem. Sytuacja jednak się zmieniła w ostatnim czasie za sprawą CSS3, który elementy tego typu ma zapisane w swojej specyfikacji.

flickr.com/photos/adactio
sie 11 2011
0

Nowoczesne pseudoklasy strukturalne w CSS

Każdy webmaster, który w ostatnich latach parał się tworzeniem stron WWW, z pewnością stał przed dylematem, zwanym Internet Explorer. Nie od dziś wiadomo, że przeglądarka ta jest raczej na bakier ze standardami. Można się nawet pokusić o stwierdzenie, że programiści z Redmond, przez dłuższy czas, próbowali nawet tworzyć swoje własne standardy - niestety...

Sytuacja powoli zaczyna się jednak zmieniać i mają na to wpływ zasadniczo dwa czynniki:

  • Po pierwsze, udział w rynku Internet Explorera maleje. Niestety z Internet Explorera nadal często korzystają duże korporacje, w których zmianę przeglądarki na inną można nazwać wyczynem, ale i one powoli i nie śmiało przestawiają się na nowsze wersje IE, lub zmieniają przeglądarki
  • Po drugie, fakt że Microsoft począwszy od wersji 9, chyba naprawdę zaczyna rozumieć panujące w sieci standardy

Dlatego jeśli tworzysz witrynę, która nie będzie używana wewnątrz korporacji, która zatrzymała się na Windowsie XP oraz Internet Explorerze 6, to z pewnością powinna zainteresować Cię wiedza zawarta w dalszej części tego wpisu, związana w głównej mierze z selektorami typu child oraz nth.

cze 23 2011
0

CSS Sprites

Webmaster, to druga obok aplikacji tygodnia cykliczna seria wpisów, jaką chcę wprowadzić na Alt Control Delete. Celem wpisów tego typu, będzie prezentacja praktycznych i zarazem szybkich w wykonaniu sztuczek, które możemy zastosować na stronie by ją zoptymalizować/uatrakcyjnić/unowocześnić (wykreśl dowolną opcję).

Na pierwszy ogień: CSS Sprites.

kwi 10 2011
0

Nowości i funkcje HTML5, które warto poznać

Choć HTML5 oficjalnie standardem jeszcze nie jest, to jest już o nim bardzo głośno. Ostatnio między innymi za sprawą Googla, który zaprezentował 5 nowych dynamicznych szablonów napisanych w HTML5 i CSS3. Efekt naprawdę robi wrażenie:) Sam również kilkukrotnie wspominałem na temat tej technologii, omawiając przede wszystkim, sposób tworzenia podstawowej struktury strony w HTML5. Dzisiejszy wpis, również chciałbym poświęcić HTML5, a w szczególności skupić się na jego features (jak to ładnie po angielsku brzmi), które usprawniają wiele rzeczy zarówno z punktu webmastera jak i użytkownika końcowego.

mar 09 2011
0

15 praktycznych i użytecznych wtyczek jQuery

Internet wciąż się zmienia. Pojawiają się nowe technologie, języki programowania, czy też lepszy sprzęt, na którym to wszystko działa. Jednym z efektów tego ciągłego rozwoju, jest niezwykle populary framework JavaScriptowy, czyli jQuery, który już nie raz gościł na tym blogu. Wcześniej pisałem m.in wprowadzenie do podstaw jQuery, czy też wykorzystanie zaawansowanych selektorów. Dziś chciałbym zrobić coś innego, a mianowicie zaprezentować 15 interesujących wtyczek, które z powodzeniem możecie wykorzystać we własnych projektach.

wrz 15 2010
0

Nowoczesność i użyteczność

Tytuł niniejszego wpisu, ma symbolizować zmiany jakie właśnie zaszły na Alt Control Delete. I tu należy zaznaczyć, że są to zmiany znaczące, ponieważ dotyczą one zarówno logiki biznesowej jak i warstwy prezentacji. Strona bardzo zmieniła się technicznie. Pojawił się HTML5, a także pojawiło się trochę reguł z CSS3:) Zmiany zostały również poczynione w kodzie JavaScript, który w tej chwili jest jeszcze bardziej oparty o jQuery.

W kwestii użyteczności zaszło również kilka bardzo ważnych zmian. Pojawiły się między innymi tagi oraz pasek nawigacyjny.

Więcej szczegółów na temat poczynionych zmian, w dalszej części wpisu.

1 2 3 4