Friske ressourcer til webdesignere og udviklere (marts 2017)

Med CLI (Command Line Interface) kan vi strømline og automatisere web-udviklings-arbejdsgange. Og derfor har vi i denne rate inkluderet ganske mange fantastiske CLI'er, som du kan installere på din lokale computer eller at køre nogle ting på serveren. Derudover har vi også inkluderet nogle få PHP-værktøjer, browser-tilføjelser og JavaScript-biblioteker. Lad os tjekke dem ud.

Klik for flere ressourcer

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

Guetzli

En ny encoder fra Google det tillader at komprimere billedet ned med op til 35% fra den oprindelige størrelse og samtidig bevare kvaliteten. Det er ret et gennembrud, da lignende open source-kodere, som f.eks JPEGOptim og jpegtran, er begrænset til kun 20% i gennemsnit. Jeg kan se, at der vil være en række apps og plugins til CMS-platformen, der integrerer Guetzli for at optimere JPEG-filer.

Udvikler Køreplan

Som navnet antyder, er Developer Roadmap en infografisk rejse af at være en webudvikler. Der er tre kurser Front-end, Back-end og DevOps. Disse køreplaner er ligesom et kort; og er en stor reference til at se hvor vi er i øjeblikket på, hvad vi måske har savnet, og hvor vi skal hen.

Netlify CMS

SmashingMagazine har for nylig lavet en dristige flytte til dunk WordPress og prøv noget nyt helt med et nyt CMS kaldet Netlify CMS. Det er et nyt CMS bygget oven på React.js og kan være integreret med enhver statisk site generator som Jekyll, Hugo og MiddleMan.

BadSSL

Det er en website for at kontrollere din SSL-konfiguration. BadSSL er et praktisk værktøj til at udføre fejlfinding og fejl over SSL installeret på dit websted.

Alix

Alix er en Chrome-udvidelse, der giver dig mulighed for at kontrollere din hjemmeside-tilgængelighed. Når plugin'en er installeret og aktiveret, tilføjer den en overlay-boks over et antal elementer på siden som udgør advarsel eller fejl.

AR.js

AR.js er JavaScript-biblioteker i modsætning til de andre. Dette bibliotek giver os mulighed for at skabe Augmented Reality ved hjælp af Web-teknologi, og overraskende kører virkelig hurtigt på mobiltelefoner.

Reakt Trend

Det er en Reagere komponent fra Unsplash for at oprette dejligt linjediagram typisk for at vise trends. Komponenten kan konfigureres; Du kan indstille linjetykkelsen, farven, gradienterne og kurvens glathed. Du kan simpelthen bruge GUI til bekvemt generere komponentkoden.

Gitee

EN macOS-applikation til at overvåge din Github-aktivitet lige fra dit skrivebord, Gitee tilføjer et nyt element på statuslinjen, der viser antal stjerner, tilhængere og underretning. Derudover kan du også se diagrammer af din push og begår på et lager samt trending depot på den aktuelle måned og uge. Det er Github på skrivebordet i et nøddeskal.

Goops

Goops er en praktisk CLI, der vil analysere din projektmappe og bestem de mapper og filer, der skal tilføjes i .gitignore. CLI kan installeres via NPM. Når du har installeret, skal du skrive goops og færdig.

Fejlfinding CSS

DebugCSS er en CSS drop-in værktøj, der giver dig mulighed for at analysere og validere din CSS output i browseren. Det virker ret ligner Alix, når du læser debugCSS stylesheet eller bruger bookmarklet, det fremhæver elementerne på siden, der udgør fejl eller advarsler.

EagleJS

EagleJS er en JavaScript-bibliotek til oprettelse af præsentation svarende til RevealJS. EagleJS er forskellig på nogle måder; Den er bygget ved hjælp af Vue.js, en JavaScript MVC ramme og bruge Pug som templeringssystemet til at bygge diaset.

BootstrapTour

EN JavaScript bibliotek til at opbygge pop-up guider ved hjælp af en Bootstrap komponent. Popupguiderne vises som regel for en ny bruger, så de kan gå gennem applikationsgrænsefladen, nye funktioner og vise tips. Det er et perfekt bibliotek, hvis dit websted er bygget med Bootstrap også.

Mursten

Mursten er et JavaScript-bibliotek designet til at opbygge webapplikations-brugergrænseflade. Du finder nogle almindelige som Kalender, Menu og Form blandt de medfølgende komponenter. Den leveres også med a "Oplagring-IndexedDB" komponent til at tillade dig at gem data på klientsiden ved hjælp af IndexedDB.

OctoTree

OctoTree er et dejligt værktøj, der giver mulighed for at gennemse kildekoder og filer på Github med træstruktur som i en IDE eller kode redaktører. Den leveres som en tilføjelse til Chrome, Safari, Firefox og Opera, og er tilgængelig på deres officielle add-on-depot. Octotree støtter Privat og Enterprise Github depot.

Github Notifikation

En anden nyttig Github-udvidelse til Chrome. Når du er installeret, vil du kunne modtage besked, selv om du i øjeblikket ikke er på Githubs sider. En god plugin, hvis du vil være i loop med dine arkiver.

Deployer

Deployer er et værktøj til at implementere dine PHP-websteder. Det virker med en række populære rammer og platforme, herunder WordPress, Drupal, Magento, Laravel og CodeIgniter. Med dette værktøj kan du sammensætte dine egne opskrifter, et kommando, der skal køres under implementeringen. Det følger med Tilbagerulning funktion som giver dig mulighed for at gå tilbage til tidligere version i tilfælde af fejl.

PHPStan

En CLI at scanne PHP-filer for at finde fejl uden at køre runtime. Dette betyder, at du ikke behøver et fuldt stabilt PHP-miljø til at debugge PHP-filerne på dit projekt.

NGINX kedelplader

En samling af almindelige Nginx-konfigurationer, som inkluderer Backend Caching, tilslutning og forespørgselsfristgrænse, og nogle andre bedste metoder til at øge dit websted for hastighed og stille det op for trafikstrøm.

bubbly

Bubbly er en stor kommandolinje, som du kan installere på din server for at generere, administrere og forny certifikat med Lad os kryptere. Doplying SSL bliver nu så meget lettere.

Vaffelgitter

Endnu en anden CSS grid ramme bygget med Flexbox, som jeg synes du bør undersøge.