Friske ressourcer til webdesignere og udviklere (maj 2017)

EN indsamling af nyttige webressourcer er noget, som en webudvikler virkelig ser frem til at have i sit værktøjssæt. Derfor er jeg selv en udvikler, jeg forsøger at præsentere dig bedste og de nyeste webudviklingsressourcer hver måned.

Denne måneds samling indeholder en interessant gratis app til til screencasting, et par rammer baseret på Material Design Language, et par bibliotek til Performance Testing, CLI'er og a håndfuld vores andre nyttige ressourcer. Så lad os kontrollere dem en efter en i det følgende.

Klik for flere ressourcer

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

Kap

Kap er a pæne lille skærmoptager til MacOS. Det er en open source app, bygget med webteknologi. En ting, jeg elsker i denne app, er den, den tilbyder konvertere videoen direkte ud af boksen. Kap er et godt alternativ til at registrere dine apps eller hjemmesidens live demo.

Sizzy

Sizzy er en udviklingsværktøj til at teste din lydhør hjemmeside i flere visningsstørrelser på en enkelt skærm. Det er en super praktisk app i forhold til Chrome's indbyggede mobilemulator. Sizzy kommer også som en Chrome Extension.

Muse UI

EN UI-bibliotek baseret på Material Design-princippet og bygget oven på Vue.js 2.0, er Muse UI pakket med Material Design Compenents som Appbar, Card og Dialog. Det er godt rammer for at opbygge og køre brugerinterface hurtigt.

Avanceret WP-CLI

Jeg er en stor fan af WP-CLI og brug det næsten hver dag i mit arbejde som en WordPress-udvikler. Alligevel er det for nylig, at jeg fandt ud af at WP-CLI giver dig mulighed for opret en PHP UnitTest stillads til et tema! Dette er en liste over WP-CLI avanceret brug fra WP-CLI vedligeholder, Daniel Bachhuber, ham selv.

vanvid

Lunacy er en standalone Sketch file viewer til Windows. Det fungerer godt med Sketch-fil, der indeholder tekst, rasterbilleder, endda gradienter og skygger. Det kræver ikke forbindelse til internettet, Således kan udviklere arbejde på Sketch-filer fra hvor som helst. Og det er helt gratis.

K6

Hurtighed betyder i næsten alle aspekter af webapplikationen. Men hvordan måler du hastigheden på dit websted? Godt, svaret er K6. Det simulerer trafik til dit websted og lægger websitet på en given varighed som om det er en rigtig trafik. Kort sagt er K6 den UnitTest for Performance.

Checker Service

En stor liste over web apps til Tjek mange ting som DNS, Load, Speed, SEO, Security og SSL. Mange af disse værktøjer er gratis, men der er et par premium-tjenester, der er opført deri tilbyde avancerede funktioner til brugere.

SVGito

Er et lille webværktøj til optimer SVG, der er genereret fra Sketch app. Indsæt din SVG-kode på hjemmesiden, og den vil straks returnere den optimerede kode.

Launchaco

Finde et godt navn til din start er svært, og at opnå en tilgængelig brugernavnshåndterer på sociale medier er endnu sværere. Launchaco er et praktisk værktøj som giver dig mulighed for at finde domænenavne, brugernavne til forskellige sociale medier som Twitter, Facebook, Instagram osv., og hjælper dig generer en god logotype af din virksomhed.

modbydelige

EN indsamling af unik animation udført med CSS. Vær venlig at køre animationen, hvis du ikke er stærk nok til at se det.

CSS Grid Cheat Sheet

Learning CSS Grid kan være ret skræmmende, når det kommer til en række nye egenskaber, en ny måleenhed, og også næsten et komplet nyt paradigme at opbygge weblayoutet. Dette værktøj, som navnet antyder, er at hjælpe dig få dine fødder væk fra jorden med CSS Grid.

Workbox

Arbejdspladsen er a nyt initiativ fra Google til at opbygge Progressive Web App (PWA). Det er beslægtet med Yeoman eller Create React App på en måde, som du kan få alt op og klar i en enkelt kommando.

MAVO

Mavo er et nyt open source projekt fra Lea Verou. Det er et bibliotek, der viser bare HTML-markup og nogle få brugerdefinerede attributter til en fungerende webapplikation. Mavo lettere at følge i forhold til de andre biblioteker som Backbone, Vue.js eller React, som det tillader mindre tech-savvy brugere til at bygge webapplikation hurtigt og nemt.

Materiale UI

Simlar til Muse UI, det er en UI-rammer baseret på Meterial Design sprog. Denne er imidlertid bygget ved hjælp af React. Det er nu op til din præference; hvis du er med team Vue.js eller team React.

Lazy Image

Lazy Image er en brugerdefineret HTML element til at indlæse billede på forespørgsel. Dette custome element giver en ekstra .aktiv objekt inden for elementobjektet som du kan Brug til at udløse billedet til at indlæse under alle omstændigheder eller brugerinteraktion som du har brug for.

Mac CLI

Dette et smukt værktøj til Administrer din MacOS via Terminal. Skriv blot mac opdatering at opdatere MacOS. Eller skriv mac præsentation som vil forberede din Mac (minimer alle apps, luk browsere, send filer fra skrivebordet og downloades til papirkurven og indstiller ikke forstyrrelsestilstand), før du giver ud af præsentationen. Hvor sej er det!

Holde dig vågne op

KeepingYouAwake er et menulinjeværktøj til MacOS til forhindre din Mac i at gå i dvaletilstand i en bestemt periode eller så længe det er aktiveret. Du kan installere denne app ved hjælp af Homebrew.

JSON Feed

Langt om længe! Dette er en standardspecifikation for levering af indholdsfeed i JSON format. Der er allerede en WordPress pluginhre> bygget til implementeringen. Dette skal gøre webudviklerens liv lettere. Lad os bare farvel til XML.

Kulstof

Kort sagt, Carbon er Moment.js i PHP. Det er PHP bibliotek at generere og manipulere dato og tid strenge.

SpeedRacer

En anden værktøj til Performance Unit Test. Mens K6 vil udføre load testere ved at sende Virutal brugere til at simulere besøg og trafik, vil SpeedRacer evaluere side rendering ydeevne i browseren. SpeedRacer kan være en god følgesvend til K6.