Prezentacja pokazująca czego nie instalować i nie robić na stronie WWW – wkurzające i niezamykanle popupy, blokowanie prawego przycisku myszy, utrudnianie nawigacji przez błędy w projekcie/kodzie strony, skomplikowane w obsłudze sklepy, wielkie slidery, automatycznie odtwarzane filmy, pełnoekranowe slidery z automatycznie odtwarzanymi filmami itd., itp.
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ć.
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.
Prezentacja pokazująca czego nie instalować i nie robić na stronie WWW – wkurzające i niezamykanle popupy, blokowanie prawego przycisku myszy, utrudnianie nawigacji przez błędy w projekcie/kodzie strony, skomplikowane w obsłudze sklepy, wielkie slidery, automatycznie odtwarzane filmy, pełnoekranowe slidery z automatycznie odtwarzanymi filmami itd., itp.
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ć.
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.
Web Dev Insider prezentuje: nowości ze świata wydajności frontendu. Nowinki, nowe narzędzia i techniki optymalizacji - przydatne z perspektywy techniczego SEO oraz front-end developmentu.
Silverlight i PHP - jak budować interfejs nowoczesnych aplikacji internetowych?PHPCon Poland
Autor: Michał Żyliński
Projektujesz serwisy lub aplikacje internetowe i czujesz, że popadasz w rutynę? Zobacz, co może zaoferować Silverlight, ninja i czarny koń technologii RIA.
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
Czy to po to, by nie zajmować zbyt wiele miejsca na komputerze, czy po prostu dlatego, że wolisz grać online, czasami łatwiej jest skorzystać z kasyna online.
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.
Mobilność i dostępność - Piotr Baczyński, Esencja StudioSektor 3.0
O czym należy pamiętać, żeby strona była dostosowana dla wszystkich użytkowników internetu?
Jakie są podstawowe zasady tworzenia stron z myślą o urządzeniach mobilnych?
Dlaczego dostęp mobilny jest pierwszą rzeczą, o której powinienneś myśleć projektując swój serwis?
Jakie narzędzia można wykorzystać do stworzenia projektu serwisu mobilnego?
Dlaczego strony Internetowe coraz częściej pytają o możliwość określenia położenia odwiedzającego i czy Twoja strona też powinna zbierać takie informacje?
Web Dev Insider prezentuje: nowości ze świata wydajności frontendu. Nowinki, nowe narzędzia i techniki optymalizacji - przydatne z perspektywy techniczego SEO oraz front-end developmentu.
Silverlight i PHP - jak budować interfejs nowoczesnych aplikacji internetowych?PHPCon Poland
Autor: Michał Żyliński
Projektujesz serwisy lub aplikacje internetowe i czujesz, że popadasz w rutynę? Zobacz, co może zaoferować Silverlight, ninja i czarny koń technologii RIA.
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
Czy to po to, by nie zajmować zbyt wiele miejsca na komputerze, czy po prostu dlatego, że wolisz grać online, czasami łatwiej jest skorzystać z kasyna online.
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.
Mobilność i dostępność - Piotr Baczyński, Esencja StudioSektor 3.0
O czym należy pamiętać, żeby strona była dostosowana dla wszystkich użytkowników internetu?
Jakie są podstawowe zasady tworzenia stron z myślą o urządzeniach mobilnych?
Dlaczego dostęp mobilny jest pierwszą rzeczą, o której powinienneś myśleć projektując swój serwis?
Jakie narzędzia można wykorzystać do stworzenia projektu serwisu mobilnego?
Dlaczego strony Internetowe coraz częściej pytają o możliwość określenia położenia odwiedzającego i czy Twoja strona też powinna zbierać takie informacje?
Similar to Responsive Web Design - co z tego wynikło? (20)
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
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).
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.
Webinar: 5 Tricks for WordPress web administratorsTomasz Dziuda
This document provides 5 tricks for WordPress web administrators. It discusses limiting user permissions, using activity logs, must-use plugins, customizing the dashboard UI, and optimizing workflows. Some key tips include using plugins to limit user permissions, enable activity logs, adjust dashboard colors and menus, and automate backups and updates. It recommends using custom CSS or child themes cautiously and considering alternatives to major version updates.
54. jednostki rem, vh, vw
✓ Jednostki te pozwalają łatwiej zarządzać
rozmiarem tekstu
✓ i dopasować go do wymiarów ekranu
urządzenia
✓ W wypadku VH i VW możemy też
dostosowywać layout do ekranu urządzenia
55. Stosowalność w Joomla!
✓ Jednostki REM można śmiało stosować w
stylach CSS i trzeba jedynie pamiętać o
fallbacku dla IE8
✓ REM można też zastąpić w Joomla! 3.x kodem
pisanym w LESS
✓ VH i VW to jednostki o ciągle słabym
wsparciu szczególne w przeglądarkach
mobilnych
56. Podejście mobile-first
✓ Bootstrap 3 opiera się na mobile-first
✓ pozwala uniknąć problemów z wydajnością
strony i jej niedostosowaniem do małych
ekranów urządzeń
58. Progressive enhancement
✓ Według wielu lepsze niż tzw. “Graceful
degradation”
✓ Funkcjonalności dodawane są wraz z
rosnącym ich wsparciem w danych
urządzeniach - wydajniejsze urządzenie =
więcej funkcjonalności
62. CSS Regions
✓ Umożliwią reorganizację układu w zależnie od rozdzielczości
✓ Pozwalają na swobodny “przepływ” treści strony
http://html.adobe.com/webplatform/layout/regions/
65. Element Queries
✓ Pozwolą na tworzenie responsywnych
komponentów stron i ich ponowne
wykorzystanie
✓ W niektórych wypadkach mogą wręcz
całkowicie wyprzeć media-queries
.element (min-width: 500px) {
width: 200px;
}