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

Med CLI (Command Line Interface) kan vi effektivisera och automatisera arbetsflöden för webbutveckling. Och det är därför vi har inkluderat ganska många fantastiska CLI-filer som du kan installera på din lokala dator eller att köra några saker på servern. Utöver det har vi också inkluderat några PHP-verktyg, webbläsartillägg och JavaScript-bibliotek. Låt oss kolla in dem.

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.

Guetzli

En ny kodare från Google det tillåter att komprimera bilden ner med upp till 35% från den ursprungliga storleken samtidigt som kvaliteten behålls. Det är ganska ett genombrott med tanke på att liknande öppna källkodare, t.ex. JPEGOptim och jpegtran, är begränsade till endast 20% på avarage. Jag kan se att det kommer att finnas ett antal appar och plugins för CMS-plattformen som integrerar Guetzli för att optimera JPEG-filer.

Utvecklarvägkarta

Som namnet antyder är Developer Roadmap en infografiska resan att vara webbutvecklare. Det finns tre kurser Front-end, Back-end och DevOps. Dessa färdplaner är som, ja, en karta; och är en bra referens att se där vi är närvarande på, vad vi kanske har missat, och var vi ska gå nästa.

Netlify CMS

SmashingMagazine har nyligen gjort en djärva flytt till dunk WordPress och prova något nytt helt med ett nytt CMS som heter Netlify CMS. Det är ett nytt CMS byggt på toppen av React.js och kan vara integrerad med någon statisk platsgenerator som Jekyll, Hugo och MiddleMan.

BadSSL

Det är en webbplats för att kontrollera din SSL-konfiguration. BadSSL är ett praktiskt verktyg för att utföra felsökning och fel över SSL installerad på din webbplats.

alix

Alix är a Chrome-förlängning som låter dig granska din webbplatsens tillgänglighet. När pluggen har installerats och aktiverats lägger en överläggningsfack över ett antal element på sidan som utgör varning eller fel.

AR.js

AR.js är JavaScript-bibliotek i motsats till de andra. Med detta bibliotek kan vi skapa Augmented Reality med hjälp av webbteknologi och går förvånansvärt riktigt snabbt på mobiltelefoner.

Reaktionstendens

Det är en reagera komponent från Unsplash för att skapa härligt linjediagram för att visa trender. Komponenten är konfigurerbar; Du kan ställa in tyngdstjockleken, färgen, gradienterna och kurvens jämnhet. Du kan helt enkelt använda GUI till generera bekvämt komponentkoden.

Gitee

en macOS-applikation för att övervaka din Github-aktivitet direkt från skrivbordet, Gitee lägger till ett nytt objekt på statusfältet som visar antal stjärnor, följare och anmälan. Dessutom kan du också visa diagram över ditt tryck och förbinder sig på ett förråd samt trendingförvaret på den aktuella månaden och veckan. Det är Github på skrivbordet i ett nötskal.

Goops

Goops är en användbar CLI som analyserar din projektkatalog och bestämma kataloger och filer som ska läggas till i .gitignore. CLI kan installeras via NPM. När du har installerat, skriv goops och gjort.

Debug CSS

DebugCSS är en CSS-inmatningsverktyget som låter dig analysera och validera din CSS-utmatning i webbläsaren. Det fungerar ganska likt Alix, när du laddar debugCSS-stilarket eller använder bokmärket, det belyser elementen på sidan som utgör fel eller varningar.

EagleJS

EagleJS är en JavaScript-bibliotek för att skapa presentation liknande RevealJS. EagleJS är olika på vissa sätt; Det är byggt med Vue.js, en JavaScript MVC ram och använder Pug som templerande system för att bygga bilden.

BootstrapTour

en JavaScript-biblioteket för att skapa popup-guider med en Bootstrap-komponent. Popupguiderna visas vanligen för ny användare att gå igenom programgränssnittet, nya funktioner och för att visa tips. Det är ett perfekt bibliotek om din webbplats är byggd med Bootstrap också.

Tegel

Tegel är ett JavaScript-bibliotek som är utformat för att bygga webbapplikations-gränssnitt. Du hittar några vanliga som Kalender, Meny och Form bland de medföljande komponenterna. Det kommer också med a "Lagring-IndexedDB" komponent som tillåter dig att lagra data på klientsidan med IndexedDB.

OctoTree

OctoTree är ett bra verktyg som låter dig bläddra i källkoder och filer på Github med trädstruktur som i en IDE eller kodredigerare. Den kommer som ett tillägg för Chrome, Safari, Firefox och Opera, och finns på deras officiella tilläggsförvar. Octotree stöder Privat och Enterprise Github-förvaret.

Github Meddelande

En annan användbar Github-förlängning för Chrome. När du har installerat kan du få meddelande även om du för närvarande inte finns på Githubs sidor. En bra plugin om du vill stanna i slingan med dina arkiv.

Deployer

Deployer är ett verktyg för att distribuera dina PHP-webbplatser. Det fungerar med ett antal populära ramar och plattformar, inklusive WordPress, Drupal, Magento, Laravel och CodeIgniter. Med det här verktyget kan du skapa egna recept, ett kommando som ska köras under implementeringen. Den kommer med Rulla tillbaka funktion som gör att du kan gå tillbaka till tidigare version vid fel.

PHPStan

En CLI att skanna PHP-filer för att hitta fel utan att genomföra körtiden. Det betyder att du inte behöver en full stack PHP-miljö för att felsöka PHP-filerna på ditt projekt.

NGINX Boilerplate

En samling av vanliga Nginx-konfigurationer som inkluderar Backend Caching, anslutning och önskemål, och vissa andra bästa metoder för att öka din webbplats för hastighet och ställa in det för trafikhopp.

Bubblig

Bubbly är en bra kommandorad som du kan installera på din server för att generera, hantera och förnya certifikatet med Låt oss kryptera. Doplying SSL blir nu så mycket lättare.

Waffle Grid

Ändå, ett annat CSS-rutnätverk byggt med Flexbox som jag tror att du ska titta på.