Niestandardowe czcionki na stronach WWW – idą lepsze czasy Grzegorz Wójcik

Web Fonts

Jednym z najbardziej irytujących elementów przy projektowaniu stron WWW była praktycznie od zawsze konieczność stosowania ograniczonego zestawu najpopularniejszych (czytaj: najczęściej zainstalowanych na komputerach internautów) czcionek. Oczywiście – Arial, Verdana, Times New Roman czy Courier to piękne fonty, które stanowią fundament internetowej typografii. Są jednak przypadki, kiedy standardowe czcionki po prostu nie wystarczają – bo np. nie pasują do unikalnej koncepcji graficznej serwisu.

W takich sytuacjach rodzi się potrzeba skorzystania z niestandardowej czcionki. Dotychczas problem ten „naokoło” próbowały rozwiązać techniki takie jak sIFR, FLIR czy ostatnio typeface.js jednak wymagały one dosyć sporego wysiłku konfiguracyjnego i posiadały ograniczenia. Okazuje się jednak, że już w tej chwili prawie wszystkie najpopularniejsze przeglądarki internetowe obsługują dużo elastyczniejszy i wygodniejszy mechanizm osadzania niestandardowych czcionek. Czytaj dalej »

Czytaj więcej:
Artykuły » CSS
Tagi:
, ,

Jak zhakierowałem antyweb.pl – czyli co zrobić by poprawić bezpieczeństwo WordPressa Grzegorz Wójcik

Króliczek Honey Bunny
Króliczek Honey Bunny

Dla niezorientowanych – antyweb.pl to popularny w niektórych kręgach blog o tematyce IT utrzymany w warstwie treści w mojej subiektywnej opinii trochę w klimacie bulwarówki „Fakt” i prowadzony przez Grzegorza Marczaka vel hazana. Bardzo często hazan w swojej blogowej twórczości jawi się jako swoisty guru sieci Web a także bezwzględny komentator internetowych wydarzeń (wielokrotnie łaja na łamach swojego bloga naszą-klasę, twittera czy nazwa.pl).

Niestety, rzeczywisty poziom jego wiedzy merytorycznej i profesjonalizmu został niedawno poddany krytyce przez nagłośnioną na wykop.pl sprawę problemów z serwerem, na którym stoi antyweb (pojawiły się opinie, że co to za spec, który nie potrafi zapewnić ciągłości działania swojego serwisu?). Okazuje się, że w kwestii zabezpieczeń antyweb.pl prezentuje się również nieciekawie.

Otóż – trochę poszperałem, trochę poczytałem i udało mi się zalogować do panelu administracyjnego antyweb.pl jako admin :) Czytaj dalej »

Czytaj więcej:
Artykuły » WordPress
Tagi:
,

Yetii – czyli moje podejście do tematu “zakładek” Grzegorz Wójcik

53_yetii_logo_250x110

Yetii został wymieniony w artykule 75 (Really) Useful JavaScript Techniques w prestiżowym Smashing Magazine - cóż za zaszczyt! :)

Zakładki (ang. tabs) są coraz częściej wykorzystywanym „interaktywnym” elementem stron internetowych. Sprawdzają się zwłaszcza w sytuacji, gdy na stronie jest naprawdę tłoczno (przykładowo jest to strona główna serwisu) i dysponujemy ograniczonym obszarem dla zaprezentowania większej ilości informacji.

W Internecie znajdziemy mnóstwo darmowych „zakładkowych” skryptów, jednak większość z nich ma kilka podstawowych wad:

  • albo są mało elastyczne (co wynika z błędnej implementacji)
  • albo są zbyt rozbudowane i „napuchnięte” niepotrzebną funkcjonalnością
  • albo są zależne od popularnych JavaScriptowych bibliotek
  • albo stają się niedostępne w sytuacji wyłączonej obsługi skryptów w przeglądarce

Wychodząc naprzeciw tym problemom postanowiłem napisać we własnym zakresie coś małego i funkcjonalnego zarazem – Panie i Panowie – przedstawiam wam Yetii (ang. Yet (E)Another Tab Interface Implementation). Czytaj dalej »

Czytaj więcej:
Artykuły » JavaScript
Tagi:
,

Idealne parametry tekstu na stronach WWW – 10 przykazań Grzegorz Wójcik

121_idealny_tekst_www_250x200

Ludzie mają to do siebie, iż nieustannie poszukują rozwiązań idealnych. W każdej dziedzinie można wskazać coś na kształt idealnego wzoru/podejścia, które odpowiada preferencjom większości i względem którego dokonuje się rozmaitych ocen.

Podobna sytuacja ma miejsce w przypadku typografii internetowej. Czy istnieją idealne parametry tekstu na stronie WWW, gwarantujące maksymalny poziom przejrzystości, dostępności i percepcji? Wydaje mi się, że tak. Poniżej przedstawiam kilka fundamentalnych zasad, którymi należy się kierować przy formatowaniu tekstów na stronach internetowych i określaniu ich właściwości za pomocą stylów CSS. Czytaj dalej »

Czytaj więcej:
Artykuły » CSS
Tagi:
,

Photoshop – zaprojektuj banner w stylu Web 2.0 Piotr Kulczycki

Banner w stylu Web 2.0

Jako, że od współczesnego webmastera coraz częściej wymaga się także umiejętności w zakresie projektowania graficznego, spróbujmy odświeżyć trochę naszą znajomość Photoshopa i zaprojektujmy banner promujący fikcyjną konferencję poświęconą Web 2.0. Jak wiadomo o nurcie Web 2.0 można mówić również w odniesieniu do grafiki WWW. Można wymienić nawet jego najbardziej charakterystyczne cechy:

  • wszechobecne gradienty, zaokrąglenia, pasiaste desenie
  • minimalizm i prostota w formie
  • pastelowe kolory
  • wyraziste i pogrubione czcionki

Nasz banner oparty będzie na koncepcji promienistych pasów wypełnionych gradientem i przypominających słońce. Poznamy ciekawy i szybki sposób tworzenia takich radialnych, pasiastych deseni. Czytaj dalej »

Czytaj więcej:
Artykuły » Grafika WWW
Tagi:
,
Strona: 3 z 4