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

Denna avgift kommer med en mängd olika resurser än en gång. Vi har källor för att inspirera din nästa målsida design, två sätt för kodare att dämpa effekterna av en lysande skärm, ett plugin för att bygga webblayouter med dra och släpp, ett jQuery-plugin för att spruce upp dina datumplockare och massor av JavaScript bibliotek för att hjälpa utvecklare.

Det finns också resurser på HTTP2, typografiska terminologier, byggande av tillgänglighets färdiga webbplatser och en sökmotor för programmering av språksyntax. Låt oss kolla in dem.

Klicka för mer resurser

Klicka för mer resurser

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

Landing Folio

Landing folio är en central plats där du kan hitta exempel på landningssidedesigner. Det finns hundratals exempel på webbplatsen, och du kan finjustera listan baserat på deras kategori. Detta är en absolut värd bokmärkning för webbdesigners.

Elementfrågor

En JavaScript som låter dig utföra Element Query. Elementfråga betecknas av @element och till skillnad från, @media, @element är medveten om många villkor bortom “höjd” och “bredd”. Du kan till exempel tillämpa stilar baserat på antalet tecken i elementet.

HTTP2

HTTP2 är den senaste specifikationen för HTTP med betydande förändringar. Det lovar bättre prestanda och effektiv dataöverföring. I denna resurs kan du hitta dessa ändringar (i detalj), dess inverkan på säkerhet, hastighet och användarupplevelse.

Elementor

Elementor är ett WordPress-plugin som låter dig bygga webblayouter med drag-n-drop. Med Elementor kan du bygga en mer övertygande layout. Det är lyhört, fullt anpassningsbart och användarvänligt.

TimeDropper

Denna plugin är utrustad med några animeringar som gör att välja datum på webben mer engagerande. Dessutom finns alternativ för att ändra användargränssnittet. Det är ett jQuery-plugin för snyggare datumplockare.

SyntaxDB

En sökmotor för att söka efter programmeringsspråk syntax. Det stöder för närvarande ett antal språk, inklusive Java, C, Ruby, JavaScript och Python. Detta kan vara den ultimata sökmotorn för utvecklare, eftersom databasen och språkstödet växer.

Github Dark UI

Github Dark UI är ett mörkare färgtema för Github.com. Detta kan vara ett bra alternativ färgschema, om du arbetar under dimmade miljöer eller måste stirra på skärmen under långa perioder.

Micro

I stället för att markera koden med olika färger, som du kan se nedan, gör Microlight koden “glöd”. Ett JavaScript-bibliotek som framhäver kod - bokstavligen.

BarbaJS

BarbaJS är ett JavaScript-bibliotek som möjliggör en smidig sidövergång via JavaScript History API / pushState. Denna plugin kommer med metoder, anpassade händelser och en handfull API för att ge en jämnare upplevelse för sidor på din webbplats. Här är några exempel.

TypeTerms

Någonsin undrar vad de olika mellan “teckenavstånd” och “kerning” är? TypeTerms är en interaktiv presentation där du kan lära dig dessa förvirrande typografiska terminologier.

Smör böna

Smör böna är ett nytt och sofistikerat plugin för att bygga Meta Box i WordPress. Den är utvecklad enligt den moderna WordPress Customizer API-arkitekturen. Det gör byggandet av denna speciella WordPress-administratörs-UI mer elegant.

Barn Tema Check

Ett WordPress-plugin för att kontrollera ditt barntema mot föräldertemat; Det kommer att kontrollera om de filer som barntemat bygger på är uppdaterade.

CloudFlare UI

CloudFlare UI är en samling UI-komponenter byggda ovanpå React. Med tanke på Reacts popularitet är stigande, kan det finnas ett antal liknande användargränssnitt där ute.

Lerna

Att behöva hantera flera paket och repositorier i ett stort projekt är oundvikligt. Med det här verktyget kan du hantera denna situation och så småningom effektivisera ditt arbetsflöde.

Ta det lugnt

Ta det lugnt är ett JavaScript-bibliotek för att minska CPU-användningen. Det ger en uppsättning funktioner som kan användas istället för JavaScript-infödda funktioner. Den kan distribueras på en vanlig webbplats eller ingen Node.js-baserad applikation.

GEL typografi

GEL typografi är den typografiska stilguiden för BBC. En stor resurs och inspiration om hur du kan standardisera dina typografiska stilar.

MIND Mönster

MIND Patterns är en praktisk guide för att bygga en tillgänglig e-handelswebbplats. Det ger guider när det gäller att bygga HTML, använda ARIA-etiketten och komponera CSS-format som är användarvänliga för användare med funktionshinder.

CSS Specificitet

En samling av illustrationer som beskriver hur CSS Specificity fungerar.

CSS Dig

En Chrome-förlängning som hjälper dig att optimera CSS. Det kommer att skrapa din sida och ge med rapporten, listan över begagnade egenskaper som färger.

Mall Stash

En samling handplockade mallar där du kan hitta en mängd olika mallar inklusive HTML5, WordPress, Ghost, Bootstrap och e-handelsmallar.