Friske ressurser for webdesignere og utviklere (juli 2016)

Denne avgiften kommer igjen med et bredt utvalg av ressurser. Vi har kilder til å inspirere til ditt neste landingsside-design, to måter for kodere å redusere effekten av en skarp skjerm, et plugin for å bygge weboppsett med dra og slipp, et jQuery-plugin for å sprukke opp dato-plukkerne, og masse JavaScript biblioteker for å hjelpe utviklere.

Også inkludert er ressurser på HTTP2, typografiske terminologier, bygging av tilgjengelighetsklare nettsteder og en søkemotor for programmeringsspråk-syntaks. La oss sjekke dem ut.

Klikk for flere ressurser

Klikk for flere ressurser

Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.

Landing Folio

Landing folio er et sentralt sted hvor du kan finne eksempler på landingsdesign. Det finnes hundrevis av eksempler på nettstedet, og du kan finjustere listen basert på deres kategori. Dette er en absolutt verdt bokmerke for webdesignere.

Element Queries

Et JavaScript som lar deg utføre Element Query. Elementforespørsel er betegnet av @element og i motsetning til, @media, @element er klar over en rekke forhold utenfor “høyde” og “bredde”. Du kan for eksempel bruke stiler basert på talltegnene i elementet.

HTTP2

HTTP2 er den nyeste spesifikasjonen av HTTP med betydelige endringer. Det lover for bedre ytelse og effektiv dataoverføring. I denne ressursen kan du finne disse endringene (i detalj), dens innvirkning på sikkerhet, hastighet og brukeropplevelse.

Elementor

Elementor er et WordPress-plugin som lar deg bygge weboppsett med drag-n-drop. Med Elementor kan du bygge en mer overbevisende layout. Det er responsivt, fullt tilpassbart og brukervennlig.

TimeDropper

Denne plugin er utstyrt med noen animasjoner som gjør valg av datoer på nettet mer engasjerende. I tillegg er det tilgjengelige alternativer for å endre UI-utseendet. Det er et jQuery-plugin for mer avanserte date-plukkere.

SyntaxDB

En søkemotor for å søke etter programmeringsspråk syntaks. Den støtter for tiden en rekke språk, inkludert Java, C, Ruby, JavaScript og Python. Dette kan være den ultimate søkemotoren for utviklere som databasen og språkstøtten vokser.

Github Dark UI

Github Dark UI er et mørkere fargetema for Github.com. Dette kan være et godt alternativ fargevalg, hvis du arbeider under dimmede omgivelser eller må stirre på skjermen i lange perioder.

Microlight

I stedet for å markere koden med forskjellige farger, som du kan se nedenfor, gjør Microlight koden “gløde”. Et JavaScript-bibliotek som fremhever kode - bokstavelig talt.

BarbaJS

BarbaJS er et JavaScript-bibliotek som muliggjør jevn sideovergang gjennom JavaScript History API / pushState. Denne plugin-modulen kommer med Metoder, egendefinerte hendelser og en håndfull APIer for å gi en jevnere opplevelse for sider på nettstedet ditt. Her er noen eksempler.

TypeTerms

Noen gang lurt på hva som er forskjellig mellom “avstand mellom bokstavene” og “kniping” er? TypeTerms er en interaktiv presentasjon der du kan lære disse forvirrende typografiske terminologiene.

Butterbean

Butterbean er et nytt og sofistikert plugin for å bygge Meta Box i WordPress. Den er utviklet etter den moderne WordPress Customizer API-arkitekturen. Det gjør byggingen av denne spesielle WordPress admin-brukergrensesnittet mer elegant.

Barn Tema Sjekk

Et WordPress-plugin for å sjekke ditt Barn-tema mot foreldetemaet; Det vil sjekke om filene Barnetema er avhengig av, blir oppdatert.

CloudFlare brukergrensesnitt

CloudFlare brukergrensesnitt er en samling UI komponenter bygget på toppen av React. Tatt i betraktning Reacts popularitet er i ferd med å øke, kan det være en rekke lignende UI-rammer der ute.

Lerna

Å måtte administrere flere pakker og repositorier i et stort prosjekt er uunngåelig. Dette verktøyet lar deg håndtere denne situasjonen og til slutt strømlinjeforme arbeidsflyten din.

Slapp av

Slapp av er et JavaScript-bibliotek for å redusere CPU-bruken. Det gir et sett med funksjoner som kan brukes i stedet for JavaScript innfødte funksjoner. Den kan distribueres på en vanlig nettside eller ikke en Node.js-basert applikasjon.

GEL typografi

GEL typografi er den typografiske stilguiden til BBC. En stor ressurs og inspirasjon om hvordan du kan standardisere typografiske stiler.

MIND Mønster

MIND Patterns er en praktisk guide til å bygge et tilgjengelig e-handelsnettsted. Den gir veiledninger når det gjelder å lage HTML, bruke ARIA-etiketten og komponere CSS-stiler som er brukervennlige for brukere med funksjonshemninger.

CSS spesifisitet

En samling illustrasjoner som beskriver hvordan CSS-spesifisitet fungerer.

CSS Dig

En Chrome-utvidelse som hjelper deg med å optimalisere CSS. Det vil skrap din side og gi med rapporten, listen over brukte egenskaper som farger.

Malestopp

En samling håndplukkede maler hvor du kan finne en rekke typer maler, inkludert HTML5, WordPress, Ghost, Bootstrap og e-handelsmaler.