FrontEnd izdanje broj 314

Kreiranje HTML Web komponenata pomoću Vanilla JS

Izvorne Web komponente još uvek nisu 100% podržane, ali polifili su dostupni i ovo uputstvo vas vodi kroz ono što je potrebno za kreiranje HTML tagova kao komponenata.

Ayush Gupta

HTTP 103: Radna verzija HTTP koda statusa za označavanje „hintova“

Ideja je da se omogući da Veb serveri pošalju nazad određena zaglavlja (npr. da učitaju zaglavlja linka unapred) pre glavnog odgovora.

IETF

Veb tipografija: Dizajniranje tabela koje su čitljive

Richard Rutter detaljno prikazuje kako poboljšati čitljivost tabela podataka.

Richard Rutter

Dodajte PDF podršku za veb aplikaciju

Korak po korak uputstvo kako da prikažete i označite PDF datoteke unutar veb aplikacije koristeći biblioteku PSPDFKit JavaScript

Funkcije uključuju podršku za pregledače (IE 11 i novije), korisnički interfejs optimizovan za mobilne uređaje i ne sadrže komponente na strani servera.

PSPDFKit   SpONZOR

Kako napisati aplikaciju ToDo bez JS-a koristeći samo HTML i CSS

Zanimljiv kreativni pokušaj kreiranja osnovne „veb aplikacije“ koristeći samo HTML i CSS.

Matt Zeunert

Pogledao sam sva videa Chrome samita o programiranju, pa vi ne morate

Glavna poruka: Google želi da napravite PWA-ove, smanjite veličinu JS datoteke, koristite Web komponente i konfigurišete obrasce za podršku automatskog popunjavanja.

Dan Fabulich

Kreiranje brze pretrage

Kako je na popularnoj platformi za prodaju automobila Auto Trader kreirana brza pretraga visokih performansi koja obično vraća rezultate za manje od sekunde.

Elliot Sumner

Budućnost učitavanja na vebu

Sam Saccone istražuje nedavno isporučene osnovne elemente performansi, najsavremenije tehnike performansi i ukazuje šta može da sadrži budućnost učitavanja na vebu.

Google Chrome Developers

Podsetnik za pristupačnost

Korisni pregled sa jednostavnim stvarima koje možete primeniti da biste preduzeli pozitivne korake ka pristupačnijem vebu. Od 2015. godine, ali vredi se podsetiti.

Ire Aderinokun

POSLOVI

• Frontend programer u kompaniji X-Team (rad na daljinu) Mi pomažemo našim programerima da nastave sa učenjem i da napreduju svaki dan. Oslobodite svoj potencijal. Radite sa bilo kog mesta. Pridružite se kompaniji X-Team. X-Team

• UI dizajner/frontend programer Zainteresovani ste za #tech4good? Tražimo UI dizajnera koji će raditi na idejama, izradi prototipa i kodiranju za međunarodni razvoj. Catalpa International

• craigslist traži JavaScript programere (San Francisko, CA) CL traži JS programere koji će se pridružiti našem malom (~50) timu. Pomozite nam da spasimo svet ili makar naš kutak Interneta. craigslist

UKRATKO

Microsoftov plan da uvedu progresivne veb aplikacije (PWA) u Windows 10  VESTI
Paul Thurrott

W3C poziva na implementacije ključne reči Preload vesti
Ova specifikacija definiše ključnu reč preload, koja može da se koristi sa elementima linka.

W3C

JS kongres u Minhenu – Budućnost JavaScripta 13-14. novembra  VESTI
Pridružite nam se na dvodnevnoj konferenciji „Budućnost JavaScripta“ (uključujući WebAssembly i alatke). Teme obuhvataju Frontend arhitekturu, webpack, Angular, React, Perf itd.
JS Kongress Munich  Sponsor

Otključavanje prednosti CSS promenljivih UPUTSTVO
Prednosti CSS promenljivih i korisni saveti i trikovi za rad sa njima.
Jonathan Harrell

Kako da napravite interaktivni virtuelni globus koristeći Three.js uputstvo
Jeanne Castillo

3 komande za dodavanje SSL-a u 'localhost' za https://localhost na operativnom sistemu Mac  UPUTSTVO
Paul Browne

Pregled relativno neuobičajenog „output“ HTML elementa  uputstvo
Robin Rendle

Upotreba Reduxa prilikom izrade Chrome dodataka  uputstvo
Bruno Antunes

Emuliranje CSS funkcija za podešavanje vremena pomoću JavaScripta  uputstvo
Ana Tudor

Dobijanje opozvanog sertifikata u operativnom sistemu Mac UPUTSTVO
Geoff Graham

Upotreba ReactJS, ES6 i JSX za izradu korisničkog interfejsa (uspon MERN-a) UPUTSTVO
Deo 5 naše serije steka moderne aplikacije – Zašto ReactJS pokreće razvoj modernih aplikacija?
MONGODB  Sponsor

Veb je počeo da izumire 2014. Evo kako MIŠLJENJE
„GOOG i FB sada imaju direktni uticaj na više od 70% internet saobraćaja.”
André Staltz

Animirani Flexbox Playground ALATKE
Korisni vizuelni podsetnik o efektima koje poseduju određena Flexbox svojstva.
Blake Bowen

grid-kiss: Plagin PostCSS koji pojednostavljuje CSS Grid ALATKE
Sylvain Pollet-Villard

Koa11y: Alatka za pristupačnost otvorenog koda ALATKE
Desktop aplikacija za automatsku detekciju problema u vezi Web pristupačnosti.
Jared Wilcurt

Bolji fokus? demo
Pokušaj „vizuelno ugodnijeg fokusa za korisnike tastature“.
CodePen