Friske ressurser for webdesignere og utviklere (februar 2017)

Fresh Resouces for webutviklere serien har løp for rundt 4 år nå, og opprettholde denne serien har sterkt gitt meg innsikt i hvordan nettverket utvikler seg gjennom årene. Det er Nye verktøy kommer ut hver måned for å gjøre webutvikling enklere.

I denne avgiften har vi samlet inn en rekke nye verktøy, som inkluderer JavaScript-biblioteker, et par CSS-biblioteker og referanse for å forbedre ferdighetene dine. La oss sjekke dem ut.

Klikk for flere ressurser

Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.

bildetekst

JavaScript er tar over skrivebordet aplication for bærbarhet over ulike plattformer, så vel som å fungere like bra som den opprinnelige appen. Denne appen, bildetekst, for eksempel er bygget på toppen av Electron. Det er en enkel app som lar deg søke undertekstfiler (.srt) å legge ved videoen du ser på.

Fantastisk OSX kommandolinje

en enorm liste over nyttige og praktiske kommandolinjer for macOS. Her kan du finne mange ting som kan gjøres gjennom CLI som “rydde utskriftskøen”, “gjemmer mappe i Finder”, og “forhindre system søvn”.

Trevor

Trevor er ganske enkelt Travis CI gjort offline. Travis er en kontinuerlig integreringstjeneste hvor utviklere tester deres programvare for å se om programvaren fungerer riktig flere miljøer. Trevor er fortsatt i sin tidlige fase; det støtter for tiden bare “NodeJS”.

progressivt

Et fint JavaScript bibliotek for å laste bildet gradvis, derav navnet. Det lille bildet vil bli servert og sløret mens nettleseren laster opp hele bildet. Dette hjelper nettstedet ditt til å lastes mye raskere spesielt hvis den inneholder store bilder.

QartJS

Dette er et JavaScript som gjør QR-koden mindre kjedelig. Med dette kan du legge over QR-koden over et bilde - for eksempel bildet ditt.

WP Docker

WP Docker er en Docker miljø designet spesielt for å utvikle WordPress. Miljøet er selvstendig, og vil ikke påvirke datasystemet ditt hvis du har konfigurert. Det er en godt alternativ til Vagrant, Betjent, Local og MAMP.

Rellax

Rellax er et JavaScript-bibliotek til opprett Parallax-effekt på sideskroll. Den leveres med få alternativer og relativt lett å konfigurere. Det er lett, kjører super fort, og krever ingen avhengighet som jQuery Derfor er det et godt alternativ til andre biblioteker i denne kategorien som Parallax.js eller Scrollax.js.

artikulert

Enda et annet kjølig JavaScript-bibliotek. Articulate bringer synthetical stemme til nettstedet ditt. Det er kunne analysere og lese nettstedet ditt, til slutt kan forbedre nettstedet ditt tilgjengelighet for brukere med nedsatt synlighet.

MonetizeJS

MonetizeJS er et JavaScript-bibliotek til gjennomfør Stripe enkelt; så enkelt som å bruke jQuery.

Vonic

Vonic er en samling av brukergrensesnitt for mobil bygget ved hjelp av Vue.js og Ionic CSS. Den består av mange UI-komponenter som ofte finnes i en mobil, inkludert Avkrysningsboks, Søkeform, Swiper og såkalt Accordion. Du kan bruke til å bygge en mobil app aplication prototype rett i nettleseren.

WordPress Component Library

10up, et av de fremtredende navnene i WordPress, utgitt et UI-bibliotek designet spesielt for WordPress. I motsetning til andre UI-bibliotek som bare gir CSS og HTML-koder, gir 10Up også PHP-kodebiten som du bare kan lime inn i temaet ditt. Komponenten inkluderer Navigasjon, faner, verktøytips, commonts og blogrol.

JavaScript start-up ytelse

En flott og detaljerte artikler fra Addy Osmani, en av Google-ingeniører, om hvordan du skriver JavaScript som kjører super fort. Jeg oppfordrer deg til å lese det gjennom til nivå opp JavaScript-ferdighetene dine.

KuteJS

Kute er en JavaScript-bibliotek for å utføre animasjon. Det er flammende raskt og super effektivt i minneforbruk. Den har utvidelser og ekstra verktøy for å tillate bruk animasjon i CSS, SVG, og til og med en jQuery-plugin for mer praktisk syntaks.

PWA Rocks

Progressive Web Application (PWA) er en metodikk som tillater et nettsted å kjøre raskt og brukbart offline. Denne PWA-rockene viser en som er godkjent av Google som en PWA. Til Lær mer om PWA fra Google ta en titt på: Progressive Web Apps.

Github Auto-oppdaterer

Github Auto-Updater er Komponistbibliotek som gjør at pluginet ditt kan oppdateres fra Github. Dette er et praktisk skript for utviklere å vedlikeholde programtillegg for sine kunder uten Oppdatere nødvendigvis det til Github-depotet.

Kort

Kortet er et JavaScript-bibliotek som gjør kredittkortinngangen mer engasjerende og forbedrer brukeropplevelsen mens du skriver inn kredittkortnummer. Den fungerer godt med jQuery, React, Angular og Ember.

Graaf

Graaf gi et overlegg over siden din for å se hvordan rutenettet - kolonne, rad, renner - er lagt ut. Du kan også generer din egen rutenettspesifikasjon bruker API gitt.

Luxbar

Luxbar er en CSS-rammeverket for å lage en responsiv navigasjon enkelt; bare legg til stilarket og legg til HTML riktig. Du kan installere dette biblioteket gjennom NPM, Bower, eller koble stilarket direkte fra CDN.

Kontrastrist

En liste med Tabellen viser fargekontrast og deres tilgjengelighetsgrad basert på WCAG 2.0. Du kan endre verdien på bordet og raskt finne ut om fargekombinasjonen er i samsvar med WCAG-standarden.

ToneJS

ToneJS er et JavaScript-bibliotek til lage en tone eller lyd som kan komme fra et musikkinstrument. Jeg antar at dette biblioteket kommer til nytte for å bygge en nettbasert instrumentinstrumentemulator eller en spill lydeffekter.