WebTools nedeljni informator

Ja sam već govorio u informatorima o preuzimanju dimenzija elemenata putem JavaScripta, i proširio sam ovu temu u najnovijem postu na mom blogu:

• Dimenzije DOM elementa i CSS Transformacije

Ideja je fokusiranje na ono što se dešava dimenziji elemenata na stranici kada je njegov oblik promenjen pomoću CSS transformacija (uključujući i 3D transformacije), i kako pristupate novim dimenzijama u odnosu na originalne dimenzije pomoću DOM skriptovanja.

Ovo je prvi post na mom glavnom veb sajtu koji je nedavno redizajniran, pa će izgledati nov ako ste ga već ranije posetili, a niste ga u poslednje vreme otvarali. Nadam se da vam se dopada redizajn - uradio ga je moj prijatelj dizajner, ista osoba koja je redizajnirala i ovaj informator.

Pređimo sada na alatke za ovu nedelju!

JavaScript pomoćni programi i moduli

Odlične alatke za tabele
Olakšajte marketing sadržaja pomoću Airtable alatke. To je jedinstveno mesto za sve sadržaje. Sačuvajte svoje informacije, planirajte usmeravanje sadržaja i automatski vidite rokove na kalendaru.     sponsored via ThoughtLeaders 

secure-require
Implementacija bezbednog izvršavanja zahteva za ECMAScript.

Tornis
Minimalna JavaScript biblioteka koja prati stanje prikaza pretraživača, omogućavajući vam da odgovorite kada god se nešto promeni.

Overlay Scrollbars
JavaScript scrollbar dodatni modul koji sakriva izvorne klizne trake, obezbeđuje prilagođene klizne trake za preklapanje koje se mogu stilizovati i zadržava originalnu funkcionalnost i doživljaj.

Ken Burns Carousel
Jednostavna veb komponenta koja prikazuje skup slika sa Ken Burns efektom (prelaz sličan stilu u popularnim dokumentarnim filmovima Ken Burnsa).

Choices
Sada u verziji 7+. Jednostavan i konfigurabilan dodatni modul za selektovanje polja/unos teksta. Sličan drugim rešenjima ali bez jQuery zavisnosti.

CodeX Editor
WYSIWYG editor zasnovan na bloku sa čistim JSON ispisom. Isprobajte demo na stranici, veoma je jednostavan za upotrebu i intuitivan.

Qoa
Jednostavan modul koji vam omogućava da primate različite tipove korisničkog unosa kroz skup intuitivnim, interaktivnih i opširnih promptova komandne linije.

cryptozoa
Veoma jednostavan izomorfni omotački program enkripcije oko window.crypto-a i Node crypto-a.

HTM
Hyperscript Tagged Markup: JSX alternativa za upotrebu standardno označenih šablona, sa podrškom kompajliranja.

interact.js
JavaScript prevlačenje i otpuštanje, promena veličine i višestruki dodiri za moderne pretraživače (i za IE9+).

facon
Tiny pomoćni program koji olakšava kreiranje ugnežđenih DOM elemenata upotrebom literala šablona.

domready
Stari projekat, ali će vam možda biti koristan. Sličan jQuery $() omotačkom programu, prečica za proveru kada je DOM spreman.

Alatke za izgradnju, pakeri modula itd.

JavaScript & DOM paket e-knjiga za skriptovanje - $12
350+ stranica JavaScript i DOM saveta opisanih pomoću 240+ interaktivnih demo snimaka, koji su nedavno ažurirani ES6 sintaksom. promoted  

Comfygure
Šifrovano i verzionisano skladište konfiguracije izgrađeno sa saradnjom na umu. Odlično za upravljanje konfiguracijama aplikacije za više okruženja, brzo prebacivanje oznaka funkcija i upravljanje A/B testiranjem.

Entropic
Registar paketa za sve, ali uglavnom za JavaScript, sa novim CLI-om, dizajniranim da bude jednostavan za vašu mrežu.

Packem
Unapred kompajlirani paker JavaScript modula koji je 2 puta brži od Parcel.js-a.

tris-webpack-boilerplate
Webpack šablonski kod za početnike i napredne programere, za kreiranje statičnih veb sajtova sa savršenim ocenama na stranicama Page Speed Insights i Lighthouse.

MetaTemplate
Veb generator šablona/komponente koji može da upotrebi jednu definiciju šablona i ispiše više šablona/komponenti u Reactu, TypeScriptu, Vueu, SCSSu, itd.

Webpack Nomodule dodatni modul
Dodeljuje atribut `nomodule` u oznake skripta koje injektira HTML Webpack Plugin (još jedna alatka koju sam ranije predstavio).

ipfs-deploy
Zero-Config CLI za raspoređivanje statičkih veb sajtova na InterPlanetary File System (IPFS).

Kreirajte React aplikaciju
Sada u verziji 3+ (detalji). Pomaže vam da podesite React aplikaciju pokretanjem jedne komande.

Glicky
Pokretač zadataka u pretraživaču za moderan veb razvoj.

Open-Registry
JavaScript Package Registry koji finansira, razvija i održava zajednica, za zajednicu.

TSdx
Zero-config CLI za razvoj TypeScript paketa.

Media alatke

Mixkit
Besplatni snimci, HD video klipovi i ilustracije visokog kvaliteta.

Feather
Skup lepih i jednostavno dizajniranih ikonica otvorenog koda.

Vector Logo Zone
3,000+ SVG logotipova za poznate brendove, savršeno za stranice README.

OpenMoji
Emotikoni otvorenog koda za dizjnere i programere.

ngx-charts
Deklarativni radni okvir za dijagrame zasnovan na D3-u za Angular.

html2canvas
Skript koji vam omogućava da kreirate “snimke ekrana” veb stranica ili delova veb stranica, direktno u pretraživaču korisnika. Snimci su zasnovani na DOM-u a ne na onome što je vidljivo na stranici.

Zdog
Odličan pseudo-3D mehanizam za Canvas i SVG.

imgsquash
Jednostavno kompresovanje slike u node-u, Reactu i Next.js-u. Jednostavno raspoređivanje kao mikro servis.

Shotstack
Izgradite dinamičke video aplikacije. Obezbeđuje API za video editovanje zasnovan na cloudu, koji se koristi za napajanje aplikacija koje kreiraju, automatizuju i personalizuju milione video snimaka vođenih podacima.

Px
Mali 2D Canvas radni okvir za igrice zagonetki zasnovane na okretu.