Testowanie stron i aplikacji w warunkach słabego połączenia z siecią

Praca w pociągu, wymagająca stałego dostępu do internetu jest z reguły irytująca – głównie ze względu na okresowe braki w zasięgu lub bardzo słabą przepustowość internetu na mniej zurbanizowanych obszarach. Dlatego na liście swoich zadań wykonywanych przy tworzeniu stron/aplikacji warto uwzględnić sprawdzenie jak zachowują się one w warunkach słabego zasięgu internetu.  Czytaj dalej Testowanie stron i aplikacji w warunkach słabego połączenia z siecią

Moje prezentacje z WordCamp Lublin 2017

Kolejny udany polski WordCamp za nami 🙂 W tym roku przygotowałem dwie prezentacje – jedną z myślą o odbywającym się w piątek Contributor Day, a drugą na pierwszy dzień konferencji.

Na Contributor Day udało nam się przejrzeć 14 motywów – dla tych, którzy nie mogli się pojawić zamieszczam moją prezentację, która krótko opisuje jak przeglądać motywy oraz na jakie aspekty zwracać uwagę – sporządziłem ją na bazie oficjalnych wytycznych oraz przeglądu informacji od zespołu Theme Review, które pojawiają się na ich oficjalnym blogu:

W tym roku na WordCampie powróciłem do bardziej technicznych tematów i przygotowałem prezentację o tym na co warto zwrócić uwagę tworząc desktopową aplikację w Electronie korzystającą z WordPressowego REST API:

Sam kod (aplikacji oraz wtyczki) można znaleźć na Githubie.

Jeśli chodzi o same wrażenia i przemyślenia po konferencji to spodziewajcie się ich niebawem 🙂

Baza gotowych WordPressowych komponentów od 10up

Firma 10up udostępniła gotowe komponenty dla WordPressa których kod jest dostosowany dla osób niepełnosprawnych, ma osadzone metadane i jest responsywny.

Jest to dobra baza dla osób, które chciałyby zaimplementować pewne elementy w motywie/wtyczce ale nie wiedzą od czego zacząć.

Oczywiście komponenty te wymagają dostylowania 🙂

 

Gdzie szukać informacji o planach rozwoju przeglądarek internetowych?

Po tym jak w ostatnim czasie Mozilla stworzyła stronę stanu implementacji standardów sieciowych w Firefoksie, wszystkie najważniejsze silniki przeglądarek posiadają już strony, gdzie możemy sprawdzić na jakim etapie znajduje się implementacja nowinek technologicznych:

Chrome (Blink)

Edge (Edge HTML)

Firefox (Gecko)

Safari (Webkit)

Jest to szczególnie istotne dla osób, które tworzą wewnętrzne rozwiązania, które nie muszą działać na wszystkich możliwych przeglądarkach. To samo w przypadku osób, które tworzą np. aplikacje w Electronie albo NW.js.

Oczywiście do zbiorczego sprawdzania kompatybilności nadal niezastąpione jest CanIUse.

P.S. Strona statusu dla Webkita powstała na WordPressie 🙂

 

ECMAScript 2015 w pigułce

Jeżeli jeszcze nie pisaliście kodu z użyciem nowych elementów składni JavaScript to czas najwyższy nadrobić zaległości 🙂 Zacznijmy od tego, że składnia specyfikacji ES2015 (często nazywana też ES6) ma już bardzo dobre wsparcie w najnowszych wersjach przeglądarek – na bieżąco postępy można śledzić dzięki temu zestawieniu.

Ale wcale nie trzeba się martwić o wsparcie przeglądarek – istnieją preprocesory takie jak Babel, które kompilują kod zgodny z ES2015 do składni zgodnej z ES5, która jest wspierana przez większość istniejących przeglądarek. Jeżeli korzystasz z Gulpa, to warto wyposażyć się w tym celu w moduł gulp-babel.

