Friske ressourcer til webdesignere og udviklere (januar 2017)

Denne serie er kommet langt, som vi har oplevet Webudviklingsværktøjer kommer og går; en gang de skinner, et par måneder senere bliver de forældet med andre nyeste værktøjer. Ikke desto mindre har vi nogle friske værktøjer på listen for vores udviklere at udforske denne måned, som inkluderer JavaScript-biblioteker, et Sketch-plugin til responsivt UI-design, og et par CSS-rammer.

Klik for flere ressourcer

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

iTyped

Et JavaScript bibliotek, der giver dig mulighed for at præsentere maskinskrivning virkninger af en liste over tekst; en slags effekt, som du måske har set på internettet sidst. Dette JavaScript-bibliotek er Let at implementere med en håndfuld muligheder for at tilpasse effekten. Du kan installere dette bibliotek gennem NPM eller indlæse det via CDN på https://unpkg.com/[email protected].

Opera Neon

Opera plejede at være den første til at introducere fanebaseret browser, og siden da har vi browsere med såkaldte faner og hurtigopkald. Opera har for nylig udgivet sit nye initiativ, opkaldt Opera Neon. En ny browser med friskere grænseflade såsom såkaldt omnibox, split-screen mode og smukke tapet markeringer. Så kan Opera Neon ændre browserrummet igen? Dette skal vi se.

At.js

At.js er JavaScript-bibliotek, der giver dig mulighed for at tilføj smileys, nævne venner eller tagging; noget som vi har set på Slack, Twitter og Facebook. Dette plugin kræver jQuery, hvilket gør det muligt arbejde på Internet Explorer 7 og måske Internet Udforsk 6 også. Fantastisk!

Frigøre

Release gør Oprettelse af en ny version udgivelse af en software i Github mere effektivt. En ny version er normalt ledsaget af en changelog og dette modul giver dig mulighed for at udfylde changelog automatisk afledt af Git-commit-meddelelserne.

Prettier

Et JavaScript beautifier at sikre vores JavaScript-kode er formateret på en ensartet måde. Det understøtter ES2017 og JSX.

Ayu

Ayu er Sublime tekst tema med en frisk og moderne appel. Den leveres med 2 toner mørk og lys. Ayu betyder smuk i Indonesien, og så at sige; det gør Sublim Tekst UI mere smuk.

JSON Splora

EN letvægtsapplikation til redigering og visualisering af JSON-data. Appen er kompatibel med Windows, Linux og MacOS.

Zoome

Et JavaScript til at zoome billede graciøst. Optimeret til mobil, fungerer fint i hi-def skærmen, og er let tilpasses.

Ramme

Ramme er en Instagram desktop klient. Selvom det er uofficielt, men måske kan du lære et par Nye ting fra kildekoden.

Skift brugernavn

Et WordPress-plugin, der en gang aktiveret, tilføjer a “lave om” link ved siden af brugernavnet og giver dig mulighed for at ændre brugernavnet.

NodeifyWP

NodeifyWP er et helt unikt WordPress plugin. Det giver dig mulighed for at bruge WordPress som normalt derefter Udfør indholdet ved hjælp af et Node.js-modul. Jeg har ikke prøvet dette plugin på noget projekt. Men præsentationen jeg så i WordCamp Denpasar 2016, dette plugin ser meget lovende ud til at modernisere WordPress-udvikling.

ColorMe

ColorMe er helt i modsætning til andre farvegenerator apps, som jeg har set før. Bortset fra at generere farvekoder, giver appen også kontrol over justering af farve lysstyrke, skygge, nuance, mætning, kontrast osv.

WP-CLI pakker

EN indsamling af forlængelser af WP-CLI der tilføjer ekstra kommandolinjer og parametre til at udføre yderligere opgaver som f.eks implementering af WordPress til fjernserver, migrering af et WordPress-websted, spyling af cacher, og meget mere.

Skræddersy Page Builder

Et WordPress-plugin, der gør det muligt at Opret ikke-lineært indhold med en træk-og-slip-grænseflade. Proppen er udvidelig til en ny komponent til at tilføje unik indholdstype. Det giver WP-API til at administrere dette indhold også. Skræddersy Page Builder er langt det bedste plugin på denne kategori.

XVG

XVG er en Chrome-udvidelse, der viser SVG grafiske konturer og ankre der kan hjælpe dig med at fejle SVG genstande nemt.

RibbonJS

RibbonJS er et JavaScript-bibliotek, der gør det muligt for dig generere dekorative bånd på din hjemmeside, som du kan se følgende skærmbillede. Det er kun 1kb i størrelse og let at tilpasse.

Automatisk layout

Auto-Layout er en Skitse plugin, der giver et antal forudindstillede skærmstørrelser til at teste dit UI-design. Så du kan forsikre dig om, at designen ser lige så godt ud, om den ses på iPhone 5, iPhone 6 osv. Med plugin kan du også Definer brugerdefinerede størrelser, hvis den ikke er tilgængelig i forudindstillingen. Se, hvordan plugin'et er i aktion i denne video.

Funcssions

Funcssion er en indsamling af CSS klasser der følger Pure Function-princippet. Hver CSS klasse definerer et enkelt formål med styling. Denne CSS Framework er i øjeblikket et igangværende arbejde med flere funktioner til at introducere i fremtiden, som f.eks responsivt gitter, knapper mv.

Webslides

En letvægts og let at bruge rammer til at opbygge præsentationsglas bruger kun HTML og CSS. Webslides giver i øjeblikket et par gode diaseskabeloner, hvor du kan Start din diaspræsentation med det samme.

Resilient Web Design

Resilient Web Design er en online bog. Denne bog er ikke noget teknisk, i stedet dækker det historier, principper og opfindelser, der formidler internettet som vi ved i dagens verden. Jeg synes det er en god læse til weekenden.