Friske ressourcer til webdesignere og udviklere (juli 2016)

Denne rate kommer igen med en lang række ressourcer. Vi har kilder til at inspirere til dit næste landingsside design, to måder til kodere at dæmpe virkningerne af en skarp skærm, et plugin til opbygning af weblayouter med træk og slip, et jQuery-plugin til sprucing up your date pickers og masser af JavaScript biblioteker for at hjælpe udviklere.

Også inkluderet er ressourcer på HTTP2, typografiske terminologier, opbygning af tilgængelighedsreparerede websteder og en søgemaskine til programmeringssprogssyntax. Lad os tjekke dem ud.

Klik for flere ressourcer

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

Landing Folio

Landing folio er et centralt sted, hvor du kan finde eksempler på landingsdesign. Der findes hundredvis af eksempler på webstedet, og du kan finjustere listen ud fra deres kategori. Dette er en absolut værd bogmærkning for webdesignere.

Element forespørgsler

Et JavaScript, der giver dig mulighed for at udføre Element Query. Element forespørgsel betegnes af @element og i modsætning til, @medier, @element er opmærksom på mange forhold ud over “højde” og “bredde”. Du kan f.eks. Anvende stilarter baseret på antallet tegn i elementet.

HTTP2

HTTP2 er den seneste specifikation af HTTP med betydelige ændringer. Det lover bedre ydelse og effektiv dataoverførsel. I denne ressource kan du finde disse ændringer (i detaljer), dens indvirkning på sikkerhed, hastighed og brugeroplevelse.

Elementor

Elementor er et WordPress-plugin, der giver dig mulighed for at opbygge weblayouter med drag-n-drop. Med Elementor kan du bygge et mere overbevisende layout. Det er lydhør, fuldt tilpasset og brugervenligt.

TimeDropper

Dette plugin er udstyret med et par animationer, der gør valg af datoer på nettet mere engagerende. Derudover er der mulighed for at ændre brugergrænsefladen. Det er et jQuery-plugin til mere avancerede date-pickers.

SyntaxDB

En søgemaskine til at søge efter syntaks for programmeringssprog. Det understøtter i øjeblikket en række sprog, herunder Java, C, Ruby, JavaScript og Python. Dette kunne være den ultimative søgemaskine til udviklere, da databasen og sprogstøtten vokser.

Github Dark UI

Github Dark UI er et mørkere farvetema for Github.com. Dette kunne være et godt alternativ farveskema, hvis du arbejder under dimmede omgivelser eller skal stirre på skærmen i lange perioder.

Microlight

I stedet for at fremhæve koden med forskellige farver, som du kan se nedenfor, gør Microlight koden “glød”. Et JavaScript-bibliotek, der fremhæver kode - bogstaveligt.

BarbaJS

BarbaJS er et JavaScript-bibliotek, der muliggør en jævn sideovergang gennem JavaScript History API / pushState. Dette plugin kommer med metoder, brugerdefinerede arrangementer og en håndfuld API'er, der giver en jævnere oplevelse for sider på din hjemmeside. Her er nogle eksempler.

TypeTerms

Nogensinde undres hvad de forskellige mellem “brevafstand” og “knibning” er? TypeTerms er en interaktiv præsentation, hvor du kan lære disse forvirrende typografiske terminologier.

butterbean

butterbean er et nyt og sofistikeret plugin til at opbygge Meta Box i WordPress. Den er udviklet efter den moderne WordPress Customizer API-arkitektur. Det gør bygningen denne WordPress admin-brugergrænseflade mere elegant.

Barn Tema Tjek

Et WordPress-plugin til at kontrollere dit børntema mod forældetemaet; det vil kontrollere, om de filer, barnetemaet er afhængig af, opdateres.

CloudFlare UI

CloudFlare UI er en samling UI komponenter bygget oven på React. I betragtning af Reacts popularitet er der stigende, kan der være en række lignende UI-rammer derude.

Lerna

At skulle administrere flere pakker og repositorier i et stort projekt er uundgåeligt. Dette værktøj giver dig mulighed for at håndtere denne særlige situation og i sidste ende strømline din arbejdsgang.

Slap af

Slap af er et JavaScript-bibliotek til at reducere CPU-brug. Det giver et sæt funktioner, som kan bruges i stedet for JavaScript-indfødte funktioner. Det kan implementeres på et almindeligt websted eller ikke en Node.js baseret applikation.

GEL Typografi

GEL Typografi er den typografiske stil guide af BBC. En stor ressource og inspiration til, hvordan du kan standardisere dine typografiske stilarter.

MIND Mønstre

MIND Patterns er en praktisk vejledning til at opbygge en tilgængelig e-handelswebsite. Det giver vejledninger med hensyn til at opbygge HTML, ved hjælp af ARIA-mærket og komponere CSS-stilarter, der er brugervenlige for brugere med handicap.

CSS Specificitet

En samling af illustrationer, der beskriver, hvordan CSS Specificity fungerer.

CSS Dig

En Chrome-udvidelse, der hjælper dig med at optimere CSS. Det vil skrabe din side og give med rapporten, listen over brugte egenskaber som farver.

Skabelon

En samling håndplukkede skabeloner, hvor du kan finde en bred vifte af skabeloner, herunder HTML5, WordPress, Ghost, Bootstrap og e-handelsskabeloner.