Frontend informator

State of CSS 2019 — Rezultati iz prve State of CSS ankete, sa detaljima o tome koje CSS funkcije i alatke su omiljene za preko 10.000 programera. Vredi pregledati ove podatke da biste saznali šta ljudi koriste u praksi dok se CSS razvija. SACHA GREIF & RAPHAËL BENITTE

Kako da podelite HTML na odeljke — Vredan detaljan pregled različitih HTML elemenata semantičkog segmentiranja (kao što su <nav>, <section> i <aside>) sa smernicama kada ih je pogodno koristiti i kako. Vredi sačuvati ovu stranicu za buduću referencu. DANIEL TONON

Novo kompletno predstavljanje Reacta...sada, sa vezama — Mnogo više od samog uvoda, jer ćete izgraditi stvarnu aplikaciju sa najnovijim funkcijama u Reactu, uključujući  veze, efekte, kontekst i portale. FRONTEND MASTERS SPONSOR

Uvod u Web Components — Web Components (ili Custom Elements) omogućava vam da implementirate ponovo upotrebljive komponente samo pomoću HTML-a, CSS-a i JS-a. Evo kako da izgradite prvu i kako da ih upotrebite u aplikacijama. ROBIN WIERUCH

Predstavljanje 'novog' HTML elementa - Welcome <clippy> — Ovde ćete pročitati kritiku Googleovog skorašnjeg pristupa za predstavljanje novog HTML elementa (naizgled izostavljajući potvrdu standarda), konkretno <toast> element notifikacije. Jen Simmons je takođe razmotrila ovu temu. TERENCE EDEN

API nestabilnosti rasporeda — Znate li koliko je uznemirujuće kada stranica skakuće u toku učitavanja? Ovaj API teži da pronađe ovaj problem. Ovde je predstavljen API, njegovi ključni koncepti i opisano je kako da ga upotrebite. PHILIP WALTON

Poslovi

Inženjer za optimizaciju performanse JavaScripta / Reacta - Exodus (udaljeno) — Exodus traži opsesivnog inženjera koji će raditi na poboljšanju performanse Exodus desktop aplikacije. EXODUS

Viši softverski inženjer (Santa Barbara ili udaljeno) — Pridružite se timu gde svako teži da konstantno poboljša svoje znanje o alatkama za razvoj softvera, praksama i procesima. INVOCA

Oglasite novi Dev posao na Vettery-u — Vettery je specijalizovan za tehničke uloge i potpuno je besplatan za korisnike koji traže posao. VETTERY

Novosti, tutoriali & mišljenje

Microfrontends: Dobro, loše i ružno — Frontend Twitter je nedavno bio prepun postova o ‘microfrontends-u’, pristupu za izgradnju frontend aplikacija modelovanih po mikroservisima. Ovde ćete pročitati prednosti i mane ovog pristupa. KEVIN BALL

CSS Scroll Snap ažuriran u Firefoxu 68 — Firefox 68, do sledećeg meseca, će isporučiti ažuriranu CSS Scroll Snap specifikaciju (ista verzija kao Chrome i Safari). Sada će prianjanje klizača funkcionisati isto u svim pretraživačima koji ga implementiraju. RACHEL ANDREW (MOZILLA)

Sve što treba da znate o objektu Date u JavaScriptu — Opisuje sve što treba da znate o objektu Date. ZELL LIEW

Chromium i problem monokulture pretraživača — Nakon što je Microsoft prešao na Chromium, razbuktale su se priče o ponovnoj pojavi monokulture pretraživača. Ken opisuje jedno moguće rešenje. KEN BELLOWS

5 ključeva za dostupnu veb tipografiju — Dobro predstavljanje osnova i najbolje prakse za dostupnu veb tipografiju. MATEJ LATIN

Stav o CSS-u — Objašnjava ‘ideje jezika’ koje treba da znate da biste pisali dobar CSS. MAX BÖCK

Korisne alatke i tehnike za minimiziranje CSS-a PETER EKENE EZE

Manifold pokreće Marketplace-as-a-Service MANIFOLD SPONSOR

