NoLoJS: katalog obrazaca koje danas zamjenjuju HTML i CSS
Aaron T. Grogg je sastavio pregled uobičajenih obrazaca pisanih u JavaScriptu koji se danas rješavaju čistim HTML-om i CSS-om, bez skripte ili uz najmanju moguću. Zbirka se dobro nadovezuje na tekst o Baselineu: prvo se provjeri šta platforma već umije, pa se tek onda izbacuje zavisnost. Rezultat je lakša stranica i bolji rezultati na mjerenjima Core Web Vitals.
Izvor
aarontgrogg/NoLoJS: Reduce the JS Workload with NoLoJSNoLoJS · Original objavljen 12. avgust 2026
Aaron T. Grogg je sastavio zbirku uobičajenih obrazaca pisanih u JavaScriptu i za svaki pokazao kako se izvodi čistim HTML-om i CSS-om. Nije riječ o proglasu protiv skripti nego o prebacivanju tereta na platformu koja je u međuvremenu naučila da isti posao obavi sama.
Šta zbirka pokriva
- Harmonike i panele koji se šire
- Navigacione menije
- Vrteške, u osam izvedbi
- Odloženo učitavanje
- Ostale uobičajene obrasce u korisničkom interfejsu
Kako je uređena
Direktorijumi na najvišem nivou imenovani su prema namjeni, dakle prema onome što se pravi, a ne prema HTML elementu kojim se to pravi. Tako nalaziš ono što ti zaista treba.
Svaki direktorijum ima uputstvo s pregledom izvedbi, a svaka izvedba najmanji mogući skup datoteka: opis, isječak HTML-a, stil i skriptu ako je uopšte potrebna. Uz to postoji statički sajt s primjerima koji rade i po jedan primjer na CodePenu za svaki obrazac.
Zašto se dobro slaže s tekstom o Baselineu
Baseline ti kaže šta je bezbjedno koristiti, a NoLoJS pokazuje kako to izgleda u kodu. Prvo provjeriš stanje mogućnosti, pa uzmeš gotov obrazac.
„I have nothing against JS, but it has better things to do“
Povezano
Selektor prefiksa klase sada je tekst specifikacije u nacrtu Selectors 5
Nacrt od 18. avgusta dodaje odjeljak 2.1, selektori prefiksa klase, i definiše .foo-* tako da pogađa svaku klasu koja počinje tim prefiksom. Zamjenjuje zaobilaznice s atributskim selektorom koje nosi svaki dizajn sistem. Nijedan pregledač to još ne podržava, a pravilo poklapanja ima ivicu na kojoj će se ljudi saplitati: .foo-* ne pogađa foo--bar.
CSS Working Groupprovjereno
Kako uvesti Baseline u CI, pa da pregledač prestane da odlučuje umjesto tebe
Trebaju ti tri paketa i dvadesetak minuta. Jedno podešavanje kaže gradnji koje pregledače gađaš, linter upozori kad stilski list pređe tu liniju, a CI to kaže na zahtjevu za spajanje umjesto da ti korisnik kaže u prijavi greške šest sedmica kasnije.
web.dev, npmprovjereno
Vremenski dijagram kao nacrt za SMIL animacije u SVG-u
Johan Grobler je 20. avgusta na Smashing Magazineu opisao postupak u kojem se složena SMIL animacija prvo nacrta kao vremenski dijagram, pa tek onda piše u oznakama. Svaka traka na dijagramu odgovara jednom elementu animate, a njena dužina i položaj postaju vrijednosti atributa dur i begin. Pošto jedan animate mijenja tačno jedno svojstvo jednog elementa, broj elemenata brzo naraste, pa učitavač od tri tačke koje se smjenjuju traži šest takvih zapisa. Tekst pokazuje i sinhronizaciju preko tuđeg početka i kraja, kroz atribut begin, te način da se poštuje postavka prefers-reduced-motion kroz element picture.
Smashing Magazineprovjereno