top-img-js

10 trików JavaScript, które ułatwią Ci życie!

Krzysiek Furtak JavaScript Leave a Comment

Powiedzmy sobie szczerze, programowanie w JavaScript to nie jest lekki kawałek chleba :) Czasami trzeba się nieźle napocić, żeby napisać coś dobrze działającego, a zarazem ładnego od strony kodu. Poniżej znajdziesz 10 trików, dzięki którym Twój kod będzie krótszy, bardziej czytelny a przede wszystkim prostszy do napisania.

top-img-links

Nowa seria – ciekawe linki

Krzysiek Furtak Ciekawe linki Leave a Comment

Postanowiłem, że na blogu pojawi się nowa seria wpisów. Postaram się publikować je przynajmniej raz na tydzień i będą one zawierały najciekawsze linki, na które udało mi się trafić. Tematyka lików zapewne będzie  różna, od darmowych zasobów, różne kursy, ciekawe biblioteki i wtyczki, po ciekawe gry … dosłownie wszystko co wyda mi się interesujące. Jednak wszystko to w 95% będzie w jakimś stopniu …

topimgCSS

CSS @supports

Krzysiek Furtak CSS/SCSS 1 Comment

Każdy developer doskonale wie, że nasze projekty musimy testować pod różnymi przeglądarkami. Im bardziej nowatorskie rozwiązania chcemy zastosować, tym bardziej musimy się do tego przyłożyć. Na szczęście mamy wiele narzędzi do wykrywania czy dana przeglądarka wspiera nasze rozwiązanie. Doskonale sprawdza się w tym biblioteka Modernizr. Warto jednak zwrócić uwagę na nową funkcję CSS o nazwie @supports. Zobacz także: CSS text …

topimgHTML

Atrybut download w HTML5

Krzysiek Furtak HTML Leave a Comment

Wraz z nadejściem HTML5 nastąpiła mała rewolucja w podejściu do stron internetowych. Zawdzięczamy to tym wszystkim “zabawkom”, które dostaliśmy do rąk. Oprócz tych dużych, które w połączeniu z JavaScript’em dają nam masę możliwości, dostaliśmy także mniejsze. I o jednej z takich mniejszych rzeczy chcę dziś napisać. Zobacz także: Nowa seria – ciekawe linki WordPress Quick Tip – Jak dodać własny …

topimgCSS

Obliczenia w arkuszach styli CSS

Krzysiek Furtak CSS/SCSS Leave a Comment

Aktualnie w arkuszach styli mamy już do dyspozycji animacje, placeholder’y czy nawet obserwatory eventów. Obliczenia w CSS’ie to kolejny sposób na odciążenie JavaScriptu. Jeszcze nie tak dawno nawet najprostrze kalkulacje w arkuszach były nie do pomyślenia. Wyniekało to głównie ze statycznego harakteru samego CSS’a. Zobacz także: CSS @supports Zmieniamy domyślny kursor za pomocą CSS CSS Flexbox layout z dwoma kolumnami CSS3 …

topimgCSS

CSS Flexbox layout z dwoma kolumnami

Krzysiek Furtak CSS/SCSS Leave a Comment

Nie tak dawno pisałem o zastosowaniu właściwości flexbox do centrowania elementów w pionie. Możesz o tym przeczyć w artykule CSS Vertical Center i Flexbox. Jak się sami przekonaliśmy flexbox jest bardzo uniwersalna i ekstremalnie prosta w użyciu. Dziś zrobimy layout składający się z dwóch kolumn. Zobacz także: CSS Vertical Center i Flexbox CSS3 – view into the future CSS user-select …

SCSS proste nakładanie gradientów

Krzysiek Furtak Code Snippets, CSS/SCSS, CSS/SCSS/LESS 2 Comments

Bądźmy szczerzy … nakładanie gradientów w CSS’ie nie jest proste i przyjemne. Nie dość, że trzeba pamiętać o prefiksach, to jeszcze poszczególne prefiksy mają różną konstrukcję. Jeśli używasz w projekcie SASS’ów, możesz w znacznym stopniu ułatwić sobie prace! Zobacz także: CSS text gradient CSS3 – view into the future CSS Flipping Animation CSS @supports