devblog, portfolio

movie producer, zend framework, php, jquery pluginy



Archiwum tagu 'CSS'

CSS: Dyrektywa !important

Dzisiaj powiem o mało znanej wśród początkujących adpetów sztuki tworzenia stron www, za to bardzo dobrze znanej wśród "wyjadaczy", dyrektywie !important obecnej w języku stylów CSS.

CSS: Zaokrąglone narożniki obramowania

Dzisiaj opowiem o zaokrąglaniu narożników obramowania (w css: border). Jest to element specyfikacji CSS 3, jednak obsługuje go już większość przeglądarek. Z tego co pamiętam, to tylko IE może mieć z tym problemy, ale wszyscy już się raczej przyzwyczaili, że MS ze swoją przeglądarką jest zawsze o rok do tyłu za konkurencją, jeśli chodzi o obsługę "nowinek" (wiem, przemawia przeze mnie typowa dla "linuxowca" podłość ;)

A więc do dzieła.

Czytelników: 631 Odsłon: 717 Komentarzy: 2

CSS: Podwójna ramka

Czasami zwykłe style ramek css nie wystarczają. Zdarza się, że potrzebujemy np. dwukolorowej ramki. Możemy to załatwić stosując jako ramkę grafikę, jednak w większości przypadków nie będzie to konieczne. Korzystając z dwóch parametrów css, możemy zrobić podwójną, elegancką ramkę.

Czytelników: 600 Odsłon: 689 Komentarzy: 2

CSS: Czcionki z serwera (@font-face)

Czasami zdarza się, że korzystamy na stronie z niestandardowych czcionek - takich, których nie ma we wszystkich systemach operacyjnych. Na szczęście CSS pozwala nam na wczytywanie czcionki z pliku.

CSS: Cień tekstu

Aby upiększyć nagłówki stosowane na stronie, możemy dołożyć do nich cień. W CSS to zaledwie jedna linijka.

Czytelników: 1097 Odsłon: 1272 Komentarzy: 3

CSS: Ładne tabelki

media/upload/images/4497ddf66531c9ddac6d358255563736.pngNa stronach bardzo często pojawiają się tabelki z danymi. Jednak równie często, są one zupełnie nieczytelne. Co więc zrobić, aby korzystanie z danych zawartych w tabelach nie było przykrym obowiązkiem? Nic wielkiego. Wystarczy kilka minut i porady, które przedstawię w tej części artykułu.

Czytelników: 2449 Odsłon: 2891 Komentarzy: 5

CSS: Styl dla pierwszej litery (inicjał)

Jak ładnie rozpocząć tekst? Z pewnością od dobrego zdania, ale jak jeszcze? Najlepiej od inicjału, czyli wyróżnionej pierwszej litery tekstu. Język stylów CSS posiada możliwość ustawienia indywidualnego stylu dla pierwszej litery akapitu, nagłówka, elementu listy itp.

Czytelników: 1585 Odsłon: 1850 Komentarzy: 4

System szablonów Smarty #1

media/upload/images/f7cbfcd062a3171f52c3c2663e635d9e.gifKiedyś pisałem o tym, jak samemu stworzyć mechanizm podobny do popularnego systemu szablonów Smarty. Jednak napisanie czegoś tak funkcjonalnego jak nasz wzorzec byłoby bardzo czasochłonne i trudne. Dlatego ci, którzy bardzo potrzebują rozbudowanej funkcjonalności systemu szablonów, najczęściej sięgają po gotowe rozwiązania. Z tego powodu, że Smarty jest dostępne na licencji Open Source (a tak naprawdę GNU GPL - można je za darmo wykorzystywać zarówno w celach prywatnych jak i komercyjnych, a także modyfikować), to na nie najczęściej pada wybór amatorów i zawodowych programistów. Dzisiaj pokażę jak zainstalować Smarty (to też może być problemem dla początkujących!), a także jak tworzyć szablony.

Czytelników: 1826 Odsłon: 2135 Komentarzy: 4

Przyszłościowy HTML - HTML5

HTML ewoluuje od dawna. Kolejne wersje zwykłego HTML'a a następnie XHTML'a doprowadziły do stworzenia nowego, przełomowego standardu HTML5. Dowiedziałem się o nim zupełnie przypadkiem, kiedy przeszukiwałem bloga Piotra Nalepy. Szybko przekonałem się o jego podstawowych zaletach. Ale co czyni go tak wyjątkowym? Przede wszystkim formularze, a konkretnie sposób ich tworzenia i... możliwość walidacji zawartych w nich danych, bez użycia JavaScriptu.

Formularz z fajerwerkami: Siła hasła

Kiedy tworzymy formularze rejestracji, zawsze dodajemy pole służące wpisaniu hasła. Warto zadbać o wygodę i bezpieczeństwo użytkownika. Dlatego w tej części cyklu pokażę ciekawe dodatki do formularza, które sprawią, że użytkownik będzie mógł wybrać silne hasło, a także zostanie ostrzeżony przed możliwością łatwego złamania hasła. Użyjemy technologii AJAX i PHP.

Czytelników: 1671 Odsłon: 1949 Komentarzy: 10