Tak – większość nowinek ze specyfikacji ES2015 da się zapisać w formie kodu zgodnego z ES5, co udowadnia ta strona – swoją drogą stanowi ona niezłe kompendium wiedzy na temat składni ES5 🙂

Dla tych, którzy już trochę czasu z ES2015 spędzili, polecam świetny blog Alexa Rauschmayera, który skupia się często na bardzo subtelnych niuansach specyfikacji.

Aby być na bieżąco z nowinkami w specyfikacji ECMAScript, polecam zapisać się do tego newslettera – co tydzień otrzymasz 5 linków, dotyczących różnych ciekawostek i nowinek związanych z ECMAScript.

Swoją drogą o ile ES2015 wprowadził mnóstwo nowinek to kolejne wydania specyfikacji ECMAScript już nie będą tak obszerne i planowany jest dla nich roczny cykl wydawniczy.

Dodawanie własnych pól w REST API

Gdy przyjrzymy się standardowym odpowiedziom REST API, to szybko odkryjemy, że sporo typowych operacji pobierania danych, może wymagać dodatkowych zapytań. Jednym ze sposobów na rozwiązanie tego problemu jest dodanie własnych pól do odpowiedzi REST API. Czytaj dalej Dodawanie własnych pól w REST API

Dev-links – źródło wiedzy o front-endzie i nie tylko

Dev-links – cotygodniowy zestaw linków dla developerów

Już jakiś czas temu odkryłem, że czytając ogromne ilości materiałów poświęconych front-endowi i ogólnie programowaniu, nie mogę żyć bez dzielenia się co lepszymi znaleziskami. Kiedyś miałem od tego bloga żebym nie zapomniał ale jak to przy tego typu projektach nastąpiło zmęczenie materiału.

Ostatnio podszedłem więc do zagadnienia inaczej – przez cały tydzień zbieram najciekawsze zasoby znalezione w sieci a w weekend przygotowuję krótkie zestawienie najciekawszych z nich – najczęściej 10-15 linków. To zestawienie bazuje na moich RSS-ach, Medium, Twitterze, newsletterach i paru innych tajnych źródłach 😉

Mam nadzieję, że te zasoby się Wam przydadzą 🙂

Kompletna lista zadań do wykonania przy wdrożeniu strony na WordPressie

Ludzie z Capsicum Mediaworks przygotowali checklistę zadań, które powinno się wykonywać na różnych etapach tworzenia strony opartej o WordPressa: przed, w trakcie rozwoju, z zakresu SEO, bezpieczeństwa i późniejszego utrzymania strony. Sam stosuję podobne checklisty na Trello po to żeby nie zapomnieć o jakichś niuansach w trakcie wdrażania projektów: Czytaj dalej Kompletna lista zadań do wykonania przy wdrożeniu strony na WordPressie

Własna kontrolka wyboru kategorii

Ostatnio opisałem tworzenie prostej kontrolki kalendarza, a w tym wpisie chciałbym opisać trochę bardziej złożoną kontrolkę służącą do tworzenia list kategorii podlegającym określonym warunkom w naszym motywie.

Taka kontrolka idealnie sprawdzi się gdy chcemy np. zastosować inny układ strony do określonych kategorii naszego bloga. Dodatkowo dowiecie się jak tworzyć kontrolki, które korzystają z wielu pól formularza w obrębie jednej kontrolki. Czytaj dalej Własna kontrolka wyboru kategorii

Własne kontrolki dla ekranu personalizacji motywu

Ekran personalizacji motywu pokazuje swoje prawdziwe możliwości wtedy, gdy potrzebujemy stworzyć całkowicie nową kontrolkę – dzięki API ekranu personalizacji możemy całkiem łatwo utworzyć dedykowaną kontrolkę z dedykowanym wyglądem i zachowaniami.
Czytaj dalej Własne kontrolki dla ekranu personalizacji motywu