Na Contributor Day przed WordCampem w Gdyni przeprowadziłem review motywu na żywo dla uczestników, którzy również przeglądali motywy. Zauważyłem, że dla wszystkich było to interesujące doświadczenie i pokazywało wiele kwestii, które normalnie się pomija mówiąc jak przeglądać motywy.
Dlatego przejrzałem kod kilkudziesięciu motywów (nie mylić z pełnym review) z kilkuset czekających w kolejce do przejrzenia i wybrałem najciekawsze błędy developerów motywów, aby je omówić i zaproponować lepsze rozwiązania.
Dlaczego? Bo jedną z idei oprogramowania Open Source jest wspólna nauka (także ta na cudzych błędach).
Jak tworzyć motywy przyjazne użytkownikom i programistom - WordUp SilesiaTomasz Dziuda
Kolejna iteracja mojej prezentacji dotyczącej tworzenia motywów, które spełniają nie tylko potrzeby użytkowników ale też programistów, którzy z nimi pracują.
4Developers 2018: Graceful Degradation kontra Progressive Enhancement (Jacek ...PROIDEA
Funkcje wprowadzane w nowych wersjach przeglądarek niejednokrotnie oferują ciekawe możliwości i są wielkim udogodnieniem dla dewelopera Niestety nie są wdrażane wszędzie jednocześnie oraz z różnych powodów nie możemy założyć, że użytkownik będzie korzystał z najbardziej aktualnego oprogramowania. Jednak wymagania biznesowe zazwyczaj są takie, aby dotrzeć do jak najszerszej grupy odbiorców. Na szczęście nie jesteśmy skazani na antyczne technologie, a nawet istnieje więcej niż jeden sposób rozwiązania wspomnianego problemu. Który wybrać? Jakie wiążą się z tym konsekwencje? Progressive Enhancement i Graceful Degradation to dwa podejścia, które pozwolą Ci osiągnąć kompromis i nie zwariować.
Na Contributor Day przed WordCampem w Gdyni przeprowadziłem review motywu na żywo dla uczestników, którzy również przeglądali motywy. Zauważyłem, że dla wszystkich było to interesujące doświadczenie i pokazywało wiele kwestii, które normalnie się pomija mówiąc jak przeglądać motywy.
Dlatego przejrzałem kod kilkudziesięciu motywów (nie mylić z pełnym review) z kilkuset czekających w kolejce do przejrzenia i wybrałem najciekawsze błędy developerów motywów, aby je omówić i zaproponować lepsze rozwiązania.
Dlaczego? Bo jedną z idei oprogramowania Open Source jest wspólna nauka (także ta na cudzych błędach).
Jak tworzyć motywy przyjazne użytkownikom i programistom - WordUp SilesiaTomasz Dziuda
Kolejna iteracja mojej prezentacji dotyczącej tworzenia motywów, które spełniają nie tylko potrzeby użytkowników ale też programistów, którzy z nimi pracują.
4Developers 2018: Graceful Degradation kontra Progressive Enhancement (Jacek ...PROIDEA
Funkcje wprowadzane w nowych wersjach przeglądarek niejednokrotnie oferują ciekawe możliwości i są wielkim udogodnieniem dla dewelopera Niestety nie są wdrażane wszędzie jednocześnie oraz z różnych powodów nie możemy założyć, że użytkownik będzie korzystał z najbardziej aktualnego oprogramowania. Jednak wymagania biznesowe zazwyczaj są takie, aby dotrzeć do jak najszerszej grupy odbiorców. Na szczęście nie jesteśmy skazani na antyczne technologie, a nawet istnieje więcej niż jeden sposób rozwiązania wspomnianego problemu. Który wybrać? Jakie wiążą się z tym konsekwencje? Progressive Enhancement i Graceful Degradation to dwa podejścia, które pozwolą Ci osiągnąć kompromis i nie zwariować.
Prezentacja otwierająca WordCamp Gdynia 2016, traktująca o czynnikach wpływających na ekosystem WordPressa oraz o tym jak będzie wyglądała przyszłość WordPressa.
Sidebary, Widgety, Motywy, HTML5+CSS3, Responsywność. strona internetowa dostosowująca się do rozdzielczości urządzenia na jakim jest oglądana (dosłownie wrażliwa na jego rozdzielczość). Technika tworzenia stron responsywnych polega na tworzeniu paru wersji strony dostosowanej do różnych rozdzielczości. Podczas wczytywania strony lub zmiany jej rozdzielczości strona responsywna sprawdza aktualną rozdzielczość i dostosowuje się do niej poprzez wczytywanie odpowiednich wersji grafik oraz innych elementów. Często w stronach responsywnych inaczej zorganizowane są elementy nawigacji.
Więcej na http://trojmiasto.us
Contributor Day - WordCamp Lublin 2017 - przegląd motywówTomasz Dziuda
Zbiór porad i informacji dla osób chcących zajmować się przeglądem motywów kandydujących do pojawienia się na oficjalnym repozytorium WordPress.org. Przygotowany z myślą o uczestnikach Contributor Day
Wordpress dla początkujących szkolenie / warsztat 08/10 WtyczkiMariusz Szatkowski
Wtyczki, plugins - jak instalować, jak konfigurować. Jakich wtyczek unikać. Po co instalować wtyczki, czemu służą i jak radzić sobie z błędami, które generują wtyczki.
Więcej na http://trojmiasto.us
Prezentacja dotycząca rozwoju CMS WordPress i technologii webowych w roku 2015, zaprezentowana na pierwszym trójmiejskim WordUpie w PPNT w Gdyni - więcej na http://trojmiasto.us
Wielomilonowy ruch na wordpressie wordpress wordcamp gdynia 2016Lukasz Wilczak
W powszechnej opinii WordPress nie jest używany do tworzenia serwisów o dużym natężeniu ruchu. Jednak przy odpowiednim zapleczu i konfiguracji możemy korzystać z jego możliwości i nie martwić się o wydajność. Z prezentacji dowiesz się, jak w Grand Parade tworzymy serwisy i przygotowujemy pod nie infrastrukturę dla blogów o dużym natężeniu ruchu i tematyce bettingowej takich jak: news.bwin.com, articles.matchbook.com, news.ladbrokes.com czy sunbets.cu.uk.
Omówimy mechanizmy cache-ujące takie jak Varnish, Redis, infrastrukturę CloudFront i S3 Amazona, sposoby skalowania środowisk z użyciem Load Balancera.
- jak tworzyć testowalne aplikacje stosując wzorzec Dependency Injection (bez frameworków!).
- jak node.js pomógł rozwiązać problemy kulturowe a programiści przestali nadużywać Single Page App'y
- jak komunikować się po HTTP z niestabilnymi mikrousługami
- jak automatyzować infrastrukturę Heroku z użyciem kodu JS
Carly Rae Jepsen pomoże mi wytłumaczyć dlaczego nie używamy callbacków.
A na koniec zdradzę dlaczego jestem gruby od tego JS.
Prezentacja otwierająca WordCamp Gdynia 2016, traktująca o czynnikach wpływających na ekosystem WordPressa oraz o tym jak będzie wyglądała przyszłość WordPressa.
Sidebary, Widgety, Motywy, HTML5+CSS3, Responsywność. strona internetowa dostosowująca się do rozdzielczości urządzenia na jakim jest oglądana (dosłownie wrażliwa na jego rozdzielczość). Technika tworzenia stron responsywnych polega na tworzeniu paru wersji strony dostosowanej do różnych rozdzielczości. Podczas wczytywania strony lub zmiany jej rozdzielczości strona responsywna sprawdza aktualną rozdzielczość i dostosowuje się do niej poprzez wczytywanie odpowiednich wersji grafik oraz innych elementów. Często w stronach responsywnych inaczej zorganizowane są elementy nawigacji.
Więcej na http://trojmiasto.us
Contributor Day - WordCamp Lublin 2017 - przegląd motywówTomasz Dziuda
Zbiór porad i informacji dla osób chcących zajmować się przeglądem motywów kandydujących do pojawienia się na oficjalnym repozytorium WordPress.org. Przygotowany z myślą o uczestnikach Contributor Day
Wordpress dla początkujących szkolenie / warsztat 08/10 WtyczkiMariusz Szatkowski
Wtyczki, plugins - jak instalować, jak konfigurować. Jakich wtyczek unikać. Po co instalować wtyczki, czemu służą i jak radzić sobie z błędami, które generują wtyczki.
Więcej na http://trojmiasto.us
Prezentacja dotycząca rozwoju CMS WordPress i technologii webowych w roku 2015, zaprezentowana na pierwszym trójmiejskim WordUpie w PPNT w Gdyni - więcej na http://trojmiasto.us
Wielomilonowy ruch na wordpressie wordpress wordcamp gdynia 2016Lukasz Wilczak
W powszechnej opinii WordPress nie jest używany do tworzenia serwisów o dużym natężeniu ruchu. Jednak przy odpowiednim zapleczu i konfiguracji możemy korzystać z jego możliwości i nie martwić się o wydajność. Z prezentacji dowiesz się, jak w Grand Parade tworzymy serwisy i przygotowujemy pod nie infrastrukturę dla blogów o dużym natężeniu ruchu i tematyce bettingowej takich jak: news.bwin.com, articles.matchbook.com, news.ladbrokes.com czy sunbets.cu.uk.
Omówimy mechanizmy cache-ujące takie jak Varnish, Redis, infrastrukturę CloudFront i S3 Amazona, sposoby skalowania środowisk z użyciem Load Balancera.
- jak tworzyć testowalne aplikacje stosując wzorzec Dependency Injection (bez frameworków!).
- jak node.js pomógł rozwiązać problemy kulturowe a programiści przestali nadużywać Single Page App'y
- jak komunikować się po HTTP z niestabilnymi mikrousługami
- jak automatyzować infrastrukturę Heroku z użyciem kodu JS
Carly Rae Jepsen pomoże mi wytłumaczyć dlaczego nie używamy callbacków.
A na koniec zdradzę dlaczego jestem gruby od tego JS.
Wordpress dla początkujących szkolenie / warsztat 01/10 Wprowadzenie do WPMariusz Szatkowski
Wprowadzenie do WordPressa - o co chodzi w tym CMS, liczby, statystyki, dlaczego warto, dlaczego Wordpress, a nie inny CMS?
Więcej na http://trojmiasto.us
W sieci znajdziemy obecnie ponad 60 mln stron opartych na WordPressie. Korzystają z niego nie tylko blogerzy, ale także agencje interaktywne, tworzące złożone strony firmowe i pojedyncze osoby zakładające własną stronę internetową.
Zacznij swoją przygodę z tworzeniem stron i dowiedz się jak w jeden wieczór postawić i dostosować własnego bloga, portfolio czy stronę firmową. Na spotkaniu omówimy podstawy, takie jak struktura i funkcjonowanie WordPressa, jego instalacja czy dostosowywanie szablonu.
Dobre i złe praktyki kodowania w CSS czyli...
zostań nindżą CSS już dziś*!
*satysfakcja z udziału w prezentacji ani zwrot pieniędzy nie są gwarantowane
Najlepsze wtyczki WordPress, które każdy developer powinien miećMaciej Swoboda
Subiektywny przegląd najlepszych wtyczek niezbędnych dla każdego developera WordPressa. Wtyczki, z których zawsze korzystam tworząc strony dla klientów. Na liście znajdują się takie oczywistości jak ACF, ale też być może mniej oczywiste jak Stop Emails czy User Switching.
Spojrzenie długoletniego użytkownika WordPressa, który stworzył dziesiątki stron dla klientów. Ale nie jest to spojrzenie typowego programisty, którym nigdy nie byłem. Praktycznie i zdroworozsądkowo.
Praktyczne przykłady optymalizacji frontendu, które warto znać w 2023 roku. Od wydajności JS, metryki INP, rekalkulację styli po frameworki przyjazne wydajności.
Blogi od kuchni: platformy blogowe oraz przydatne wtyczki i narzędzia.
Jak wybrać odpowiednią platformę i jak ją ewentualnie zmienić? Skutecznie dobierzemy najważniejsze wtyczki, które polepszą jakość wizualną i nie tylko.
Nie pytaj, co WordPress może zrobić dla Ciebie, zapytaj, co Ty możesz zrobić ...WordCamp Polska
W trakcie prezentacji Magdalena i Jakub opowiedzą o tym, czym jest i jak pracuje społeczność WordPressa. Zastanowimy się wspólnie, jak można włączyć się w jej działania i ulepszać nasz ukochany system albo jak kto woli, zdobyć więcej odznak do profilu na wordpress.org :-)
Będzie kilka słów o zgłaszaniu poprawek do jądra systemu, pracach nad interfejsem, poprawianiu dostępności i użyteczności, pracy tłumaczy i pomocy, a także o recenzowaniu motywów i tworzeniu dokumentacji.
Oczywiście, nie obędzie się bez podsumowania tegorocznego Contributor Day, czyli pierwszego dnia naszej konferencji.
***
Magdalena Paciorek i Jakub Milczarek podczas WordCamp Lublin 2017:
https://2017.lublin.wordcamp.org/session/nie-pytaj-co-wordpress-moze-zrobic-dla-ciebie-zapytaj-co-ty-mozesz-zrobic-dla-wordpressa/
Nowości w WooCommerce i plany rozwoju na 2016Maciej Swoboda
Nowości w WooCommerce 2.5: WooCommerce CLI, optymalizacja szybkości, nowe zarządzanie sesjami, zmiany w ekranach podatków i e-maili w panelu admina, zmiany w procesie zakupowym - koszyk i zamówienie.
Plany WooCommerce w kontekście dużych sklepów oraz strefy wysyłki dostępne już w wersji 2.6.
Plany WP Desk na kolejne wtyczki: Allegro, Paczka w Ruchu i Flexible Pricing.
Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)Dariusz Kacban
Zarabiaj na testowaniu dzięki narzędziom: Git, Webdriver, Specflow!
W tej prezentacji opisałem 7 umiejętności i narzędzi potrzebnych żeby profesjonalnie testować oprogramowanie.
Polecam wszystkim, którzy chcą dowiedzieć się jak testować oprogramowanie i tworzyć automatyczne testy oprogramowania na przykładzie platformy .NET.
Zalecane przez firmę Macromediaźródło informacji o programie Dreamweaver 8
* Poznaj interfejs programu
* Zdefiniuj strukturę witryny
* Dodaj do stron elementy tekstowe i graficzne
* Przetestuj witrynę pod kątem zgodności ze standardami
Macromedia Dreamweaver od dawna cieszy się zasłużoną opinią jednego z najlepszych edytorów stron WWW. Pozwala na edycję strony w trybie graficznym i na samodzielne modyfikowanie jej kodu źródłowego. Ogromne możliwości programu sprawiają, że korzystają z niego zarówno początkujący, jak i zaawansowani projektanci witryn WWW. Dreamweaver jest narzędziem przydatnym nie tylko przy tworzeniu serwisu internetowego -- może służyć do zdefiniowania jego struktury, przygotowania arkuszy stylów, edycji stron, publikacji witryny na serwerze oraz jej aktualizacji. Rozbudowana biblioteka gotowych skryptów JavaScript i komponentów dynamicznych, narzędzia przyspieszające najczęściej wykonywane czynności oraz doskonała integracja z innymi aplikacjami firmy Macromedia sprawiają, że Dreamweaver pozwala na ogromne usprawnienie procesu tworzenia witryny WWW.
Książka "Macromedia Dreamweaver 8. Oficjalny podręcznik" to szczegółowy przegląd możliwości tej aplikacji przygotowany wspólnie z działem pomocy technicznej firmy Macromedia. Wykonując zawarte w niej ćwiczenia, poznasz narzędzia Dreamweavera, nauczysz się tworzyć pojedyncze strony i całe witryny, a także dowiesz się, w jaki sposób korzystać z biblioteki oraz gotowych skryptów. Przeczytasz o umieszczaniu na stronie elementów graficznych, tekstowych i multimedialnych, definiowaniu stylów CSS, tworzeniu i stosowaniu szablonów oraz ręcznej edycji kodu. Wszystkie ćwiczenia zostały przygotowane przy współpracy instruktorów z firmy Macromedia, co gwarantuje ich poprawność merytoryczną.
* Interfejs użytkownika Dreamweavera
* Definiowanie struktury strony i witryny
* Dodawanie treści do strony
* Umieszczanie elementów graficznych w dokumencie
* Tworzenie hiperłączy
* Definiowanie stylów CSS
* Dodawanie elementów multimedialnych i interaktywnych
* Ramki i warstwy
* Korzystanie z biblioteki i szablonów
* Testowanie witryny
Skorzystaj z autoryzowanego źródła wiedzy i poznaj możliwości
programu docenianego przez wielu webmasterów.
Wtyczki WordPress, których każdy developer powinien używaćMaciej Swoboda
Subiektywny przegląd najlepszych wtyczek niezbędnych dla każdego developera WordPressa. Wtyczki, z których zawsze korzystam tworząc strony dla klientów. Na liście znajdują się takie oczywistości jak ACF, ale też być może mniej oczywiste jak Stop Emails czy User Switching.
Spojrzenie długoletniego użytkownika WordPressa, który stworzył dziesiątki stron dla klientów. Ale nie jest to spojrzenie typowego programisty, którym nigdy nie byłem. Praktycznie i zdroworozsądkowo.
Prezentacja o tym jak utrzymać się na powierzchni w szybko rozwijającym się świecie technologii webowych. Zbiór porad, które mogą się przydać nie tylko webdeveloperom.
9. Warto zapamiętać
• Stworzenie pierwszego motywu dla szerokiego
grona użytkowników nie jest wcale takie proste
• Swoją przygodę z motywami warto zacząć od
stworzenia motywu potomnego...
• ... lub skorzystać z rozwiązań takich jak _s
10. Warto zapamiętać
• Stworzenie pierwszego motywu dla szerokiego
grona użytkowników nie jest wcale takie proste
• Swoją przygodę z motywami warto zacząć od
stworzenia motywu potomnego...
• ... lub skorzystać z rozwiązań takich jak _s
11. Warto zapamiętać
• Stworzenie pierwszego motywu dla szerokiego
grona użytkowników nie jest wcale takie proste
• Swoją przygodę z motywami warto zacząć od
stworzenia motywu potomnego...
• ... lub skorzystać z rozwiązań takich jak _s
14. Warto zapamiętać
Warto zobaczyć jak robią to inni:
https://wordpress.org/themes/search/child%20theme/
Doing it wrong theme:
https://github.com/WPTRT/doingitwrong
24. Ilustracja stworzona przez Majo statt Senf
Źródło: https://pl.wikipedia.org/wiki/Plik:Kaizen-2.svg
Kaizen
How to use Kaizen thinking to design better
28. Kilka obserwacji dot. rynku
motywów
• Najładniejsze motywy wcale nie sprzedają się
najlepiej
• Wsparcie dla popularnych rozszerzeń typu
WooCommerce jest bardzo pożądane
• Niszowe tematy przewodnie mogą okazać się
dużym niewypałem
29. Kilka obserwacji dot. rynku
motywów
• Najładniejsze motywy wcale nie sprzedają się
najlepiej
• Wsparcie dla popularnych rozszerzeń typu
WooCommerce jest bardzo pożądane
• Niszowe tematy przewodnie mogą okazać się
dużym niewypałem
30. Kilka obserwacji dot. rynku
motywów
• Najładniejsze motywy wcale nie sprzedają się
najlepiej
• Wsparcie dla popularnych rozszerzeń typu
WooCommerce jest bardzo pożądane
• Niszowe tematy motywów mogą okazać się dużym
niewypałem
46. Dedykowany
instalator WP
WXR
Posty, podstrony TAK TAK
Widżety TAK NIE
Ustawienia
motywu
TAK
NIE
domyślna konfiguracja
motywu rozwiązuje problem
ThemeForest
WordPress.org
NIE TAK
Istniejąca
instalacja WP
NIE TAK
50. Slideshow pokazujący wpisy
z danego tagu
Źródło: https://codex.wordpress.org/Twenty_Fourteen
Należy zadbać o to by można było zmienić nazwę tagu
wybieranego do slideshow
56. • Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie
dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla
Ciebie i Twojego użytkownika
57. • Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie
dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla
Ciebie i Twojego użytkownika
58. • Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie
dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla
Ciebie i Twojego użytkownika
59. • Przygotuj się na to, że mało kto ją przeczyta ;)
• Klienci często WordPressa widzą drugi raz na oczy
• Stopniowy rozwój motywu wspomaga tworzenie
dokumentacji
• Im mniej dodatkowych wtyczek tym lepiej dla
Ciebie i Twojego użytkownika
68. Pamiętaj o function_exists w pliku functions.php
Plik functions.php jako jedyny jest ładowany
zarówno z motywu potomnego (jako pierwszy)
i z motywu rodzica (jako drugi).
if( function_exists( 'slug_myfunc' ) ) :
function slug_myfunc() {
return 'Kto nie czyta slajdów ten używa Joomla!';
}
endif;
83. 1) normalize.css
body html ...
2) html.css
a h1 h2 h3 ul ol ...
3) elements.css
.btn .link .field ...
4) components.css
.header .content .footer ...
84. 1) normalize.css
body html ...
2) html.css
a h1 h2 h3 ul ol ...
3) elements.css
.btn .link .field ...
4) components.css
.header .content .footer ...
85. 1) normalize.css
body html ...
2) html.css
a h1 h2 h3 ul ol ...
3) elements.css
.btn .link .field ...
4) components.css
.header .content .footer ...
86. 1) normalize.css
body html ...
2) html.css
a h1 h2 h3 ul ol ...
3) elements.css
.btn .link .field ...
4) components.css
.header .content .footer ...
87. BEM
(+) Porządek w kodzie CSS
(+) Wydajne selektory
(+) Współpraca z LESS/SASS
(+) Wymusza przemyślane tworzenie kodu CSS
(-) WordPress nie jest w pełni kompatybilny z BEM
(-) Czasem wygodnie jest złamać reguły BEM
(-) Może prowadzić do dużej liczby klas w elemencie
88. BEM
(+) Porządek w kodzie CSS
(+) Wydajne selektory
(+) Współpraca z LESS/SASS
(+) Wymusza przemyślane tworzenie kodu CSS
(-) WordPress nie jest w pełni kompatybilny z BEM
(-) Czasem wygodnie jest złamać reguły BEM
(-) Może prowadzić do dużej liczby klas w elemencie
103. • WordPress serializuje opcje motywu i treść
widżetów
• Serializacja uniemożliwia łatwą zmianę wartości
• Rozwiązanie: http://dziudek.pl/motywy/
przechowywanie-nazwy-domeny-w-ustawieniach-
motywu
104. • WordPress serializuje opcje motywu i treść
widżetów
• Serializacja uniemożliwia łatwą zmianę wartości
• Rozwiązanie: http://dziudek.pl/motywy/
przechowywanie-nazwy-domeny-w-ustawieniach-
motywu
105. • WordPress serializuje opcje motywu i treść
widżetów
• Serializacja uniemożliwia łatwą zmianę wartości
• Jedno z rozwiązań: http://dziudek.pl/motywy/
przechowywanie-nazwy-domeny-w-ustawieniach-
motywu