Verse hulpbronnen voor webontwerpers en ontwikkelaars (juli 2016)

Deze aflevering wordt opnieuw geleverd met een breed scala aan bronnen. We hebben bronnen om uw volgende bestemmingspagina-ontwerp te inspireren, twee manieren voor codeerders om de effecten van een in het oog springend scherm te dimmen, een plug-in voor het bouwen van weblay-outs met slepen en neerzetten, een jQuery-plug-in voor het opknappen van uw datumplukkers en veel JavaScript bibliotheken om ontwikkelaars te helpen.

Ook inbegrepen zijn bronnen op HTTP2, typografische terminologieën, het bouwen van sites die geschikt zijn voor toegankelijkheid en een zoekmachine voor het programmeren van syntaxis van talen. Laten we ze eens bekijken.

Klik voor meer bronnen

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

Landing Folio

Landingsfolie is een centrale plaats waar u voorbeelden van ontwerpen van bestemmingspagina's kunt vinden. Er zijn honderden voorbeelden op de site en u kunt de lijst finetunen op basis van hun categorie. Dit is zeker de moeite waard om te bookmarken voor webontwerpers.

Element Queries

Een JavaScript waarmee u kunt spelen Element Query. Element-query wordt aangegeven met @element en in tegenstelling tot, @media, @element is zich bewust van vele andere omstandigheden “hoogte” en “breedte”. U kunt bijvoorbeeld stijlen toepassen op basis van de aantal tekens in het element.

HTTP2

HTTP2 is de nieuwste specificatie van HTTP met belangrijke wijzigingen. Het belooft betere prestaties en een efficiënte gegevensoverdracht. In deze bron kunt u deze wijzigingen (tot in de kleinste details), de impact ervan op de beveiliging, snelheid en gebruikerservaring vinden.

Elementor

Elementor is een WordPress-plug-in waarmee u weblay-outs kunt bouwen met drag-n-drop. Met Elementor kunt u een meer aantrekkelijke lay-out maken. Het is responsief, volledig aanpasbaar en gebruiksvriendelijk.

TimeDropper

Deze plug-in is uitgerust met een paar animaties die het selecteren van datums op het web boeiender maken. Bovendien zijn er opties beschikbaar voor het wijzigen van het uiterlijk van de gebruikersinterface. Het is een jQuery-plug-in voor liefhebber datum-pickers.

SyntaxDB

Een zoekmachine om syntaxis van programmeertalen te zoeken. Het ondersteunt momenteel een aantal talen, waaronder Java, C, Ruby, JavaScript en Python. Dit kan de ultieme zoekmachine voor ontwikkelaars zijn als de database en taalondersteuning groeit.

Github Dark UI

Github Dark UI is een donkerder kleurenthema voor Github.com. Dit kan een goed alternatief kleurenschema zijn als u in een verlichte omgeving werkt of lange tijd naar het scherm moet staren.

microlight

In plaats van de code met verschillende kleuren te markeren, zoals u hieronder kunt zien, maakt Microlight de code “gloed”. Een JavaScript-bibliotheek die code benadrukt - letterlijk.

BarbaJS

BarbaJS is een JavaScript-bibliotheek die een vlotte pagina-overgang mogelijk maakt via JavaScript History API / pushState. Deze plug-in wordt geleverd met methoden, aangepaste gebeurtenissen en een handvol API's om een vloeiendere ervaring te bieden voor pagina's op uw website. Hier zijn enkele voorbeelden.

TypeTerms

Ooit afgevraagd wat het verschil tussen “letterafstand” en “kerning” is? TypeTerms is een interactieve presentatie waarin je deze verwarrende typografische terminologieën kunt leren.

Butterbean

Butterbean is een nieuwe en geavanceerde plug-in om Meta Box te bouwen in WordPress. Het is ontwikkeld volgens de moderne WordPress Customizer API-architectuur. Het maakt het bouwen van deze specifieke WordPress-gebruikersinterface voor beheerders eleganter.

Kind Themacheck

Een plug-in voor WordPress om uw kindthema te vergelijken met het bovenliggende thema; het zal controleren of de bestanden waarop het Childthema vertrouwt, worden bijgewerkt.

CloudFlare gebruikersinterface

CloudFlare gebruikersinterface is een verzameling UI-componenten bovenop React. Gezien de populariteit van React in de lift zit, kan er een aantal soortgelijke UI-frameworks zijn.

Lerna

Het hebben van meerdere pakketten en repositories in een groot project is onvermijdelijk. Met deze tool kunt u deze specifieke situatie afhandelen en uiteindelijk uw workflow stroomlijnen.

Ontspan

Ontspan is een JavaScript-bibliotheek om het CPU-gebruik te verminderen. Het biedt een reeks functies die kunnen worden gebruikt in plaats van JavaScript native-functies. Het kan worden geïmplementeerd op een reguliere website of niet op een Node.js-gebaseerde applicatie.

GEL-typografie

GEL-typografie is de typografische stijlgids van BBC. Een geweldige bron en inspiratie voor hoe u uw typografische stijlen kunt standaardiseren.

MIND-patronen

MIND-patronen is een praktische gids om een toegankelijke e-commerce website te bouwen. Het biedt handleidingen voor het bouwen van HTML, het gebruik van het ARIA-label en het samenstellen van CSS-stijlen die gebruiksvriendelijk zijn voor gebruikers met een handicap.

CSS-specificiteit

Een verzameling illustraties die beschrijven hoe CSS Specificity werkt.

CSS Dig

Een Chrome-extensie die u helpt bij het optimaliseren van CSS. Het zal je pagina schrappen en voorzien van het rapport, de lijst met gebruikte eigenschappen zoals kleuren.

Sjabloon Stash

Een verzameling met de hand geselecteerde sjablonen waar u een breed scala van sjablonen kunt vinden, waaronder HTML5, WordPress, Ghost, Bootstrap en e-Commerce sjablonen.