Friske ressurser for webutviklere - desember 2016

Vi nærmer oss slutten av 2016, og det har vært et spennende år for mange, inkludert webutviklere. I år har ReactJS popularitet økt eksponentielt, en ny ReactJS-utvidelse er utgitt og sitter på listen over Githubs trending repositories (nesten) hver uke.

PHP7 er også utgitt i år, som gir betydelig forbedring på fart, samt utgivelsen av WordPress 4.7 med den etterlengtede WP-API- funksjonen, og Facebook introduserte også Garnpakke som kan utfordre NPM.

Klikk for flere ressurser

Klikk for flere ressurser

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

For ytterligere detaljer om hver av disse nyttige utgivelsene, la oss ta en titt på følgende liste:

Fyr

LightHouse er et praktisk verktøy fra Google for å undersøke nettstedene dine mot moderne webutviklingsstatistikker, som inkluderer sidebelastningsprestasjoner, caching med servicearbeidere, servertidsrespons og så videre. Disse verktøyene kommer i to former, CLI (Command Line Interface) og Google Chrome-utvidelse.

FuseJS

Fuzzy-search er en type søk-fullføring der den returnerer en rekke muligheter, selv om den ikke akkurat samsvarer med søkeargumentene . For eksempel, hvis du søker 'til', kan resultatet komme tilbake, robot og foot . Dette er en populær søkeytelse i dagens webapplikasjoner. FuseJS er et lett JavaScript-bibliotek som lar deg enkelt implementere det på nettstedet ditt.

Garnpakke

Garn er en Node pakke manager bygd av Facebook . Det fungerer i utgangspunktet likt NPM, men med fremskritt på flere områder, for eksempel hastigheter, "offline modus" som lar deg installere pakkene uten å koble til Internett, samt sikkerhet og pålitelighet.

Meny Cache

En praktisk WordPress-plugin for å cache WordPress Menu ved hjelp av Transient API for å forbedre databasespesjonshastigheten. Pluggen leveres med en rekke filtre for å tilpasse cacheperioden og utføre andre ting. Den kan installeres ved hjelp av Komponist eller som en vanlig WordPress-plugin .

Githunt

Githunt er en Google Chrome-utvidelse som erstatter Chrome-hjemmesiden med Github trending repository . Du kan sortere resultatet ut basert på perioden og programmeringsspråket. Det er, jeg tror, et must-install verktøy for hver utvikler å holde seg oppdatert med de skinneste verktøyene rundt.

FFocus

Kan ikke fokusere på arbeidet ditt og ønsker å få jobben din gjort raskt? Prøv FFocus. Det er en CLI som lar deg blokkere nettsiden for en bestemt varighet gjennom Terminal . FFocus kan installeres gjennom NPM ved å kjøre npm i ffocus -g kommandoen.

Accesslint

AccesslintJS er et JavaScript-bibliotek for å validere nettstedet ditt for tilgjengelighet. Bruk av dette biblioteket er like enkelt som å laste det før tag, og du vil få alle advarslene og feilene rett ved DevTools Console.

color

Colorable er et praktisk webprogram som lar deg generere fargekombinasjon som overholder WCAGs retningslinjer, og gjør nettstedet ditt også tilgjengelig for brukere med nedsatt syn som fargeblindhet.

Micon

Micon er et skriftikon for utvalgte Microsoft Windows 10 piktogrammer . Dette kan være en flott erstatning for FontAwesome som jeg tror er allerede overused.

CSS-referanse

Navnet sier alt. Det er en CSS-referanse for å slå opp CSS-syntaks . Den presenteres også på en hyggelig måte som gjør det til et godt alternativ for CSS-dokumentasjon ved MDN, hvis du synes det er for kjedelig.

Lokal av Flywheel

Dette er GUI App som gjør det enkelt å sette opp et lokalt WordPress-nettsted i MacOS . Appen er jam-pakket med gode verktøy for utviklere, for eksempel; "One-click" WordPress-installasjon, SSH-tilgang, enkelt SSL-oppsett, nettstedblåkopi og XIP.io. Appen ble priset rundt 149USD, men er nå gitt gratis helt siden kjøpet av Flywheel .

FreeCodeCamp

Det er en gratis ressurs for å lære kode for Internett . Emnene inkluderer HTML, CSS, JavaScript, og noen få biblioteker som ReactJS og D3 . Det gir utfordringer eller prosjekteksempler mens du tar kursene, samt opplæringsprogrammer for å hjelpe deg med å forstå emnet bedre .

OverPass Font

OverPass font er en skriftfamilie bestående av åtte vekter (200-900), ekte kursiv og monospace skrifttype . Skriften kan lastes som en web skrifttype fra KeyCDN, så vel som installert for desktop bruk . Det er gratis og åpen kildekode.

Form Base

Formbase er et sett med CSS-stilregler som tilbakestilles fra elementelementer som inkluderer input, checkbox, select og textarea med grunnleggende, men vakre stiler . Dette CSS-biblioteket er en god bruk i forbindelse med en annen "CSS resetter" som Normalize.css.

FrontEnd

det er et fremarbeid som brukes til å bygge 24ways.org; en stor ressurs som du kan se på for å lære avanserte CSS-teknikker .

Seier

ReactJS er på vei opp, og med det kommer et stort antall utvidelser for å støtte det . Victory er en ReactJS-komponent for å legge til interferens og diagrammer eller datavisualisering.

Helvete

Inferno er et JavaScript-bibliotek for å bygge webgrensesnitt på mobile enheter . Det er inspirert fra ReactJS, og arver dermed lignende syntakskonvensjoner. Forskjellen er imidlertid at Inferno er bygget med ytelse i tankene, noe som gjør det mye mindre i størrelse, og gir også en raskere gjengittid .

Premonish

Permonish er et bibliotek som kan forutsi brukernes neste interaksjon . Dette vil tillate deg å forberede brukergrensesnittet (UI) perfekt før den faktiske brukeren samhandler med nettstedet ditt.

SPA Starter Kit

Dette er et eksempel på SPA (Single Page Application) bygget med Laravel og VueJS. Det er enda en god ressurs for å lære nettutvikling ved hjelp av rammer - se kilden Luke!

Docute

Docute er JavaScript-bibliotek for å bygge en enkelts dokumentasjon . Den er drevet med VueJS og leveres med en rekke Nøkkelverktøy som lar deg sette opp og kjøre dokumentasjonen raskt .