Electron – wprowadzenie

W maju ukazała się wersja 1.0 Electrona – narzędzia do tworzenia aplikacji desktopowych z wykorzystaniem technologii webowych. Dla niewtajemniczonych – Electron to narzędzie, które wykorzystano przy tworzeniu takich aplikacji jak Slack, edytor Atom, Calypso dla WordPress.com czy Visual Studio Code. Ponieważ sam od dłuższego czasu korzystam z tego rozwiązania, chciałbym je Wam przybliżyć.

Dlaczego? Bo Electron idealnie nadaje się do tworzenia aplikacji, które korzystają np. z WordPressowego REST API – nie trzeba się uczyć zbyt wielu rzeczy jeżeli mamy na swoim koncie aplikacje SPA.

Czytaj dalej Electron – wprowadzenie

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.

Szybkie generowanie plików tłumaczeń dzięki Gulp i gulp-wp-pot

Tworząc wtyczki i motywy dla szerszego grona użytkowników warto zadbać o dostarczenie pliku POT, który może być wykorzystany do generowania plików językowych naszego rozszerzenia.

Z racji tego, że używam Gulpa do automatyzacji zadań takich jak minifikacja plików, generowanie plików źródłowych czy komplikacja SASS, to nie mogło też zabraknąć w moim zestawie narzędzia do automatycznego generowania plików POT – gulp-wp-pot.

Z racji tego, że pliki POT generuje się zwykle pod koniec prac nad konkretnym wydaniem rozszerzenia to sugeruję utworzenie oddzielnego zadania, które będzie uruchamiane tylko przy okazji zadania wykonującego operacje przygotowania paczki do wydania.

Szybki sposób na optymalizację motywu poprzez zrezygnowanie z post_class()

Krótki artykuł Taylora Lovetta o tym dlaczego post_class() i get_post_class() mogą negatywnie wpływać na wydajność WordPressa

W skrócie – funkcja post_class() może wygenerować nawet do kilkunastu zapytań SQL (zależnie od liczby taksonomii), które służą tylko i wyłącznie dodaniu kilku klas CSS, które najczęściej nie są w ogóle używane.

5 wtyczek dla edytora Atom, które przydadzą się przy projektach związanych z WordPressem

W zależności od rozmiaru projektu używam różnych narzędzi – do większych projektów używam WebStorm, natomiast w mniejszych używałem najczęściej Sublime Text albo Espresso. Od jakiegoś czasu te dwa edytory zeszły u mnie na dalszy plan, gdyż po bardzo pozytywnych opiniach mojego znajomego – Janka Starzaka zainteresowałem się edytorem Atom. Czytaj dalej 5 wtyczek dla edytora Atom, które przydadzą się przy projektach związanych z WordPressem

Wtyczki Must Use – jak zmienić zapomniane hasło do kokpitu?

Wtyczki Must Use to specjalny rodzaj wtyczek, które posiadają trochę inny sposób działania niż normalne wtyczki. Niektóre z ich cech można wykorzystać przy rozwiązywaniu codziennych problemów administratora 😉 Na przykładzie zmiany hasła do panelu administracyjnego WordPressa pokażę ich zastosowania.

Czytaj dalej Wtyczki Must Use – jak zmienić zapomniane hasło do kokpitu?

Zmiany w tagach repozytorium motywów WordPressa

Wraz z nową wersją WordPressa można spodziewać się zmian w nazwach tagów motywów, wykorzystywanych do filtrowania motywów na oficjalnym repozytorium.

Znikną wszystkie tagi odnoszące się do kolorów oraz kilka tagów związanych z układem i funkcjami motywu.

W zamian pojawi się sporo nowych tagów związanych z tematyką motywów np. portfolio, blog, news.

Szablony w JavaScript z użyciem wp.template

Generowanie dużych ilości kodu HTML w JavaScript jest uciążliwe bez odpowiednich narzędzi. JavaScript dopiero niedawno wzbogacił się dzięki standardowi ES2015 (ES6) o wsparcie wielolinijkowych ciągów znaków. Jeżeli chcemy wspierać starsze przeglądarki to musimy skorzystać z innych rozwiązań. Handlebars czy Mustache wyglądają kusząco, ale warto pamiętać, że WordPress posiada już własny mechanizm szablonów dla JavaScript dostępny dzięki funkcji wp.template.

Jest to silnik szablonów wykorzystywany w bibliotece Underscore.js z własną składnią podobną do tej znanej z Mustache by uniknąć konfliktów z niektórymi konfiguracjami PHP. W tym wpisie przyjrzymy mu się bliżej 🙂 Czytaj dalej Szablony w JavaScript z użyciem wp.template