Friska resurser för webbdesigners och utvecklare (januari 2017)

Denna serie har kommit långt och vi har bevittnat webbutvecklingsverktyg kommer och går; en gång de lyser, några månader senare blir de föråldrade med andra senaste verktyg. Ändå har vi några färska verktyg på listan för våra utvecklare att utforska den här månaden som inkluderar JavaScript-bibliotek, en Sketch-plugin för responsiv UI-design, och ett par CSS-ramar.

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.

iTyped

En JavaScript bibliotek som låter dig presentera skriver effekter av en lista med text; en slags effekt som du kanske sett på webben på senare tid. Detta JavaScript-bibliotek är Lätt att implementera med en handfull alternativ för att anpassa effekten. Du kan installera det här biblioteket via NPM eller ladda det via CDN på https://unpkg.com/[email protected].

Opera Neon

Opera brukade vara den första som introducerar flikbaserad webbläsare, och sedan dess har vi webbläsare med så kallade flikar och kortnummer. Opera har nyligen släppt sitt nya initiativ, namnet Opera Neon. En ny webbläsare med fräschare gränssnitt som så kallad omnibox, split-skärmsläge och vacker tapeter markeringar. Så kan Opera Neon ändra webbläsarutrymmet igen? Detta måste vi se.

At.js

At.js är ett JavaScript-bibliotek som tillåter dig att lägg till smileys, nämna vänner eller taggning; något som vi har sett på Slack, Twitter och Facebook. Det här pluginet kräver jQuery, vilket tillåter det arbeta på Internet Explorer 7 och kanske Internet Utforska 6 också. Fantastisk!

Släpp

Släpp gör skapa en ny version av en programvara i Github mer effektiv. En ny release är vanligtvis åtföljd av en changelog och denna modul kan du fylla i changelog automatiskt härledd från Git-commit-meddelandena.

Sötare

En JavaScript beautifier Att se till att vår JavaScript-kod är formaterad på ett konsekvent sätt. Den stöder ES2017 och JSX.

ayu

Ayu är Sublim Text Text med en ny och modern appell. Den kommer med 2 toner mörk och ljus. Ayu betyder vacker i Indonesien, och så att säga; Det gör Sublim Text UI vackrare.

JSON Splora

en lätt applikation för redigering och visualisering av JSON-data. Appen är kompatibel med Windows, Linux och MacOS.

zoomning

En JavaScript för att zooma bilden graciöst. Optimerad för mobil, fungerar snyggt på hi-def-skärmen och är lätt anpassningsbar.

Ramme

Ramme är en Instagram-skrivbordsklient. Även om det är inofficiellt, men kanske du kan lära dig ett par Nya saker från källkoden.

Ändra användarnamn

Ett WordPress-plugin som en gång aktiverat, lägger till a “Byta” länk bredvid användarnamnetingången och kan du ändra användarnamnet.

NodeifyWP

NodeifyWP är ett ganska unikt WordPress-plugin. Det låter dig använda WordPress som vanligt då Utför innehållet med en Node.js-modul. Jag har ännu inte provat det här pluginet på något projekt. Men presentationen jag såg i WordCamp Denpasar 2016, detta plugin ser väldigt lovande ut att modernisera WordPress-utveckling.

ColorMe

ColorMe är ganska annorlunda än andra färggeneratorns appar som jag har sett tidigare. Bortsett från att skapa färgkoder, ger appen också kontroll över att justera färgens ljusstyrka, nyans, färgton, mättnad, kontrast osv.

WP-CLI-paket

en samling av förlängningar av WP-CLI som lägger till extra kommandoradslinjer och parametrar för att utföra ytterligare uppgifter som en för distribuera WordPress till fjärrserver, migrera en WordPress-webbplats, spolning av cacher, och mycket mer.

Skräddarsidiga byggare

Ett WordPress-plugin som gör att du kan skapa icke-linjärt innehåll med ett drag-och-släpp-gränssnitt. Pluggen är utbyggbar för en ny komponent för att lägga till en unik innehållstyp. Det tillhandahåller WP-API för att hantera detta innehåll också. Skräddarsida Builder är överlägset det bästa pluginet i den här kategorin.

XVG

XVG är en Chrome-förlängning som visar SVG grafiska konturer och ankare som kan hjälpa dig att felsöka SVG-objekten enkelt.

RibbonJS

RibbonJS är ett JavaScript-bibliotek som gör att du kan skapa dekorativa band på din webbplats, som du kan se följande skärmdump. Det är bara 1kb i storlek och lätt att anpassa.

Automatisk layout

Auto-Layout är en Sketch plugin som ger ett antal förinställda skärmstorlekar för att testa din UI-design. Så du kan försäkra att designen ser lika bra ut om den ses på iPhone 5, iPhone 6 etc. Med plugin kan du också definiera anpassade storlekar om det inte är tillgängligt i förinställningen. Se hur plugin in action i den här videon.

Funcssions

Funcssion är a samling av CSS klasser som följer Pure Function-principen. Varje CSS-klass definierar ett enda syfte med styling. Denna CSS Framework är för närvarande ett pågående arbete med fler funktioner att introducera i framtiden, till exempel responsivt nät, knappar osv.

WebSlides

En lätt och lätt att använda ram för att bygga presentationsglas använder bara HTML och CSS. Webslides ger för närvarande ett par fina bildrutor där du kan starta din bildpresentation omedelbart.

Motståndskraftig webbdesign

Resilient Web Design är en online-bok. Den här boken är inte teknisk, den täcker istället historier, principer och uppfinningar som formar webben som vi vet i dagens värld. Jag tycker att det är en bra läsning för helgen.