Friske ressurser for webdesignere og utviklere (mai 2017)
EN samling av nyttige webressurser er noe som en webutvikler ser frem til å ha i sin verktøykasse. Derfor, for å være en utvikler selv, prøver jeg å presentere deg beste og de nyeste webutviklingsressursene hver måned.
Denne måneds samling inneholder en interessant gratis app til for screencasting, et par rammer basert på Material Design Language, et par bibliotek for Performance testing, CLIs, og a håndfull av andre nyttige ressurser. Så, la oss sjekke dem en etter en i det følgende.
Klikk for flere ressurserKlikk for flere ressurser
Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.
Kap
Kap er a fin liten skjermopptaker for MacOS. Det er en åpen kildekode-app, bygget med webteknologi. En ting jeg elsker i denne appen er den den tilbyr konvertere videoen rett ut av boksen. Kap er et flott alternativ til å registrere appene dine eller nettstedets live demo.
Sizzy
Sizzy er en utviklingsverktøy for å teste ditt responsive nettsted i flere visningsstørrelser på en enkelt skjerm. Det er en super praktisk app i forhold til Chrome er innebygd mobilemulator. Sizzy kommer også som en Chrome Extension.
Muse UI
EN UI-bibliotek basert på Material Design-prinsippet og bygget på toppen av Vue.js 2.0, er Muse UI fullpakket med Material Design Compenents som Appbar, Card og Dialog. Det er flott rammeverk for å bygge og kjøre brukergrensesnitt raskt.
Avansert WP-CLI
Jeg er en stor fan av WP-CLI og bruk den nesten hver dag i arbeidet mitt som en WordPress-utvikler. Likevel er det bare nylig at jeg fant ut at WP-CLI lar deg opprett en PHP UnitTest stillas for et tema! Dette er en liste over WP-CLI avansert bruk fra WP-CLI vedlikeholder, Daniel Bachhuber, han selv.
galskap
Lunacy er en frittstående Sketch File Viewer for Windows. Det fungerer bra med Sketch-fil som inneholder tekst, rasterbilder, selvgraderinger og skygger. Den krever ikke tilkobling til internett, Dermed kan utviklere jobbe med Sketch-filer fra hvor som helst. Og det er helt gratis.
K6
Hastighet er viktig i nesten alle aspekter av webapplikasjonen. Men hvordan måler du hastigheten på nettstedet ditt? Vi vil, svaret er K6. Det simulerer trafikk til nettstedet ditt og laster nettstedet på en gitt varighet som om det er en ekte trafikk. Kort sagt, K6 er UnitTest for Performance.
Checker Service
En flott liste over web apps til sjekk mange ting som DNS, Load, Speed, SEO, Security og SSL. Mange av disse verktøyene er gratis, men det er noen premium tjenester som er oppført der tilbyr avanserte funksjoner for brukere.
SVGito
Er et lite webverktøy til optimaliser SVG som er generert fra Sketch app. Lim inn SVG-koden på nettstedet, og den vil returnere den optimaliserte koden umiddelbart.
Launchaco
Finne et godt navn for oppstarten din er vanskelig, og å få en tilgjengelig brukernavnshandler på sosiale medier er enda vanskeligere. Launchaco er et praktisk verktøy som lar deg finne domenenavn, brukernavn for ulike sosiale medier som Twitter, Facebook, Instagram etc., og hjelper deg generer en fin logotype av virksomheten din.
Obnoxious
EN samling av unik animasjon gjort med CSS. Vennligst ikke kjør animasjonen, hvis du ikke er sterk nok til å se det.
CSS Grid Cheat Sheet
Læring CSS Grid kan være ganske skremmende når det kommer til en rekke nye egenskaper, en ny måleenhet, og også nesten et komplett nytt paradigme å bygge weboppsettet. Dette verktøyet, som navnet tilsier, er å hjelpe deg få føttene av bakken med CSS Grid.
workbox
Arbeidsboks er a Nytt initiativ fra Google for å bygge Progressive Web App (PWA). Det er lik Yeoman eller Create React App på en måte som du kan få alt opp og klar i en kommandolinje.
MAVO
Mavo er et nytt åpen kildekode-prosjekt fra Lea Verou. Det er et bibliotek som viser bare HTML-oppslag og noen få egendefinerte attributter til en fungerende webapplikasjon. Mavo lettere å følge i forhold til de andre bibliotekene som Backbone, Vue.js eller React som det tillater mindre tech-savvy brukere å bygge webapplikasjon raskt og enkelt.
Material UI
Simlar til Muse UI, det er en UI-rammeverk basert på Meterial Design-språk. Denne er imidlertid bygget ved hjelp av React. Det er nå opp til dine preferanser; hvis du er med team Vue.js eller team React.
Lat bilde
Lat bilde er en egendefinert HTML-element for å laste bildet på forespørsel. Dette custome-elementet gir et tillegg .aktiv objekt i Element Object som du kan Bruk til å utløse bildet til å laste under alle hendelser eller brukerinteraksjon som du trenger.
Mac CLI
Dette et greit verktøy til administrer MacOS via Terminal. Bare skriv inn mac-oppdatering for å oppdatere MacOS. Eller skriv inn mac presentasjon som vil forberede din Mac (minimere alle apper, lukk nettlesere, send filer fra skrivebordet og laster ned til søppel og sett ikke forstyrr modus) før du gir ut presentasjonen. Hvor kult er det!
Å holde deg våken
KeepingYouAwake er et menylinjeverktøy for MacOS til hindre at Macen kommer inn i hvilemodus for en bestemt varighet eller så lenge den er aktivert. Du kan installere denne appen med Homebrew.
JSON Feed
Endelig! Dette er en standard spesifikasjon for levering av innholdsinnmatning i JSON format. Det er allerede et WordPress pluginhre> bygget for implementeringen. Dette bør gjøre webutvikleres liv lettere. La oss bare si farvel til XML.
Karbon
Kort sagt, Carbon er Moment.js av PHP. Det er PHP bibliotek å generere og manipulere dato og tidstrenger.
SpeedRacer
En annen verktøy for Performance Unit Test. Mens K6 vil utføre lastetestere ved å sende Virutal-brukere til å simulere besøk og trafikk, vil SpeedRacer evaluer side gjengivelse ytelse i nettleseren. SpeedRacer kan være en god følgesvenn til K6.
