Najnowsze wpisy
Strona 13
-
20 lat WCAG
Dzisiaj przypada niezwykle ważna rocznica: 20-lecie powstania standardu WCAG! I choć dla mnie to dość odległe czasy, które niekoniecznie pamiętam, inni pamiętają dobrze.
WCAG dochrapało się jak na razie trzech dużych edycji: WCAG 1.0, WCAG 2.0 oraz WCAG 2.1. Najbardziej drastyczną zmianą było przejście od 1.0 do 2.0, gdzie nagle cały dokument urósł kilkudziesięciokrotnie, równocześnie stając się bardziej abstrakcyjny (bo nie mówił już dłużej wyłącznie o HTML-u i CSS-ie). Nie można też zapomnieć, że w międzyczasie powstała także ARIA – standard, który ma pomóc wtedy, gdy czysty HTML nie daje już rady. Dzięki połączeniu tych dwóch standardów jesteśmy obecnie w stanie tworzyć bardziej dostępne aplikacje niż kiedykolwiek.
Tylko że niekoniecznie tak się dzieje. WCAG i ARIA odstraszają swoimi rozmiarami i względną złożonością, a sam problem dostępności jest często marginalizowany. Pijąc szklankę coli za 20 lat WCAG, wypijmy też za wyższą świadomość dostępności wśród nas wszystkich, webdeveloperów.
-
Światełko w tunelu
Być może mój pesymizm związany z końcem HTML5 okaże się przesadzony. Wszystko wskazuje bowiem, że negocjacje pomiędzy W3C a WHATWG faktycznie do czegoś prowadzą i wypracowano wstępny zarys porozumienia.
-
Aktualna data bez daty
Dzisiaj na Facebooku ktoś zadał ciekawe pytanie: jak w JS wyświetlić aktualną datę i czas, nie używając
Dateani nie pobierając czasu z żadnego zewnętrznego źródła (nawetinput[type=datetime-local])? Przyjrzyjmy się zatem, jak to zrobić! -
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.relatedTargetunlike<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.HTML <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.relatedTargetw 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.
JavaScript <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.
-
-
System polyfillów
Pod koniec tamtego roku trafiłem na artykuł o leniwym wczytywaniu polyfillów. Były one wczytywane w kodzie aplikacji przy pomocy
import. Niemniej zupełnie nie zgodziłem się wówczas z wizją autora i postanowiłem stworzyć własną wersję takiego systemu. W końcu znalazłem na to chwilę. -
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ń.
-
Bujając się na gałęzi AST
Istnieją rzeczy, na które zwykle nie zwracamy jakiejkolwiek uwagi, po prostu przyjmując ich istnienie za pewnik lub nie musząc się nimi całkowicie przejmować. Wiele takich rzeczy jest i w JS-ie – rzeczy, o które nie musimy się martwić w czasie codziennej pracy (no, chyba że rozwijasz Babela czy innego Rollupa; wówczas te rzeczy są Twoją pracą…). Przyjrzymy się dzisiaj jednej z takich rzeczy – AST.
-
Konferencja ConFrontJS + konkurs
29 października w Warszawie odbędzie się konferencja ConfrontJS 2018. Potrwa od 09:00 do 17:00, a jej w trakcie zostanie wygłoszonych 12 prelekcji. Całość jest organizowana przez stare dobre WarsawJS, w urokliwym Campus Warsaw.