Friske ressourcer til webdesignere og udviklere (august 2018)
Det ser ud til, at udviklingssamfundet er mere aktivt i det seneste, da der har været mange nye værktøjer udgivet i de sidste par måneder. I denne runde af serien vil jeg fremhæve nogle af de værktøjer, der er værd at nævne.
Blandt listen over værktøjer er der en JavaScript bibliotek til at generere dummy data, et værktøj til at dele filer inden for lokale netværk, og en, der giver dig mulighed for at optage Terminal session i SVG animation. Lyder fedt? Lad os se hele listen nedenfor.
Pushbar.js
Det er et JavaScript-bibliotek til oprettelse af glidende skuffe. Typisk er glideskuffen brugt til at vise navigationen på sidemenuen, men du kan bruge dette bibliotek til at vise alt, hvad der passer til dit websted. Pushbar.js er fuldt tilpasses og afhængighedsfri, ingen jQuery kræves.
Carbon Nu CLI
Carbon CLI er en Node.js-pakke til generer et kode skærmbillede smukt gennem en kommandolinje grænseflade. Dette værktøj er inspireret af carbon.now.sh, hvor du kan gøre det samme gennem et flot GUI i browseren.
Faker.js
Et JavaScript-bibliotek til opret en dummy data. Det understøtter at generere en stor del af data som navne, postadresse, firmanavn, telefonnummer, dato og mange flere. Alle disse data kan være meget nyttige til test din webapplikation.
TermToSVG
TermToSVG er en Linux-terminaloptager det gør dine kommandolinjessessioner til en SVG-animation. Det er et nyttigt værktøj til udviklere til at skrive en tutorial.
Database Backup Manager
Det er et PHP bibliotek, og som navnet antyder, giver det et sæt funktionaliteter til håndtere database backup og restaurering. Biblioteket understøtter forskellige tjenester til at sende til eller trække backup fra, herunder Dropbox, Amazon S3, FTP og SFTP, og Rackloud Cloud.
Reage Bits
En humongous samling af React.js teknikker, tips og tricks, React Bits dækker fælles design mønstre, styling og ydeevne tips. Dette er virkelig stor ressource til at udjævne dine React.js færdigheder.
DSS sprog
DSS står for Deterministic StyleSheets, et nyt CSS authoring værktøj. Hvordan virker det, og hvordan kan det anvendes på mit daglige arbejde? Jeg har ærligt ingen anelse om hidtil. Men det ser cool ud, og det er nyt, så det er på listen. tak skal du have!
PurgeCSS
PurgeCSS er en NPM-pakke, der tillader det optimere CSS output i din webapplikation ved at fjerne dem, der ikke er i brug. Værktøjet har en række indbyggede værktøjer understøttet, herunder Gulp, Grunt, Grunt, Webpack og PostCSS, så du kan integrere det i dit projekt med det samme.
RFS
RFS står for Responsive Font Size og er et interessant projekt til at tackle en af de sværeste ting på nettet, det vil sige at gøre skriftstørrelse lydhør, på en måde, at størrelsen vil følge pænt med enhedens visningsstørrelse. RFS er tilgængelig som en NPM
SimpleBar
Et JavaScript-bibliotek til at oprette en brugerdefineret scrollbjælke, SimpleBar giver dig mulighed for at style rulle til Match din webstedsstil ved hjælp af CSS ligesom alle andre HTML-elementer på siden. På grund af platform og browser begrænsninger, styling browserens rullepanel plejede at være kompliceret, men SimpleBar har virkelig gjort det nemt.
Larastan
Larastan er en wrapper af PHPStan for Laravel. PHPStan er et værktøj, der giver dig mulighed for at tjekke dine koder for potentiel fejl uden at skulle skrive en enhedsprøve. Det kontrollerer mange ting, herunder eksistensen af kaldte metoder og funktioner, typer tildelt egenskaber, antal og typer tildelt Klassekonstruktør og validering af phpDocs.
PWMetrics
PWMetrics er et værktøj, der samler Progressive Web Apps-metrics gennem en kommandolinje-grænseflade udviklet af Paul Irish. Værktøjet er drevet af fyrtårn og fås som en NPM-pakke. Det giver masser af muligheder til konfigurere beregningerne, testpræstationen, og forventning du gerne vil nå ud af testen.
Pax
Pax er en JavaScript-bundler til kompilere JavaScript-moduler i en brugbar fil til browsere. Pax lover hastighed. Den kompilerer hurtigere end nogle alternative bundlere. Det understøtter fuldt ud ES6 importere
og eksport
syntaks og CommonJS sytax importere
. I modsætning til pax
er skrevet med Rust og er tilgængelig via Rust pakkeregister kaldet Cargo.
SustyWP
SustyWP er en WordPress tema rettet mod en bedre årsag; at reducere CO2-fodaftryk ved at reducere størrelsen så lavt som muligt. Det er kun vægt 7-6kb, når det er lagt i browseren. Det er hurtigt og let, og til gengæld bruger den mindre ressourcer (fx elektricitet) til at indlæse webstedet. Tjek temaet backstory i dette indlæg af Jack Lenox.
The Doodle Library
EN samling af doodle tegninger, Doodle Library har masser af tegninger i samlingen, og de er grupperet i flere kategorier Faces, Places, Animals, osv. Tegninger er tilgængelige i SVG-format og distribueres under Creative Common Attributions 4.0
Tilt.js
En jQuery-plugin til skabe en fancy tilt effekt ligner de miniaturebilleder, som vi ser på Apple TV. Det behøver ikke yderligere CSS. De giver også nogle eksempler på implementeringer på denne side, så det er ret nemt at bruge det. Vær sikker på at du tjek Glare effekten; det er virkelig sejt.
Fileroom
Fileroom er en webapplikation for peer-to-peer fildeling inden for samme netværk. Du kan dele filen med din kollega ved blot at trække og slippe uanset OS. Det virker i Windows, MacOS, Linux.
Coolhue
En samling af håndplukket gradientfarver, Coolhue giver dig mulighed for at få fat i farvepaletten farveprøver til Photoshop og Sketch app eller installer det i dit projekt ved brug af bur
eller NPM
. Dette bør spare dig tid til at afhente farver til dine kommende hjemmesider.
Rev
Et simpelt JavaScript-bibliotek til at oprette brugergrænsefladen, Reef har ikke alle klokker og fløjter fra det større bibliotek som React.js eller Vue.js. Men hvis alt du behøver er at gøre en brugergrænseflade, bare dataindgang og skabelonen Reef kunne være et godt alternativ. Det er kun vægt på 2Kb
Evergreen
En samling af brugerinterface fra Segment.io. Komponenterne er ret varierede; bortset fra nogle almindelige komponenter som knapper, ikoner, tekstinput, er der et par, som jeg synes er unikke for Evergreen, såsom brødrister, sideblad og hjørne dialog.