Łukasz Bącik - tworzenie stron Warszawa Białołęka Bielany Targówek

Tworzenie stron

7 kwietnia 2017 11:10

Flexbox, czyli elastyczne tworzenie stron www

Tworzenie stron

17 grudnia 2016 13:26

Preprocesory CSS - Wstęp

Responsywne wideo w tle strony

Jakiś czas temu pisałem o tym jak zrobić screenshot'a w html5, natomiast dzisiaj skupię się na efekcie, który jest coraz bardziej popularny w internecie. Mianowicie zaprezentuję, jak uzyskać responsywne tło w postaci wideo. Sprawa przy responsywnej grafice jest o tyle prostrza, że wystarczy użyć backround-image oraz background-size (cover/contain). A przy ... [Czytaj dalej]

Modułowość styli CSS

CSS jest prostym językiem i można w nim pisać kod, który jest łatwo dołączany do projektu. Początkujący webdeweloper nie zawsze jest świadomy, jakie szkody może wyrządzić nieumiejętne dokładanie kodu css. Wtedy zaczyna się niestety szukanie "na szybko" przyczyny złego stylowania poszczególnych elementów. Pułapki podczas kodowania w CSS Jakiś czas temu pisałem o ... [Czytaj dalej]

Inteligentna maszyna - czy to istnieje?

Od kilku lat obserwujemy bardzo szybko rozwijające się technologie, które mają za zadanie wyręczać użytkowników z codziennych czynności. Wiele z tych technologii rozwinęło się na tyle, że producenci próbują zastępować kilka urządzeń jednym. Oczywiście mowa tu o smartfonach. Jest jednak taka technologia, która od samego początku jej istnienia jest mocno ... [Czytaj dalej]

Gulp.js - narzędzie do automatyzacji #2

Nadszedł czas na drugą część z cyklu minifikacja i automatyzacja w zakresie front-endu. Jakiś czas temu przedstawiłem teorię i konfigurację Gulp.js. Dzisiaj skupię się na nieco szerszej analizie i przedstawieniu przykładu, jak (wg. mnie) zautomatyzować proces tworzenia witryny. Jako przykładowy schemat działania wykorzystam skrypt z Grunt'a. Przygotujmy Gulp'a czyli zainstalujmy go globalnie: npm ... [Czytaj dalej]

Gulp.js - narzędzie do automatyzacji #1

Jakiś czas temu pisałem na temat, jakim jest minifikacja js i css, na przykładzie narzędzia Grunt. Dzisiaj wstępnie omówię drugie narzędzie służące do automatyzacji procesu tworzenia stron www, czyli Gulp.js. Skupię się na porównaniu go do wspomnianego Grunt'a, zaletach i wadach oraz kilku prostych przykładach. Zaczynamy. Czym jest Gulp.js? Gulp.js jest narzędziem do ... [Czytaj dalej]

Animate.css, czyli proste animacje w czystym css

Witam. Coraz więcej serwisów internetowych zawiera w sobie efektowne animacje, przejścia, przekształcenia elementów. Kiedyś za te efekty odpowiadały grafiki, np. gif'y, jednak obecnie nie jest już to efektywne rozwiązanie, dlatego wykorzystuje się dobrodziejstwa CSS. Zatem, z czego korzystać? Jak stworzyć lekką, a zarazem efektowną stronę? Animate.css, jako zbiór przydatnych animacji Oto narzędzie, ... [Czytaj dalej]

Porównanie funkcji querySelector, getElementById i getElementsByClassName

Tworząc strony internetowe "od strony frontowej" zastanawialiście się kiedyś nad wydajnością waszych witryn? Otóż ma to duży wpływ na szybkość generowania strony, podobnie jak optymalny skrypt po stronie serwerowej. Wydajność dzisiejszych aplikacji webowych jest niezwykle istotna ze względu na ogromną popularność wszelkiej maści urządzeń mobilnych. querySelector document.querySelector("#element") Pierwsza z funkcji zwraca pierwszy napotkany element ... [Czytaj dalej]

Reguła !important w CSS - kiedy i jak używać?

Using !important in your CSS usually means you're narcissistic & selfish or lazy. Respect the devs to come... Słowami Stephanie Rewis rozpoczynam te wpis, chcąc zwrócić uwagę na istotę "problemu". Autor powyższego wpisu, sfrustrowany kodami css, zwraca uwagę na nadużywanie pewnych reguł, które niekiedy powodują bałagan w kodzie. Typowy przykład (nie naśladować!) Piszę ... [Czytaj dalej]

Bootstrap 4 - wstęp do nowości

Każdy, kto choć troche interesuje się tworzeniem stron internetowych na pewno zna framework frontendowy Bootstrap. Jest to jeden z najbardziej popularnych i najczęściej wykorzystywanych narzędzi deweloperskich do tworzenia stron. Właśnie została zaprezentowana jego czwarta wersja, póki co w stadium alpha. Jest sporo nowości, a więc zaczynamy. Brak wsparcia dla IE8 - ... [Czytaj dalej]

Aktualizacje algorytmów Google

Po dłuższej przerwie powracam do pisania. Przez ostatni czas sporo się dzieje w Google. Co chwila słyszymy o jakichś wzrostach/spadkach - to normalne wg mnie. Jakiś czas temu Google zapowiedziało, iż nie będzie informowało o aktualizacjach. Ponadto nie spodziewajmy się także, aby Google potwierdziło którąś z wydanych aktualizacji. Kwietniowy Mobilegeddon To jedna ... [Czytaj dalej]