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 tabeleOlakš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-requireImplementacija bezbednog izvršavanja zahteva za ECMAScript. TornisMinimalna JavaScript biblioteka koja prati stanje prikaza pretraživača, omogućavajući vam da odgovorite kada god se nešto promeni. Overlay ScrollbarsJavaScript 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 CarouselJednostavna veb komponenta koja prikazuje skup slika sa Ken Burns efektom (prelaz sličan stilu u popularnim dokumentarnim filmovima Ken Burnsa). ChoicesSada u verziji 7+. Jednostavan i konfigurabilan dodatni modul za selektovanje polja/unos teksta. Sličan drugim rešenjima ali bez jQuery zavisnosti. CodeX EditorWYSIWYG editor zasnovan na bloku sa čistim JSON ispisom. Isprobajte demo na stranici, veoma je jednostavan za upotrebu i intuitivan. QoaJednostavan modul koji vam omogućava da primate različite tipove korisničkog unosa kroz skup intuitivnim, interaktivnih i opširnih promptova komandne linije. cryptozoaVeoma jednostavan izomorfni omotački program enkripcije oko window. crypto-a i Node crypto-a. HTMHyperscript Tagged Markup: JSX alternativa za upotrebu standardno označenih šablona, sa podrškom kompajliranja. interact. jsJavaScript prevlačenje i otpuštanje, promena veličine i višestruki dodiri za moderne pretraživače (i za IE9+). faconTiny pomoćni program koji olakšava kreiranje ugnežđenih DOM elemenata upotrebom literala šablona. domreadyStari 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 - $12350+ 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. EntropicRegistar paketa za sve, ali uglavnom za JavaScript, sa novim CLI-om, dizajniranim da bude jednostavan za vašu mrežu. PackemUnapred kompajlirani paker JavaScript modula koji je 2 puta brži od Parcel. js-a. tris-webpack-boilerplateWebpack š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. MetaTemplateVeb 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 modulDodeljuje atribut `nomodule` u oznake skripta koje injektira HTML Webpack Plugin (još jedna alatka koju sam ranije predstavio). ipfs-deployZero-Config CLI za raspoređivanje statičkih veb sajtova na InterPlanetary File System (IPFS). Kreirajte React aplikacijuSada u verziji 3+ (detalji). Pomaže vam da podesite React aplikaciju pokretanjem jedne komande. GlickyPokretač zadataka u pretraživaču za moderan veb razvoj. Open-RegistryJavaScript Package Registry koji finansira, razvija i održava zajednica, za zajednicu. TSdxZero-config CLI za razvoj TypeScript paketa.
Media alatke
MixkitBesplatni snimci, HD video klipovi i ilustracije visokog kvaliteta. FeatherSkup lepih i jednostavno dizajniranih ikonica otvorenog koda. Vector Logo Zone3,000+ SVG logotipova za poznate brendove, savršeno za stranice README. OpenMojiEmotikoni otvorenog koda za dizjnere i programere. ngx-chartsDeklarativni radni okvir za dijagrame zasnovan na D3-u za Angular. html2canvasSkript 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. ZdogOdličan pseudo-3D mehanizam za Canvas i SVG. imgsquashJednostavno kompresovanje slike u node-u, Reactu i Next. js-u. Jednostavno raspoređivanje kao mikro servis. ShotstackIzgradite 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. PxMali 2D Canvas radni okvir za igrice zagonetki zasnovane na okretu.