Friske ressourcer til webdesignere og udviklere (februar 2017)

Fresh Resouces for Web Developers serien har løbe i omkring 4 år nu, og vedligeholdelse af denne serie har i høj grad givet mig indblik i, hvordan nettet skrider frem gennem årene. Der er Nye værktøjer kommer ud hver måned at gøre webudvikling nemmere.

I denne rate har vi samlet en række nye værktøjer, som inkluderer JavaScript-biblioteker, et par CSS biblioteker og reference at forbedre din færdighed. Lad os tjekke dem ud.

Klik for flere ressourcer

Find vores samlede samling af anbefalede ressourcer og de bedste webdesign og udviklingsværktøjer til rådighed.

Billedtekst

JavaScript er overtager desktop aplication til bærbarhed over forskellige platforme samt arbejde lige så godt som den indfødte app. Denne app, Billedtekst, for eksempel er bygget oven på Electron. Det er en simpel app, der giver dig mulighed for at søge undertekstfiler (.srt) for at vedhæfte den video du ser.

Awesome OSX Command Line

en enorm liste over nyttige og brugbare kommandolinjer til macOS. Her kan du finde en masse ting, der kan gøres gennem CLI som “rydde udskriftskøen”, “gemmer mappe i Finder”, og “forhindre system søvn”.

Trevor

Trevor er simpelthen Travis CI gjort offline. Travis er en kontinuerlig integrationstjeneste hvor udviklere test deres software for at se om softwaren fungerer korrekt flere miljøer. Trevor er stadig i sin tidlige fase; det understøtter i øjeblikket kun “NodeJS”.

gradvist

Et godt JavaScript bibliotek for at indlæse billedet progressivt, dermed navnet. Lille billede bliver serveret og sløret, mens browseren læser hele billedet. Dette Hjælper din hjemmeside med at løse meget hurtigere især hvis den indeholder store billeder.

QartJS

Dette er et JavaScript som gør QR-kode mindre kedeligt. Med dette kan du overlejre QR-koden over et billede - f.eks. Dit billede.

WP Docker

WP Docker er en Docker miljø designet specielt til at udvikle WordPress. Miljøet er selvstændigt og vil ikke påvirke dit computersystem, hvis du har lavet konfiguration. Det er en godt alternativ til Vagrant, Betjent, Lokal og MAMP.

Rellax

Rellax er et JavaScript-bibliotek til Opret Parallax-effekt på side rulle. Den leveres med få muligheder og forholdsvis let at konfigurere. Det er letvægts, kører super hurtigt, og kræver ingen afhængighed som jQuery Derfor er det et godt alternativ til andre biblioteker i denne kategori som Parallax.js eller Scrollax.js.

Artikulere

Endnu et andet cool JavaScript-bibliotek. Articulate bringer syntetiske stemme til dit websted. det er kunne analysere og læse din hjemmeside, i sidste ende kan forbedre din hjemmeside tilgængelighed for brugere med nedsat synlighed.

MonetizeJS

MonetizeJS er et JavaScript-bibliotek til Gennemfør Stripe nemt; lige så nemt som at bruge jQuery.

Vonic

Vonic er en samling af brugergrænseflader til mobil bygget ved hjælp af Vue.js og Ionic CSS. Den består af mange UI-komponenter, der almindeligvis findes i en mobil, herunder Afkrydsningsfelt, Søgeformular, Swiper og såkaldt Accordion. Du kan bruge til at opbygge en mobil app aplication prototype lige i browseren.

WordPress Component Library

10up, et af de fremtrædende navne i WordPress, udgivet et UI-bibliotek designet specifikt til WordPress. I modsætning til andre UI-bibliotek, der kun leverer CSS og HTML-koder, giver 10Up også PHP-kodestykket, som du bare kan indsætte i dit tema. Komponenten indeholder Navigation, faner, Tooltips, Commonts og Blogrol.

JavaScript start-up ydeevne

En fantastisk og detaljerede artikler fra Addy Osmani, en af Google-ingeniører, om hvordan man skriver JavaScript, der kører super hurtigt. Jeg opfordrer dig til at læse det igennem til Level up din JavaScript-færdighed.

KuteJS

Kute er en JavaScript bibliotek til at udføre animation. Det er flammende hurtigt og super effektivt i hukommelsesforbrug. Den har udvidelser og ekstra værktøjer til at tillade anvendelse animation i CSS, SVG, og endda et jQuery-plugin til mere bekvem syntaks.

PWA Rocks

Progressive Web Application (PWA) er en metode der tillader et websted at køre hurtigt og brugbart offline. Denne PWA Rocks liste en, der som godkendt af Google som en PWA. Til Lær mere om PWA fra Google Tag et kig på: Progressive Web Apps.

Github Auto-opdaterer

Github Auto-Updater er Komponistbibliotek, der gør det muligt at opdatere dit plugin fra Github. Dette er et praktisk script for udviklere at opretholde plugins til deres kunder uden nødvendigvis uploade det til Github repository.

Kort

Kort er et JavaScript-bibliotek der gør kreditkort input mere engagerende og forbedrer din brugeroplevelse, mens du indtaster deres kreditkortnumre. Det fungerer godt med jQuery, React, Angular og Ember.

Graaf

Graaf Giv et overlæg over din side for at se, hvordan gitteret - kolonne, række, gutter - er lagt ud. Du kan også generer din egen netspecifikation ved hjælp af API'en.

Luxbar

Luxbar er en CSS-ramme til nemt at skabe en lydhør navigation; Du skal blot tilføje stilarket og tilføje HTML korrekt. Du kan installere dette bibliotek igennem NPM, Bower, eller link stilarken direkte fra CDN.

Kontrastgitter

En liste over Tabellen viser farvekontrast og deres accesibilitetskvalitet baseret på WCAG 2.0. Du kan ændre værdien på bordet og hurtigt finde ud af om farvekombinationen overholder WCAG-standarden.

ToneJS

ToneJS er et JavaScript-bibliotek til lav en tone eller lyd, som kan lide at komme fra et musikinstrument. Jeg tror, at dette bibliotek vil komme til nytte for at opbygge en webbaseret musikinstrumentemulator eller en spil lydeffekter.