czwartek, 6 czerwca 2019

React Developer Tools

React Developer Tools to świetne narządzie w postaci wtyczki do przeglądarki internetowej, które znacznie ułatwia tworzenie oraz nawigowanie po wirtualnym drzewie DOM (obiektowy model dokumentu). Rozszerzenie dostępne jest zarówno dla posiadaczy przeglądarki Chrome, jak i tych użytkowników, którzy korzystają z Firefox (można kliknąć w stosowne linki i pobrać dodatek).

Zdecydowanie warto przyjrzeć mu się bliżej.

niedziela, 11 października 2015

Responsywne obrazki dla ludzi zajętych, czyli słów kilka o Scrset & Sizes

Artykuł, który w dniu dzisiejszym zamierzam podlinkować jest autorstwa Toma Benneta i nie ma na celu wprowadzenia do RWD - podstawy każdy powinien znać.

Tom za to prezentuje dość ciekawe podejście do tematu responsywnych obrazków z wykorzystaniem atrybutów srcset oraz sizes.

Zdecydowanie warto przeczytać wspomniany artykuł.

środa, 5 listopada 2014

Zaglądając pod maskę AngularJS

Z każdą kolejną godziną, jaką deweloper poświęca na pisanie aplikacji z wykorzystaniem frameworka AngularJS odkrywa on coraz więcej ciekawych elementów tego silnika.

Todd Motto postanowił przyjrzeć się sprawi bliżej i napisał świetny, dwuczęściowy artykuł zatytułowany 'Zaglądając pod maskę AngularJS'. W trakcie tego świetnie przyznam napisanego tekstu poznacie wiele zaawansowanych elementów silnika, które często są skrzętnie ukryte pośród ponad 23.000 linii kodu, z jakich złożony jest ten framework.

Więc może czas zostawić na chwilę bojkot zmian, jakie deweloperzy szykują nam przy okazji premiery AngularJS 2.0 i energię tą poświęcić na przeczytanie wspomnianych artykułów - w doskonały sposób utwierdzą nas one dlaczego silnik ten osiągnął tak wielką popularność.


Zapraszam:

Animowane ikony w SVG

Sebastiano Guerriero z CodyHouse przygotował świetny tutorial, z którego dowiecie się, jak optymalizować kod SVG oraz jak animować ikony w SVG za pomocą czystego kodu CSS oraz biblioteki Snap.svg.

Biorąc pod uwagę fakt, że użytkownicy przeglądają sieć przez setki różnorodnych urządzeń, każde z wyświetlaczem w innej rozdzielczości używanie bitmap w wielu elementach strony zaczyna mijać się z celem. Nawet w przypadku, gdy używamy do tego media queries.

Czas zacząć polegać na grafice wektorowej wszędzie tam, gdzie tylko jest to możliwe.


Link do wspomnianego tutorialu znaleźć można pod tym adresem.