Friske ressurser for webdesignere og utviklere (desember 2016)

Vi nærmer oss slutten av 2016, og det har vært et spennende år for mange, inkludert webutviklere. I år, ReactJS popularitet økte 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, så vel som utgivelsen av WordPress 4.7 med den etterlengtede WP-API funksjon og Facebook introduserte også Garnpakke Det kan utfordre NPM.

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 en Hendig verktøy fra Google å undersøke nettsteder mot moderne webutviklingsstatistikker, som inkluderer side belastning ytelse, caching med servicearbeidere, server tid svar 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økgjennomføring der den er returnerer en rekke muligheter, selv om den ikke akkurat samsvarer med søkargumentene. For eksempel, hvis du søker 'til', kan resultatet komme tilbake å gjøre, robot, og fot. Dette er en populær søkeytelse i dagens webapplikasjoner. FuseJS er en lett JavaScript-bibliotek som gjør det mulig å implementere det på nettstedet ditt enkelt.

Garnpakke

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

Meny Cache

En praktisk WordPress-plugin å cache WordPress Menu bruker Transient API for å forbedre databasespesjonshastigheten. Pluggen kommer med en rekke filtre til tilpasse cacheperioden og utfør 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 hjemmeside med Github trending depot. Du kan sortere resultatet ut basert på perioden og programmeringsspråket. Det er, tror jeg, et must-installeringsverktø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 være installert gjennom NPM ved å kjøre npm jeg ffocus -g kommando.

Accesslint

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

color

Fargerbar er a Hendig webapplikasjon som gir deg mulighet til å generere fargekombinasjon som overholder WCAGs retningslinjer, og gjør også nettstedet ditt Tilgjengelig for brukere med synshemming som fargeblindhet.

Micon

Micon er en skrifttypikonet for utvalgte Microsoft Windows 10 piktogrammer. Dette kan være en flott erstatning av 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 en flott alternativ for CSS dokumentasjon ved MDN, hvis du tror det er for kjedelig.

Lokal ved 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; “Ett klikk” 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 svinghjulet.

FreeCodeCamp

Det er en gratis ressurs for å lære kode for Internett. Emnene inkluderer HTML, CSS, JavaScript og a få biblioteker som ReactJS og D3. Det gir utfordringer eller prosjekteksempler mens du tar kursene, samt veiledning til hjelpe deg å 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 a sett med CSS stil regler som tilbakestill danner elementer som inkluderer inngang, avkrysnings, å velge, og textarea med enkle, men vakre stiler. Dette CSS-biblioteket er bra bruk sammen 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å å lære avanserte CSS teknikker.

Seier

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

Helvete

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

Premonish

Permonish er bibliotek som kan forutsi brukernes neste interaksjon. Dette vil tillate deg å Forbered 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 ennå En annen stor ressurs for å lære webutvikling ved hjelp av rammer - se på kilden Luke!

Docute

Dokturen er JavaScript-bibliotek for å bygge en enkelt side dokumentasjon. Den er drevet med VueJS og leveres med en rekke nodeverktøy som tillater deg sette opp og kjør dokumentasjonen din raskt.