Friske ressourcer til webdesignere og udviklere (december 2016)

Vi nærmer os slutningen af 2016, og det har været et spændende år for mange, herunder webudviklere. Dette år, ReactJS popularitet voksede eksponentielt op, en ny ReactJS-udvidelse frigives og sidder på listen over Githubs trending repositories (næsten) hver uge.

PHP7 er også udgivet i år som giver en betydelig forbedring af hastigheden, samt frigivelsen af WordPress 4.7 med den længe ventede WP-API funktion og Facebook introducerede også garnpakke Det kan udfordre NPM.

Klik for flere ressourcer

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

For yderligere detaljer om hver af disse nyttige udgivelser, lad os tage et kig på følgende liste:

Fyrtårn

LightHouse er en Handy værktøj fra Google at undersøge dine hjemmesider mod moderne webudviklingsmålinger, som omfatter side belastning ydeevne, caching med servicearbejdere, server tid svar og så videre. Disse værktøjer findes i to former, CLI (Command Line Interface) og Google Chrome-udvidelse.

FuseJS

Fuzzy-search er en type søgning, hvor den er færdig returnerer et antal muligheder, selvom det ikke svarer præcist til søgeargumenterne. For eksempel, hvis du søger 'til', kan resultatet komme tilbage at gøre, robot, og fod. Dette er en populære søgeresultater i dagens webapplikationer. FuseJS er en letvægts JavaScript-bibliotek det gør det nemt for dig at implementere det på din hjemmeside.

Garnpakke

Garn er a Node pakke manager bygget af Facebook. Det udfører i grunden ligner NPM, dog med fremskridt på flere områder som hastigheder, 'offline-tilstand', som giver dig mulighed for at installere pakkerne uden at oprette forbindelse til internettet, og sikkerhed samt pålidelighed.

Menu Cache

Et praktisk WordPress-plugin at cache WordPress Menu ved hjælp af Transient API for at forbedre databasens forespørgselshastighed. Plugin leveres med et antal filtre til tilpasse cachingperioden og udfør andre ting. Den kan installeres ved hjælp af Komponist eller som en almindelig WordPress plugin.

Githunt

Githunt er en Google Chrome-udvidelse der erstatter Chrome hjemmeside med Github Trending repository. Du kan sortere resultatet ud baseret på perioden og programmeringssproget. Det tror jeg, et must-install utility for enhver udvikler at holde sig opdateret med de skinneste værktøjer rundt.

FFocus

Kan du ikke fokusere på dit arbejde og ønsker at få dit job hurtigt udført? Prøv FFocus. det er en CLI, der giver dig mulighed for at blokere hjemmesiden i en bestemt periode gennem Terminal. FFocus kan være installeret via NPM ved at køre npm jeg ffocus -g kommando.

Accesslint

AccesslintJS er en JavaScript-bibliotek til at validere dit website for tilgængelighed. Brug af dette bibliotek er lige så nemt som at indlæse det før tag, og du vil få alle advarsler og fejl lige ved DevTools Console.

colorable

Farveligt er a handy webapplikation der giver dig mulighed for at generere farvekombinationer, der overholder WCAG Guidelines, og også gør dit website tilgængelig for brugere med synshandicap som farveblindhed.

Micon

Micon er en skrifttypikonet for udvalgte Microsoft Windows 10 piktogrammer. Dette kan være en stor erstatning for FontAwesome som jeg synes er allerede overbrugt.

CSS Reference

Navnet siger det hele. det er en CSS-reference til at opsøge CSS-syntaxen. Det er også præsenteret på en dejlig behagelig måde, som gør det til en godt alternativ til CSS dokumentation på MDN, hvis du synes det er for kedeligt.

Lokal ved Flywheel

Dette er GUI App, der gør det nemt at oprette et lokalt WordPress-websted i din MacOS. Appen er jam-pakket med gode værktøjer til udviklere, såsom; “One-klik” WordPress installation, SSH adgang, nem SSL opsætning, site blueprint og XIP.io. Appen blev prissat til omkring 149USD, men er Nu givet gratis lige siden erhvervet af Flywheel.

FreeCodeCamp

Det er en gratis ressource til at lære kode til internettet. Emnerne omfatter HTML, CSS, JavaScript og a få biblioteker som ReactJS og D3. Det giver udfordringer eller projekt eksempler mens du tager kurserne samt tutorials til hjælpe dig med at forstå emnet bedre.

OverPass skrifttype

OverPass font er en skrifttype familie bestående af otte vægte (200-900), ægte kursiv og monospace skrifttype. Skrifttypen kan indlæses som en web skrifttype fra KeyCDN såvel som installeret til desktop brug. Det er gratis og open source.

Form Base

Formularbasen er a sæt af CSS stil regler som nulstiller formelementer, som omfatter input, afkrydsningsfeltet, Vælg, og textarea med grundlæggende men smukke stilarter. Dette CSS bibliotek er et godt brug sammen med en anden “CSS resetter” som Normalize.css.

FrontEnd

det er et fremarbejde, der bruges til at opbygge 24ways.org; en stor ressource at du må se nærmere på at lære avancerede CSS teknikker.

Sejr

ReactJS er på vej, og med det kommer et stort antal udvidelser til at understøtte det. Sejr er en ReactJS-komponent at tilføje interative og diagrammer eller data visualisering.

Helvede

Inferno er en JavaScript-bibliotek til at opbygge webgrænseflade på mobile enheder. det er inspireret fra ReactJS dermed arver lignende syntax konventioner. Forskellen er imidlertid, at Inferno er bygget med præstation i tankerne som gør det meget mindre i størrelse og giver det også en hurtigere gengivelsestid.

Premonish

Permonish er bibliotek, der er i stand til forudsige brugernes næste interaktion. Dette vil tillade dig at Forbered brugergrænsefladen (UI) mere perfekt før den faktiske bruger interagerer med din hjemmeside.

SPA Starter Kit

Dette er et eksempel på SPA (Single Page Application) bygget med Laravel og VueJS. Det er endnu en anden stor ressource til at lære webudvikling ved hjælp af rammer - kig på kilden Luke!

Docute

Docute er JavaScript-bibliotek til opbygning af en enkelt side dokumentation. Den drives med VueJS og leveres med en række node-værktøjer, der tillader dig Opsæt og kør din dokumentation hurtigt.