Chrome 76 Beta: Dark režim, plaćanja, PWA funkcije & više GOOGLE

Informacije o izdanju Safari Technology Previewa 85 JON DAVIS (WEBKIT)

Savet nedelje

Veb dostupnost za Devs: 3 saveta za bolju čitljivost  by Nikola Shekerev

Tokom implementiranja usaglašenosti dostupnosti za KendoReact (biblioteka UI komponenti za React), otkrio sam mnogo o čitljivosti.

Dobra čitljivost obezbeđuje da će sajt biti dostupan i upotrebljiv za korisnike sa i bez invaliditeta. Čitljivi podnaslovi/transkripti će biti od pomoći ljudima sa problemima sluha a čitljiv tekst će generalno biti koristan za one koji imaju problem sa vidom ili disleksijom. Pravilo je da upotrebite jednostavan i čist sans-serif font veće veličine.

• RAZMAK: Duge linije su teške za čitanje pa zato primenite granicu od 70 karaktera po liniji, ako je to moguće. Za podnaslove preporučena granica je 35 karaktera. Obezbedite dovoljan razmak za karaktere - prored od 1.5x je dobar.

• KONTRAST: Pozadinske slike mogu da zamagle tekst, pa ih pažljivo koristite. Neki fontovi imaju granicu oko slova za poboljšanje kontrasta, ali je bolje da u potpunosti izbegavate pozadinske slike i obezbedite jednobojnu pozadinu koja ima dobar kontrast sa tekstom.

• FONTOVI: Dizajneri slova su kreirali neke odlične fontove koji su optimizovani za čitljivost i trebali biste da ih razmotrite u zavisnosti od vaše publike. OpenDyslexic i Inter su dobri primeri.

Veb pristupačnost je ogromna tema koju bi svaki frontend programer trebao da upozna, a razlozi su opisani u mom pregledu pristupačnosti. Takođe ćete pronaći i pregled ključnih standarda pristupačnosti i savete i najbolju praksu za izgradnju pogodnijih sajtova.

Ovonedeljni savet sponzoriše KendoReact. Izgradnja UI-a za poslovne aplikacije je težak posao, čak i pomoću Reacta. Možete da olakšate ovaj posao pomoću UI & data visualization component biblioteke dizajnirane i izgrađene za React. Svih 55+ KendoReact komponenti su usklađene za pristupačnost. Isprobajte ih.

Kod, alatke & resursi

Animirani CSS i JS 'Matrix' Digital Rain — Nema potrebe da uzimate crvenu pilulu da biste pregledali ovaj uredan demo. YUAN CHUAN

Automatizujte odlazne linkove — Nezavisni servis koji će proveriti na datom URL-u linkove ka drugim sajtovima, otkriti da li podržavaju linkove, zatim će ih poslati na cilj. Ovde se nalazi povezani post bloga. REMY SHARP

Obnovite znanje o CSS rasporedu: Every Layout — Rastući resurs koji će vam pomoći da naučite (ili obnovite znanje) o CSS rasporedu, upotrebom jednostavnih komponenti i kompozicioniog pristupa. HEYDON PICKERING & ANDY BELL

Nadgledanje korisničkog doživljaja pomoću Datadog Syntheticsa — Datadogov AI-powered Browser Tests može da se kreira u roku od nekoliko minuta i sam se ažurira. Isprobajte besplatno. DATADOG SPONSOR

CSS Wand — Kolekcija prilagodljivih CSS stilova i animacija koje mogu lako da se kopiraju i pejstuju u projekat. OLIVER GOMES

Predstojeći događaji

An Event Apart, 29-31 Jul — Vašington, D.C. — Popularna trodnevna konferencija koja se fokusira na sve što se odnosi na digitalni dizajn i korisnički doživljaj.

Front Conference, 29-30 avgust — Cirih, Švajcarska — Dvodnevna dvotračna konferencija za sve uključene od koncepta do implementacije.

CSSConf, 25. septembar— Budimpešta, Mađarska — Konferencija zajednice namenjena dizajnerima i programerima koji vole CSS.