Wpisy z kategorii Refleksje
Strona 4
-
Koniec HTML5?
Dzisiaj, czyli 31 marca 2019, kończy się “czarter” Web Platform Working Group. A wraz z nim prawdopodobnie kończy się także historia HTML5 (i DOM 4). I nie, nie jest to przedwczesny żart primaaprilisowy.
-
Sto lat, WWW!
Dzisiaj Sieć obchodzi swoje 30. urodziny. Wszystkiego najlepszego!
Naprawdę przeszliśmy długą drogę: od prostych dokumentów i ich przeglądarek do platformy zdolnej uruchomić praktycznie dowolny język programowania, która w dodatku jest niemal niezależna od infrastruktury internetowej. Osobiście pamiętam jeszcze stare, dobre czasy i choć często z niepokojem patrzę na rozwój Sieci, nie mogę odmówić jej jednego: zawsze ostatecznie wygrywa, dzięki swej upartej ewolucji.
Jak będzie wyglądać Sieć za 30 lat? Nie mam pojęcia. Ale wiem jedno: na pewno będzie piękna.
-
Czy div jest dostępny?
14 lutego Ryan Florence napisał na Twitterze, że przyciski w React Native Web (RNW) są dostępne:
Both true:
-
Most devs should just use a
<button>
, not<a>
,<div>
,<span>
, etc. -
React Native Web’s div buttons are better buttons than
<button>
- Still keyboard and AT accessible
- Better touch event handling
- Populate
e.relatedTarget
unlike<button>
- Easier to style
I think a lot of HTML/CSS experts are being overly critical of React because they see the output of the new https://twitter.com and think they know there are fundamental flaws when they see the div soup.
That div soup is accessible.<h2/> <div role="heading" aria-level="2"/> <button/> <div {...allTheRightAttributesAndEventHandlers}/>
These are identical as far as accessibility is concerned when implemented correctly.
If you’re critical of this, you don’t actually care about a11y, you care about your niche
So yeah … just use a button, or a RNW button, but not your own div button.
[Obydwa stwierdzenia są prawdziwe:
- Większość devów powinna używać
<button>
zamiast<a>
,<div>
,<span>
itd. - Przycisk z React Native Web oparty o div jest lepszy niż
<button>
: - Wciąż dostępny z poziomu klawiatury i technologii asystującej.
- Lepsza obsługa dotyku.
- Zawiera
e.relatedTarget
w przeciwieństwie do<button>
. - Łatwiejszy do stylowania.
Myślę, że wielu ekspertów HTML/CSS jest zbytnio krytycznych względem Reacta, ponieważ widzą oni kod nowego Twittera i myślą, że wiedzą, żę są tam podstawowe błędy, gdy widzą divową zupę.
Ta divowa zupa jest dostępna.
<h2/> <div role="heading" aria-level="2"/> <button/> <div {...allTheRightAttributesAndEventHandlers}/
Te kody są identyczne, jeśli bierzemy pod uwagę poprawnie zaimplementowaną dostępność.
Jeśli jesteś krytyczny wobec tego, tak naprawdę nie dbasz o dostępność, ale o własną niszę.
Więc tak… po prostu użyj przycisku albo przycisku z RNW, ale nie swojego własnego przycisku na
div
.]Takie podejście jest nie tyle niewłaściwe, co szkodliwe. Postaram się pokrótce przybliżyć, czemu tak uważam.
-
-
O abstrakcji słów kilka
Ostatnio miałem przyjemność przeczytać książkę Nicholása Bevacquy Mastering Modular JavaScript. Z racji tego, że książka ta porusza bardzo szeroko rolę abstrakcji w tworzeniu oprogramowania, stwierdziłem, że najwyższy czas spisać także garść własnych przemyśleń.
-
Asynchroniczny DOM
Ostatnio natrafiłem na artykuł opisujący, jak działa React Fiber i doznałem momentu z cyklu “hej, przecież ja to znam!”. Ba, koncept użyty w React 16 do polepszenia wydajności posłużył mi do napisania sporej części mojej książki. Dlatego dzisiaj zapraszam na krótką podróż po meandrach (a)synchronicznego DOM-u.
-
Headings First Principle
Dzisiaj krótko o tym, czym jest Headings First Principle (Zasada Najpierw Nagłówki). Wymyśliłem ją na poczekaniu 20 lutego w trakcie dyskusji nad sensownością znaczników
article
isection
i moim skromnym zdaniem w prosty i sensowny sposób opisuje, jak dzielić stronę na sekcje. -
Standaryzacja AMP?
Google ogłosiło, że standaryzuje technologie związane z AMP. Mam jednak pewne wątpliwości co do całego procesu…
-
Kurtyna cienia
W dniach 5 i 6 marca 2018 roku postanowiono zabić deklaratywny Shadow DOM. Stało się to w czasie meetingu Web Platform WG w Tokio.
-
AMP – a na co to komu?
Siedząc od lat w środowisku webdevowym, wyrobiłem sobie dość silne opinie o poszczególnych aspektach działania dżungli zwanej Siecią. Dzisiaj podzielę się jedną z takich opinii.
-
Zawieszenie broni
Ostatnio pisałem o wieloletnim konflikcie pomiędzy WHATWG i W3C. Nie spodziewałem się jednak, że przynajmniej częściowo zostanie zażegnany – i to tak pokojowo.