Friske ressurser for webdesignere og utviklere (august 2018)
Det ser ut til at utviklingssamfunnet er mer aktivt i det siste, da det har vært ganske mange nye verktøy utgitt de siste månedene. I denne runden av serien vil jeg markere noen av verktøyene som er verdt å nevne.
Blant listen over verktøy er det a JavaScript-bibliotek for å generere dummy-data, et verktøy for å dele filer i lokale nettverk, og en som lar deg registrere Terminal-økt i SVG-animasjon. Høres kult ut? La oss se hele listen under.
Pushbar.js
Det er et JavaScript-bibliotek for å lage skyve skuff. Vanligvis brukes glideskuffen til å vise sidemenynavigasjonen, men du kan bruke dette biblioteket til å vise alt som passer for nettstedet ditt. Pushbar.js er Fullstendig tilpassbar og avhengighetsfri, ingen jQuery kreves.
Carbon nå CLI
Carbon CLI er en Node.js pakke til generer et koden skjermbilde vakkert gjennom et kommandolinjegrensesnitt. Dette verktøyet er inspirert av carbon.now.sh hvor du kan gjøre det samme gjennom en fin GUI i nettleseren.
Faker.js
Et JavaScript-bibliotek til lag en dummy data. Den støtter å generere et stort antall data som navn, postadresse, firmanavn, telefonnummer, dato og mange flere. Alle disse dataene kan være svært nyttige å test webapplikasjonen din.
TermToSVG
TermToSVG er en Linux-terminalopptaker som gjør kommandolinjens økter til en SVG-animasjon. Det er et nyttig verktøy for utviklere for å skrive en opplæring.
Database Backup Manager
Det er et PHP-bibliotek, og som navnet tilsier, gir det et sett med funksjoner til håndtere database sikkerhetskopiering og restaurering. Biblioteket støtter ulike tjenester for å sende til eller trekke sikkerhetskopien fra, inkludert Dropbox, Amazon S3, FTP og SFTP, og Rackloud Cloud.
Reaksjonsbitene
En humongous samling av React.js teknikker, tips og triks, React Bits dekker vanlige design mønstre, styling og ytelse tips. Dette er en virkelig stor ressurs for å utjevne React.js ferdigheter.
DSS Språk
DSS står for Deterministic StyleSheets, et nytt CSS authoring verktøy. Hvordan fungerer det, og hvordan kan dette brukes på mitt daglige arbeid? Jeg har ærlig talt ingen anelse om så langt. Men det ser kult ut og det er nytt, så det er på listen. Takk skal du ha!
PurgeCSS
PurgeCSS er en NPM-pakke som tillater optimalisere CSS-utgangen i webapplikasjonen din ved å fjerne de som ikke er i bruk. Verktøyet har en rekke innebygde verktøystøtte dekket, inkludert Gulp, Grunt, Grunt, Webpack og PostCSS, slik at du kan integrere det i prosjektet ditt med en gang.
RFS
RFS står for Responsive Font Size og er et interessant prosjekt for å takle en av de vanskeligste tingene på nettet, det vil si å gjør skriftstørrelsen lydhør, på en måte som størrelsen vil følge pent med visningsstørrelsen på enheten. RFS er tilgjengelig som en NPM
SimpleBar
Et JavaScript-bibliotek for å lage en egendefinert rullefelt, med SimpleBar kan du stille rulle til samsvar med nettstedet ditt ved hjelp av CSS, akkurat som alle andre HTML-elementer på siden. På grunn av plattform- og nettleserbegrensninger, var styling i nettleserens rullebjelke komplisert, men SimpleBar har gjort det enkelt.
Larastan
Larastan er en wrapper av PHPStan for Laravel. PHPStan er et verktøy som lar deg sjekke kodene dine for potensiell feil uten at du må skrive en enhetstest. Den kontrollerer mange ting, inkludert eksistensen av kalt metoder og funksjoner, typer tilordnet egenskaper, antall og typer tilordnet klassekonstruktør og validering av phpDocs.
PWMetrics
PWMetrics er et verktøy som samler Progressive Web Apps-metriske data gjennom et kommandolinjegrensesnitt utviklet av Paul Irish. Verktøyet er drevet av fyr og er tilgjengelig som en NPM-pakke. Det gir mange alternativer til konfigurere beregningene, testresultatet, og forventning du ønsker å oppnå ut av testen.
Pax
Pax er en JavaScript-bunter til kompilere JavaScript-moduler i en brukbar fil for nettleserne. Pax lover hastighet. Den kompilerer raskere enn noen alternative pakker. Den støtter fullt ut ES6 importere
og eksport
syntaks og CommonJS sytaxen importere
. I motsetning til pax
er skrevet med Rust og er tilgjengelig gjennom Rust pakkeregister kalt Cargo.
SustyWP
SustyWP er en WordPress tema rettet mot en bedre sak; å redusere karbonavtrykket ved å redusere størrelsen så lavt som mulig. Det er kun vekt 7-6kb når den lastes i nettleseren. Det er raskt og lett, og i retur bruker den mindre ressurser (for eksempel strøm) for å laste nettstedet. Sjekk ut temaet bakgrunnen i dette innlegget av Jack Lenox.
The Doodle Library
EN samling av doodle tegninger, Doodle Library har mange tegninger i samlingen, og de er gruppert i flere kategorier Faces, Places, Animals, etc. Tegninger er tilgjengelige i SVG-format og distribueres under Creative Common Attribution 4.0
Tilt.js
En jQuery-plugin til skape en fancy tilt effekt ligner på forhåndsvisnings miniaturer som vi ser på Apple TV. Det trenger ikke ekstra CSS. De gir også noen eksempler på implementeringer på denne siden, så det er ganske enkelt å bruke det. Vær sikker på at du sjekk ut Glare-effekten; det er veldig kult.
Fileroom
Fileroom er et webprogram for peer-to-peer fildeling i samme nettverk. Du kan dele filen med kollegaen din ved å dra og slipp, uavhengig av operativsystemet. Den fungerer i Windows, MacOS, Linux.
Coolhue
En samling av håndplukkede gradientfarger, Coolhue gjør det mulig å ta tak i fargepalettprøver for Photoshop og Sketch app eller installer den i prosjektet ditt ved hjelp av Lysthus
eller NPM
. Dette bør spare deg litt tid for å plukke opp farger for de kommende nettstedene dine.
Rev
Et enkelt JavaScript-bibliotek for å opprette UI, har ikke Reef alle klokkene og fløyter fra det større biblioteket, som React.js eller Vue.js. Men hvis alt du trenger er til Gjør et brukergrensesnitt, bare datainngang og templet kan være et godt alternativ. Det er bare 2Kb
Evergreen
En samling av brukergrensesnittkomponent fra Segment.io. Komponentene er ganske varierte; bortsett fra noen vanlige komponenter som knapper, ikoner, tekstinngang, er det noen som jeg synes er unike for Evergreen, som brødrister, sideark og hjørne dialog.