Friske ressurser for webdesignere og utviklere (mars 2017)

Med CLI (Command Line Interface) kan vi strømlinjeforme og automatisere arbeidsflyten for webutvikling. Og derfor har vi i denne avdelen tatt med ganske mange fantastiske CLIer som du kan installere på din lokale datamaskin eller å kjøre noen ting på serveren. På toppen av det har vi også tatt med noen få PHP-verktøy, tilleggsprogrammer for nettlesere og JavaScript-biblioteker. La oss sjekke dem ut.

Klikk for flere ressurser

Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.

Guetzli

En ny koder fra Google det gjør det mulig å komprimere bildet ned med opptil 35% fra den opprinnelige størrelsen mens du beholder kvaliteten. Det er ganske et gjennombrudd gitt at lignende åpne kildekodere, for eksempel JPEGOptim og jpegtran, er begrenset til bare 20% på avarage. Jeg kan se at det vil være flere apper og plugins for CMS-plattformen som integrerer Guetzli for å optimalisere JPEG-filer.

Utvikler veikart

Som navnet antyder, er Developer Roadmap en infografisk reise for å være en webutvikler. Det er tre kurs Front-end, Back-end og DevOps. Disse veikartene er som, vel, et kart; og er en flott referanse til å se hvor vi er for tiden på, hva vi kanskje har savnet, og hvor vi skal gå neste.

Netlify CMS

SmashingMagazine har nylig laget en dristig flytte til grøft WordPress og prøv noe helt helt med et nytt CMS kalt Netlify CMS. Det er et nytt CMS bygget på toppen av React.js og kan være integrert med noen statisk nettsted generator som Jekyll, Hugo, og MiddleMan.

BadSSL

Det er en nettside for å sjekke SSL-konfigurasjonen. BadSSL er et praktisk verktøy for å utføre feilsøking og feil over SSL installert på nettstedet ditt.

Alix

Alix er en Chrome-utvidelse som gir deg mulighet til å kontrollere nettstedet ditt. Når installasjonen er installert og aktivert, legger plugin-en til en overleggs boks over en rekke elementer på siden som utgjør advarsel eller feil.

AR.js

AR.js er JavaScript-bibliotek i motsetning til de andre. Dette biblioteket gjør det mulig for oss å skape økt virkelighet ved hjelp av webteknologi, og overraskende kjører veldig fort på mobiltelefoner.

React Trend

Det er en reager komponent fra Unsplash for å lage nydelig linjediagram typisk for å vise trender. Komponenten er konfigurerbar; Du kan angi linjetykkelse, farge, gradienter og kurvejevnhet. Du kan ganske enkelt bruke GUI til Generer bekvemt komponentkoden.

Gitee

EN macOS-applikasjon for å overvåke Github-aktiviteten din direkte fra skrivebordet ditt, Gitee legger til et nytt element på statuslinjen som viser antall stjerner, følgere og varsling. I tillegg kan du også se diagrammer av din push og begår på et lager og trending depot på nåværende måned og uke. Det er Github på skrivebordet i et nøtteskall.

Goops

Goops er en Hendig CLI som vil analysere prosjektkatalogen og avgjøre kataloger og filer som skal legges til i .gitignore. CLI kan installeres via NPM. Når du er installert, skriv inn goops og ferdig.

Feilsøking CSS

DebugCSS er en CSS-drop-in-verktøyet som lar deg analysere og validere CSS-utgangen i nettleseren. Det fungerer ganske likt Alix, når du laster inn debugCSS-stilarket eller bruker bokmerket, det fremhever elementene på siden som utgjør feil eller advarsler.

EagleJS

EagleJS er en JavaScript-bibliotek for å lage presentasjon ligner RevealJS. EagleJS er forskjellig på noen måter; den er bygget med Vue.js, en JavaScript MVC rammeverk, og bruker Pug som templeringssystemet for å bygge lysbildet.

BootstrapTour

EN JavaScript-bibliotek for å bygge popup-guider ved hjelp av en Bootstrap-komponent. Popup-guider vises vanligvis for ny bruker for å gå gjennom programgrensesnittet, nye funksjoner og for å vise tips. Det er et perfekt bibliotek hvis nettstedet ditt er bygget med Bootstrap også.

Murstein

Murstein er et JavaScript-bibliotek designet for å bygge webapplikasjonens brukergrensesnitt. Du finner noen vanlige som Kalender, Meny og Form blant de medfølgende komponentene. Det kommer også med a "Lagring-IndexedDB" komponent som tillater deg å lagre data på klientsiden ved hjelp av IndexedDB.

OctoTree

OctoTree er et fint verktøy som lar deg bla gjennom kildekoder og filer på Github med Tree struktur som i en IDE eller kode redaktører. Den kommer som et tillegg for Chrome, Safari, Firefox og Opera, og er tilgjengelig på deres offisielle tilleggsarkiv. Octotree støtter Private og Enterprise Github depot.

Github Notification

En annen nyttig Github-utvidelse for Chrome. Når du er installert, vil du kunne motta varsel selv om du for øyeblikket ikke er på Github-sider. En god plugin hvis du vil være i loop med lagrene dine.

Deployer

Deployer er et verktøy for å distribuere PHP-nettstedene dine. Det fungerer med en rekke populære rammer og plattformer, inkludert WordPress, Drupal, Magento, Laravel og CodeIgniter. Med dette verktøyet kan du lage dine egne oppskrifter, et kommando som skal kjøres under distribusjon. Den følger med Rollback funksjon som gjør at du kan gå tilbake til forrige versjon i tilfelle feil.

PHPStan

En CLI som skal skanne PHP-filer for å finne feil uten å kjøre runtime. Dette betyr at du ikke trenger et fullt stabilt PHP-miljø for å feilsøke PHP-filene på prosjektet ditt.

NGINX Boilerplate

En samling av vanlige Nginx-konfigurasjoner som inkluderer Backend Caching, tilkoblings- og forespørselsfrekvensgrense, og noen andre beste metoder for å øke nettstedet ditt for hastighet og stille det opp for trafikkhastighet.

Sprudlende

Bubbly er en flott kommandolinje som du kan installere på serveren din for å generere, administrere og forny sertifikat med La oss kryptere. Doplying SSL blir nå så mye lettere.

Waffle Grid

Likevel, et annet CSS grid ramme bygget med Flexbox som jeg tror du bør se på.