Emmet LiveStyle – edycja CSS na żywo

Jakiś czas temu pisałem o jednym z dodatków, bez którego nie mogę sobie wyobrazić pisania jakiegokolwieg dokumentu HTML, czyli Emmet. Jego autor stworzył właśnie kolejny plugin, który tym razem umożliwia nam edycję CSS z podglądem na żywo, czyli Emmet LiveStyle. Oczywiście ktoś zapyta, po co komu kolejne tego typu narzędzie skoro mamy już np. LiveReload, CodeKit czy Bracket?

Czytaj więcej

CSS Hyphen czyli dzielenie wyrazów

Poprawna justyfikacja tekstu w przeglądarce od zawsze była sporym wyzwaniem. Albo w tekście powstają nienaturalne odstępy między wyrazami, albo na końcach linii pozostają pojedyncze litery. Innym problemem są tzw. kanaliki (ang. rivers), czyli białe miejsca, składające się ze spacji, układające się w pionie. Aby poprawić czytelność takiego tekstu, CSS3 wprowadza właściwość hyphens.

Czytaj więcej

IcoMoon – stwórz własny icon font

Jednym z ciekawych elementów jaki zastosowałem przy nowej wersji mojego bloga był font zawierający większość ikonek które używam. Wystarczyło zebrać ikony w formacie SVG, w internecie można znaleźć wiele darmowych paczek ikon, następnie wygenerować font i dołączyć go do jak zwykły web font, czyli przy użyciu font-face.

Czytaj więcej

:nth Tester. Przetestuj selektory nth

Są w internecie takie narzędzia, bez których programista nie mógłby się obyć, choć nie robią one zbyt wiele. Jednym z takich narzędzi jest dla mnie :nth Testert autorstwa Chrisa Coyera, który testuje selektory typu :nth-*. Selektory te stają się coraz powszechniej wspierane, o czym przekonuje choćby caniuse.com (tylko IE 8 w dół nie posiada wsparcia), tak więc coraz częściej sięgam po nie w różnych projektach. Samo narzędzie nie jest niczym nowym, ale może ktoś jeszcze o nim nie słyszał. Ostatnio doczekało się nawet aktualizacji o czym można przeczytać tutaj.

Czytaj więcej

Normalize.css vs Reset.css: Wybierz właściwie.

Od jakiegoś czasu w swoich projektach postawiłem na normalize.css, którym jak dla mnie, na głowę biję stary poczciwy reset.css. Różnicę między tymi dwoma podejściami bardzo dobrze widać wtedy, kiedy ma się dwa projekty, gdzie w jednym resetujemy domyślne style a w drugi normalizujemy. W czym więc jedno podejście jest lepsze od drugiego?

Czytaj więcej

Background element: element strony jako tło

W przerwie między świątecznymi porządkami, znalazłem trochę czasu na toby sklecić kilka zdań tak by przypominały wpis. Dziś z serii opowieści o CSS3 opiszę wartość element() dla właściwości background. Co to i z czym to się je? Zapraszam do lektury.

Czytaj więcej

Like vs PLus – wersja CSS

Od startu Google+ minęło już trochę czasu, a w między czasie pojawiło się wiele mniej lub bardziej ciekawych wstawek przedstawiających walkę pomiędzy Facebookie a Googlem. Jedną z nich była strona likevsplus.com, na którą trafiłem dzięki Danielowi, który trafnie wytknął autorowi użycie flasha zamiast CSS. Postanowiłem przygotować wersję wykorzystującą animacje w CSS, która można znaleźć pod tym linkiem. Całości brakuje trochę do oryginału, choćby czcionka, której nie miałem czasu poszukać (jak ktoś wie jaka została użyta to proszę o kontakt), czy cień pod aktorami, który dodam na dniach, ale główny efekt został w miarę osiągnięty.

Strona 1 z 212