Friska resurser för webbdesigners och utvecklare (december 2016)

Vi närmar oss slutet av 2016, och det har varit ett spännande år för många, inklusive webbutvecklare. Det här året, ReactJS popularitet ökade exponentiellt, en ny ReactJS-förlängning släpps och sitter på listan över Githubs trending repositories (nästan) varje vecka.

PHP7 släpps också i år vilket ger en betydande förbättring av hastigheten, liksom frisättningen av WordPress 4.7 med det efterlängtade WP-API funktion och Facebook introducerade också garnpaket som kan utmana NPM.

Klicka för mer resurser

Hitta hela vår samling av rekommenderade resurser och de bästa webbdesign och utvecklingsverktygen som finns tillgängliga.

För mer information om var och en av dessa användbara utgåvor, låt oss ta en titt på följande lista:

Fyr

LightHouse är en användbart verktyg från Google att undersöka dina webbplatser mot moderna webbutvecklingsmetoder, som inkluderar sida belastning prestanda, cachning med servicearbetare, server tid svar och så vidare. Dessa verktyg finns i två former, CLI (Command Line Interface) och Google Chrome-tillägg.

FuseJS

Fuzzy-search är en typ av sökresultat där den är returnerar ett antal möjligheter även om det inte exakt matchar sökargumenten. Om du till exempel söker "till" kan den resulterande återvända att göra, robot, och fot. Det här är en populära sökprestanda i dagens webbapplikationer. FuseJS är en lättviktigt JavaScript-bibliotek som gör att du enkelt kan implementera den på din webbplats.

Garnpaket

Garnet är a Node paketchef byggd av Facebook. Det fungerar i stort sett som NPM, om än med framsteg på flera områden, såsom hastigheter, 'offline-läge' som låter dig installera paketet utan att ansluta till Internet, och säkerhet samt tillförlitlighet.

Menyn Cache

Ett praktiskt WordPress-plugin att cache WordPress Menu använder Transient API för att förbättra databasfrågans hastighet. Pluggen kommer med ett antal filter till Anpassa cacheperioden och utföra andra saker. Den kan installeras med kompositör eller som en vanligt WordPress-plugin.

Githunt

Githunt är en Google Chrome-förlängning som ersätter Chrome hemsida med Github trending repository. Du kan sortera resultatet ut baserat på perioden och programmeringsspråket. Det tror jag, ett måste installeras verktyg för varje utvecklare att hålla sig uppdaterad med de minsta verktygen runt.

FFocus

Kan inte fokusera på ditt arbete och vill få ditt jobb gjort snabbt? Prova FFocus. Det är en CLI som låter dig blockera webbplatsen under en viss tid genom Terminal. FFocus kan vara installerad via NPM genom att köra npm jag ffocus -g kommando.

Accesslint

AccesslintJS är en JavaScript-biblioteket för att validera din webbplats för tillgänglighet. Att använda det här biblioteket är lika enkelt som att ladda det före taggar, och du kommer att få alla varningar och fel precis vid DevTools Console.

Able

Färgbar är a användbar webbapplikation som låter dig skapa en färgkombination som överensstämmer med WCAG Guidelines, och gör också din webbplats Tillgänglig för användare med nedsatt syn som färgblindhet.

Micon

Micon är en typsnitt ikon för valda Microsoft Windows 10 pictographics. Detta kan vara en stor ersättning för FontAwesome som jag tycker är redan överutnyttjad.

CSS-referens

Namnet säger allt. Det är en CSS-referens för att leta upp CSS-syntaxen. Den presenteras också på ett trevligt trevligt sätt som gör det till ett bra alternativ för CSS dokumentation vid MDN, om du tycker att det är för tråkigt.

Lokal av Flywheel

Detta är GUI App som gör det enkelt att skapa en lokal WordPress-webbplats i din macOS. Appen är jam-packad med bra verktyg för utvecklare, till exempel; “Ett klick” WordPress installation, SSH-åtkomst, enkel SSL-inställning, webbplatskarta och XIP.io. Appen var prissatt runt 149USD, men är Nu givet gratis sedan dess förvärvats av svänghjulet.

FreeCodeCamp

Det är en gratis resurs för att lära sig kod för webben. Ämnena inkluderar HTML, CSS, JavaScript och a några bibliotek som ReactJS och D3. Det ger utmaningar eller projekt exempel medan du tar kurserna, samt tutorials till hjälpa dig att förstå ämnet bättre.

OverPass-teckensnitt

OverPass-teckensnitt är en typfamilj bestående av åtta vikter (200-900), sant kursiv och monospace typsnitt. Teckensnittet kan laddas som ett webbfont från KeyCDN såväl som installerat för skrivbordsbruk. Det är gratis och öppen källkod.

Formbas

Formbasen är a uppsättning regler för CSS-stil som återställer formulärelement som innefattar inmatning, checkbox, Välj, och textarea med grundläggande men vackra stilar. Det här CSS-biblioteket är bra Använd i samband med en annan “CSS resetter” som Normalize.css.

FrontEnd

Det är ett framwork som används för att bygga 24ways.org; en stor resurs som du kan titta på att lära sig avancerade CSS-tekniker.

Seger

ReactJS är stigande, och med det kommer ett stort antal förlängningar för att stödja det. Seger är en ReactJS-komponent att lägga till interferens och diagram eller datavisualisering.

Inferno

Inferno är a JavaScript-bibliotek för att skapa webbgränssnitt på mobila enheter. Det är inspirerad från ReactJS följaktligen förvärvar liknande syntaxkonventioner. Skillnaden är dock att Inferno är byggd med prestanda i åtanke vilket gör det mycket mindre i storlek och ger det också en snabbare återgivningstid.

Premonish

Permonish är ett bibliotek som kan förutsäga användarnas nästa interaktion. Detta kommer att tillåta dig att Förbered användargränssnittet (UI) mer perfekt innan den faktiska användaren interagerar med din webbplats.

SPA Starter Kit

Detta är ett exempel på SPA (Single Page Application) byggt med Laravel och VueJS. Det är ännu En annan stor resurs för att lära sig webbutveckling med ramverk - titta på källan Luke!

Docute

Docute är JavaScript-bibliotek för att bygga en enkel sidedokumentation. Den drivs med VueJS och levereras med ett antal nodverktyg som tillåter dig Ställ in och kör din dokumentation snabbt.