Friske ressurser for webdesignere og utviklere (januar 2017)

Denne serien har kommet langt gjennom som vi har sett Webutviklingsverktøy kommer og går; en gang de skinner, noen måneder senere blir de foreldet med andre nyeste verktøy. Ikke desto mindre har vi noen ferske verktøy på listen for våre utviklere å utforske denne måneden som inkluderer JavaScript-biblioteker, et Sketch-plugin for responsivt brukergrensesnitt, og et par CSS-rammer.

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.

iTyped

Et JavaScript bibliotek som lar deg presentere typing effekter av en liste over tekst; en slags effekt som du kanskje har sett på nettet i det siste. Dette JavaScript-biblioteket er Lett å implementere med en håndfull alternativer for å tilpasse effekten. Du kan installere dette biblioteket gjennom NPM eller laste det via CDN på https://unpkg.com/[email protected].

Opera Neon

Opera pleide å være den første som introduserte fanebasert nettleser, og siden da har vi nettlesere med såkalte faner og hurtigvalg. Opera har nylig lansert sitt nye initiativ, navngitt Opera Neon. En ny nettleser med ferskere grensesnitt som såkalt omnibox, delt skjermmodus og vakkert bakgrunnsbilde valg. Så kan Opera Neon endre nettleserommet igjen? Dette må vi se.

At.js

At.js er JavaScript-bibliotek som lar deg legg til smileys, nevne venner eller merking; noe som vi har sett på Slack, Twitter og Facebook. Dette pluginet krever jQuery, som tillater det arbeid på Internet Explorer 7 og kanskje Internett Utforsk 6 også. Fantastisk!

Utgivelse

Frigivelsen gjør skaper en ny versjon av en programvare i Github mer effektivt. En ny utgivelse følger vanligvis med en changelog, og denne modulen lar deg fylle ut changelog automatisk avledet fra Git-commit-meldingene.

penere

Et JavaScript beautifier å sikre at JavaScript-koden er formatert på en konsistent måte. Den støtter ES2017 og JSX.

Ayu

Ayu er Sublime Tekst tema med en frisk og moderne appell. Den leveres med 2 toner mørk og lys. Ayu betyr vakker i Indonesia, og så å si; den gjør Sublim Text UI mer vakker.

JSON Splora

EN lett applikasjon for redigering og visualisering av JSON-data. Appen er kompatibel med Windows, Linux og MacOS.

zooming

Et JavaScript for å zoome bildet grasiøst. Optimalisert for mobil, fungerer fint i hi-def-skjermen, og er lett tilpassbar.

Ramme

Ramme er en Instagram desktop klient. Selv om det er uoffisielt, men kanskje du kan lære et par Nye ting fra kildekoden.

Endre brukernavn

Et WordPress-plugin som en gang ble aktivert, legger til a “endring” link ved siden av brukernavnet og lar deg endre brukernavnet.

NodeifyWP

NodeifyWP er et ganske unikt WordPress-plugin. Det lar deg bruke WordPress som vanlig da Utfør innholdet med en Node.js-modul. Jeg har ikke prøvd dette pluginet på noe prosjekt. Men presentasjonen jeg så i WordCamp Denpasar 2016, dette pluginet ser veldig lovende ut til å modernisere WordPress-utviklingen.

ColorMe

ColorMe er ganske ulikt andre fargegeneratorapper som jeg har sett før. Bortsett fra å generere fargekoder, gir appen også kontroll over justering av fargestyrken, skyggen, fargetone, metning, kontrast osv.

WP-CLI pakker

EN samling av utvidelser av WP-CLI som legger til ekstra kommandolinjer og parametere for å utføre flere oppgaver som for eksempel distribuere WordPress til ekstern server, migrere et WordPress-nettsted, flushing caches, og mye mer.

Skreddersydd sidebygger

Et WordPress-plugin som gjør det mulig å Lag ikke-lineært innhold med et dra-n-drop-grensesnitt. Pluggen er utvidbar for en ny komponent for å legge til unik innholdstype. Det gir WP-API for å administrere dette innholdet også. Skreddersydd sidebygger er langt det beste pluginet i denne kategorien.

XVG

XVG er en Chrome-utvidelse som viser SVG grafiske konturer og ankre som kan hjelpe deg med å feilsøke SVG-objektene enkelt.

RibbonJS

RibbonJS er et JavaScript-bibliotek som gjør det mulig å generer dekorative bånd på nettstedet ditt, som du kan se følgende skjermbilde. Det er bare 1kb i størrelse, og Lett å tilpasse.

Automatisk oppsett

Auto-Layout er en Sketch plugin som gir en rekke forhåndsinnstilte skjermstørrelser for å teste ditt UI-design. Så du kan forsikre deg om at designen ser like bra ut om den vises på iPhone 5, iPhone 6 osv. Pluggen lar deg også Definer egendefinerte størrelser hvis den ikke er tilgjengelig i forhåndsinnstillingen. Se hvordan pluginet er i bruk i denne videoen.

Funcssions

Funcssion er en samling av CSS klasser som følger Pure Function-prinsippet. Hver CSS-klasse definerer et enkelt formål med styling. Dette CSS Framework er for tiden et arbeid pågår med flere funksjoner for å introdusere i fremtiden, for eksempel responsivt rutenett, knapper osv.

WebSlides

En lett og Lett å bruke rammeverk for å bygge presentasjon lysbilder bruker bare HTML og CSS. Webslides gir for øyeblikket et par flotte lysbilder hvor du kan start lysbildefremvisningen umiddelbart.

Resilient webdesign

Resilient Web Design er en online bok. Denne boken er ikke noe teknisk, i stedet det dekker historier, prinsipper og oppfinnelser som formen på nettet som vi vet i dagens verden. Jeg synes det er en flott lesning for helgen.