Verse hulpbronnen voor webontwerpers en ontwikkelaars (december 2016)

We zijn aan het einde van 2016 en het was een spannend jaar voor velen, inclusief de webontwikkelaars. Dit jaar, De populariteit van ReactJS is exponentieel gestegen, een nieuwe ReactJS-extensie is vrijgegeven en staat op de lijst van De trending repositories van Github (bijna) elke week.

PHP7 wordt ook dit jaar uitgebracht die een aanzienlijke verbetering van de snelheid biedt, evenals de release van WordPress 4.7 met de langverwachte WP-API functie, en Facebook introduceerde ook een garenpakket dat kan NPM uitdagen.

Klik voor meer bronnen

Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.

Voor meer informatie over elk van deze nuttige releases, nemen we een kijkje in de volgende lijst:

Vuurtoren

LightHouse is een handige tool van Google om uw websites te vergelijken met moderne statistieken voor webontwikkeling, waaronder laadprestaties van de pagina, caching met servicemedewerkers, server time response enzovoorts. Deze hulpmiddelen zijn er in twee vormen, de CLI (Command Line Interface) en Google Chrome-extensie.

FuseJS

Fuzzy-zoeken is een type zoekvoltooiing waar het wordt gebruikt geeft een aantal mogelijkheden terug, zelfs als deze niet exact overeenkomt met de zoekargumenten. Als u bijvoorbeeld zoekt naar 'naar', kan de resultante terugkeren Te doen, robot, en voet. Dit is een populaire zoekprestaties in de hedendaagse webapplicaties. FuseJS is een lichtgewicht JavaScript-bibliotheek waarmee u het eenvoudig op uw website kunt implementeren.

Garenset

Garen is a Node pakketbeheerder gebouwd door Facebook. Het werkt in principe vergelijkbaar met NPM, zij het met vorderingen op verschillende gebieden, zoals snelheden, 'offline-modus' waarmee u de pakketten kunt installeren zonder verbinding te maken met internet, en veiligheid en betrouwbaarheid.

Menu Cache

Een handige plug-in voor WordPress om WordPress Menu te cachen met Transient API om de querysnelheid van de database te verbeteren. De plug-in wordt geleverd met een aantal filters om pas de cachingperiode aan en andere dingen doen. Het kan worden geïnstalleerd met behulp van Composer of als een reguliere WordPress plug-in.

Githunt

Githunt is een extensie voor Google Chrome vervangt Chrome-startpagina door Github trending-repository. U kunt het resultaat sorteren op basis van de periode en de programmeertaal. Het is, denk ik, een programma dat u moet installeren voor elke ontwikkelaar om op de hoogte te blijven van de eenvoudigste tools die er zijn.

FFocus

Kunt u zich niet concentreren op uw werk en wilt u uw klus snel klaren? Probeer FFocus. Het is een CLI waarmee u de website voor een bepaalde duur via Terminal kunt blokkeren. FFocus kan zijn geïnstalleerd via NPM door het npm i ffocus -g commando.

Accesslint

AccesslintJS is een JavaScript-bibliotheek om uw website te valideren voor toegankelijkheid. Het gebruik van deze bibliotheek is net zo eenvoudig als het laden vóór de tag, en je zult krijgen alle waarschuwingen en fouten rechtstreeks bij de DevTools-console.

aannemelijk

Kleurbaar is a handige webapplicatie waarmee u een kleurencombinatie kunt genereren die voldoet aan de WCAG-richtlijnen en waarmee u ook uw website kunt maken toegankelijk voor gebruikers met een visuele beperking zoals kleurenblindheid.

Micon

Micon is een lettertypepictogram van geselecteerde Microsoft Windows 10-pictogrammen. Dit kan een zijn geweldige vervanging van FontAwesome waarvan ik denk dat het al te veel is gebruikt.

CSS-referentie

De naam zegt het al. Het is een CSS-verwijzing naar CSS-syntaxis opzoeken. Het wordt ook gepresenteerd op een leuke, prettige manier waardoor het een geweldig alternatief voor CSS-documentatie op MDN, als je denkt dat het te saai is.

Lokaal door Flywheel

Dit is GUI-app die het opzetten van een lokale WordPress-website zo eenvoudig in je macOS maakt. De app zit boordevol geweldige hulpprogramma's voor ontwikkelaars, zoals; “Een klik” WordPress installatie, SSH-toegang, eenvoudige SSL-instelling, siteblauwdruk en XIP.io. De app was geprijsd op ongeveer 149USD, maar is nu gratis gegeven sinds de aankoop door Flywheel.

FreeCodeCamp

Het is een gratis bron om code voor het web te leren. De onderwerpen omvatten HTML, CSS, JavaScript en a enkele bibliotheken zoals ReactJS en D3. Het zorgt voor uitdagingen of projectvoorbeelden terwijl u de cursussen volgt, maar ook tutorials voor helpen je het onderwerp beter te begrijpen.

OverPass-lettertype

OverPass-lettertype is een lettertypefamilie bestaande uit acht gewichten (200-900), echt cursief en monospace lettertype. Het lettertype kan ook als weblettertype worden geladen vanuit KeyCDN geïnstalleerd voor Desktopgebruik. Het is gratis en open source.

Formulierbasis

Formulierbasis is a set CSS-stijlregels die reset formulierelementen die bevatten invoer, checkbox, kiezen, en textarea met eenvoudige maar mooie stijlen. Deze CSS-bibliotheek is een goede gebruik in combinatie met een andere “CSS-resetter” zoals Normalize.css.

Voorkant

het is een framewerk dat wordt gebruikt om 24ways.org te bouwen; een geweldige bron waar je misschien naar kijkt om geavanceerde CSS-technieken te leren.

zege

ReactJS is in opmars en daarmee komt het een groot aantal extensies om dit te ondersteunen. Overwinning is een ReactJS-component om intercative en grafieken of datavisualisatie toe te voegen.

hel

Inferno is een JavaScript-bibliotheek om webinterface op mobiele apparaten te bouwen. Het is geïnspireerd door ReactJS vandaar inherent soortgelijke syntaxconventies. Het verschil is echter dat Inferno dat is gebouwd met prestaties in geest wat maakt het veel kleiner in omvang en geeft het ook een snellere weergavetijd.

Premonish

Permonish is een bibliotheek die dat kan de volgende interactie van gebruikers voorspellen. Dit zal je toestaan om bereid de gebruikersinterface (UI) perfecter voor voordat de daadwerkelijke gebruiker interactie heeft met uw website.

SPA Starter Kit

Dit is een voorbeeld van SPA (Single Page Application) gebouwd met Laravel en VueJS. Het is het nog nog een geweldige bron om webontwikkeling te leren met behulp van frameworks - kijk naar de bron Luke!

Docute

Docute is JavaScript-bibliotheek voor het samenstellen van een enkele pagina-documentatie. Het wordt gevoed met VueJS en wordt geleverd met een aantal knooppunt-hulpprogramma's die je toestaan opzetten en uw documentatie snel uitvoeren.