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

Fresh Resouces for Web Developers-serien har springa i ca 4 år nu, och upprätthållande av denna serie har starkt gett mig insikt om hur webben utvecklas under åren. Det finns Nya verktyg kommer ut varje månad för att göra webbutveckling enklare.

I den här avgiften har vi samlat in ett antal nya verktyg, som inkluderar JavaScript-bibliotek, ett par CSS-bibliotek och referens för att förbättra din skicklighet. Låt oss kolla in dem.

Klicka för mer resurser

Hitta hela vår samling av rekommenderade resurser och de bästa webbdesign och utvecklingsverktygen som finns tillgängliga.

Rubrik

JavaScript är tar över skrivplattformen för bärbarhet över olika plattformar, samt att fungera lika bra som den inhemska appen. Den här appen, Rubrik, till exempel är byggd på toppen av Electron. Det är en enkel app som låter dig söka undertextfiler (.srt) för att bifoga videon du tittar på.

Fantastisk OSX-kommandorad

En enorm lista över användbara och praktiska kommandoraden för macOS. Här kan du hitta många saker som kan göras genom CLI som “rensa utskriftskön”, “gömma mappen i Finder”, och “förhindrar system sömn”.

Trevor

Trevor är helt enkelt Travis CI gjort off-line. Travis är en kontinuerlig integrationstjänst där utvecklare testar sin programvara för att se om mjukvaran fungerar korrekt flera miljöer. Trevor är fortfarande i sitt tidiga skede; det stöder för närvarande bara “NodeJS”.

gradvis

En bra JavaScript bibliotek för att ladda bilden progressivt, därav namnet. Den lilla bilden kommer att serveras och suddas medan webbläsaren laddar hela bilden. Detta hjälper din webbplats att ladda mycket snabbare speciellt om den innehåller stora bilder.

QartJS

Detta är en JavaScript som gör QR-koden mindre tråkig. Med detta kan du överla QR-koden över en bild - till exempel ditt foto.

WP Docker

WP Docker är en Dockermiljö som är utformad speciellt för att utveckla WordPress. Miljön är självständig och påverkar inte ditt datorsystem om du har gjort konfiguration. Det är en bra alternativ till Vagrant, Betjänt, Lokalt och MAMP.

Rellax

Rellax är ett JavaScript-bibliotek till skapa Parallax-effekt på sidrullen. Den levereras med få alternativ och relativt lätt att konfigurera. Det är lätt, springa super snabbt och kräver inget beroende som jQuery Det är därför ett bra alternativ till andra bibliotek i den här kategorin, som Parallax.js eller Scrollax.js.

Artikulera

Ännu ett coolt JavaScript-bibliotek. Articulate ger syntetisk röst till din webbplats. Det är kunna analysera och läsa din webbplats, så småningom kan förbättra webbplatsens tillgänglighet för användare med nedsatt synbarhet.

MonetizeJS

MonetizeJS är ett JavaScript-bibliotek till implementera stripe enkelt; lika enkelt som att använda jQuery.

Vonic

Vonic är en samling av gränssnitt för mobil byggd med Vue.js och Ionic CSS. Den innehåller många UI-komponenter som vanligtvis finns i en mobil inklusive Checkbox, Sökformulär, Swiper och så kallad Accordion. Du kan använda för att bygga en mobilapplikation prototyp precis i webbläsaren.

WordPress Component Library

10up, ett av de framstående namnen i WordPress, släppte ett UI-bibliotek utformat specifikt för WordPress. Till skillnad från andra UI-bibliotek som endast tillhandahåller CSS och HTML-koder, tillhandahåller 10Up också PHP-kodstycket som du kan klistra in i ditt tema. Komponenten innehåller Navigation, Tabs, Tooltips, Commonts och Blogrol.

JavaScript Start-up Performance

En fantastisk och detaljerade artiklar från Addy Osmani, en av Googles ingenjörer, hur man skriver JavaScript som kör super snabbt. Jag uppmuntrar dig att läsa igenom det till nivå upp din JavaScript-skicklighet.

KuteJS

Kute är a JavaScript-bibliotek för att utföra animering. Det är flammande snabbt och super effektivt vid minneskonsumtion. Den har tillägg och extra verktyg för att tillåta tillämpning av animering i CSS, SVG, och till och med ett jQuery-plugin för mer bekväm syntax.

PWA Rocks

Progressiv webbapplikation (PWA) är en metod som tillåter en webbplats att köras snabbt och användbar offline. Denna PWA Rocks listar en som godkänts av Google som en PWA. Till Läs mer om PWA från Google ta en titt på: Progressive Web Apps.

Github Auto-updater

Github Auto-Updater är Kompositörsbiblioteket som låter din plugin uppdateras från Github. Detta är ett praktiskt skript för utvecklare att behålla plugins för sina kunder utan ladda upp det nödvändigtvis till Github-arkivet.

Kort

Kortet är ett JavaScript-bibliotek Det gör kreditkortingången mer engagerande och förbättrar din användarupplevelse när du matar in sina kreditkortsnummer. Det fungerar bra med jQuery, React, Angular och Ember.

Graaf

Graaf ge en överlagring över din sida för att se hur rutnätet - kolumnen, raden, rännan - läggs ut. Du kan också skapa din egen nätspecifikation med hjälp av API som tillhandahålls.

Luxbar

Luxbar är en CSS-ramverket för att enkelt skapa en responsiv navigering; Lägg bara till stilarket och lägg till HTML korrekt. Du kan installera det här biblioteket genom NPM, Bower, eller länka stilarket direkt från CDN.

Kontraststöd

En lista av Tabellen visar färgkontrast och deras accesibilitetsklass baserat på WCAG 2.0. Du kan ändra värdet på bordet och snabbt ta reda på om färgkombinationen överensstämmer med WCAG-standarden.

ToneJS

ToneJS är ett JavaScript-bibliotek till skapa en ton eller ett ljud som kan tyckas komma från ett musikinstrument. Jag antar att det här biblioteket kommer att vara till nytta för att bygga en webbaserad musikinstrumentemulator eller en spelljudseffekt.