Friska resurser för webbdesigners och utvecklare (augusti 2018)

Det verkar som om utvecklingssamhället är mer aktivt på senare tid eftersom det har funnits ganska många nya verktyg som släppts under de senaste månaderna. I denna serieomgång markerar jag några av de verktyg som är värda att nämna.

Bland verktygslistan finns en JavaScript-bibliotek för att generera dummy-data, ett verktyg för att dela filer i lokala nätverk, och en som låter dig spela in Terminal session i SVG animation. Låter coolt? Låt oss kolla hela listan nedan.

Pushbar.js

Det är ett JavaScript-bibliotek för att skapa glidlådan. Vanligtvis används glidlådan för att visa navigeringsmenyns navigering, men du kan använda det här biblioteket för att visa vad som helst som passar din webbplats. Pushbar.js är fullt anpassningsbar och beroendefri, ingen jQuery krävs.

Carbon CLI nu

Carbon CLI är ett Node.js-paket till generera en kod skärmdump vackert genom ett kommandoradsgränssnitt. Det här verktyget är inspirerat av carbon.now.sh där du kan göra detsamma genom en bra GUI i webbläsaren.

Faker.js

Ett JavaScript-bibliotek till skapa en dummy data. Den stöder att generera en massa data som namn, postadress, företagsnamn, telefonnummer, datum och många fler. Alla dessa data kan vara mycket användbara att testa din webbapplikation.

TermToSVG

TermToSVG ​​är en Linux-terminalinspelare som gör dina kommandorads sessioner till en SVG-animering. Det är ett användbart verktyg för utvecklare för att skriva en handledning.

Databas Backup Manager

Det är ett PHP-bibliotek, och som namnet antyder ger det en uppsättning funktioner till hantera databas säkerhetskopiering och restaurering. Biblioteket stöder olika tjänster för att skicka till eller dra säkerhetskopieringen från, inklusive Dropbox, Amazon S3, FTP och SFTP och Rackloud Cloud.

React Bits

En humongous samling av React.js tekniker, tips och tricks, React Bits täcker vanliga mönster, styling och prestationstips. Det här är verkligen stor resurs för att jämföra dina React.js färdigheter.

DSS Språk

DSS står för Deterministic StyleSheets, ett nytt CSS authoringverktyg. Hur fungerar det och hur kan det tillämpas på mitt dagliga arbete? Jag har ärligt talat ingen aning hittills. Men det ser cool ut och det är nytt så det är på listan. Tack!

PurgeCSS

PurgeCSS är ett NPM-paket som tillåter optimera CSS-utgången i din webbapplikation genom att ta bort de som inte används. Verktyget har en mängd inbyggd verktygsstöd, inklusive Gulp, Grunt, Grunt, Webpack och PostCSS, så du kan integrera det i ditt projekt direkt.

RFS

RFS står för Responsive Font Size och är ett intressant projekt för att ta itu med en av de svåraste sakerna på webben, det vill säga att gör skriftstorlek mottaglig, på ett sätt som storleken kommer att följa snyggt med enhetens visningsstorlek. RFS finns som NPM

SimpleBar

Ett JavaScript-bibliotek för att skapa en anpassad rullningsfält, Med SimpleBar kan du ställa in rullningen till matcha din webbplatsstil med hjälp av CSS precis som något annat HTML-element på plats. På grund av plattforms- och webbläsarbegränsningar, var styling i webbläsarens rullefält komplicerat men SimpleBar har verkligen gjort det enkelt.

Larastan

Larastan är ett omslag av PHPStan för Laravel. PHPStan är ett verktyg som låter dig kolla dina koder för eventuella fel utan att behöva skriva ett test. Den kontrollerar många saker inklusive förekomsten av kallade metoder och funktioner, typer som tilldelas egenskaper, antal och typer som tilldelats klasskonstruktorn och validering av phpDocs.

PWMetrics

PWMetrics är ett verktyg som samlar Progressive Web Apps-mätvärden genom ett kommandoradsgränssnitt utvecklat av Paul Irish. Verktyget drivs av fyren och finns som ett NPM-paket. Det ger gott om alternativ till konfigurera mätvärdena, testresultatet, och förväntan du vill uppnå ur testet.

Pax

Pax är en JavaScript-buntar till kompilera JavaScript-moduler i en användbar fil för webbläsarna. Pax lovar fart. Den kompilerar snabbare än några alternativa buntar. Det stöder helt ES6 importera och exportera syntax och CommonJS sytaxen importera. Till skillnad från pax är skrivet med Rust och finns tillgängligt via Rust paketregistret kallat Cargo.

SustyWP

SustyWP är a WordPress-temat syftar till en bättre orsak; för att minska koldioxidavtrycket genom att minska storleken så liten som möjligt. Det är bara vikt 7-6kb när den laddas i webbläsaren. Dess snabbt och lätt, och i gengäld förbrukar den mindre resurser (t ex el) för att ladda webbplatsen. Kolla in bakgrundsbildet i detta inlägg av Jack Lenox.

Doodle Library

en samling av doodle ritningar, Doodle Library har massor av ritningar i samlingen och de är grupperade i flera kategorier Faces, Places, Animals, etc. Teckningar finns i SVG-format och distribueras under Creative Common Attributes 4.0

Tilt.js

En jQuery-plugin till skapa en fantasi luta effekt liknar de miniatyrbilder som vi ser på Apple TV. Det behöver inte ytterligare CSS. De ger också några exempel på implementeringar på den här sidan, så det är ganska enkelt att använda det. Se till att du kolla in Glare-effekten; det är riktigt coolt.

Fileroom

Fileroom är en webbapplikation för peer-to-peer-fildelning inom samma nätverk. Du kan dela filen med din kollega genom att dra och släppa oavsett operativsystem. Det fungerar i Windows, MacOS, Linux.

Coolhue

En samling handplockade lutningsfärger, Coolhue gör att du kan fånga färgpalettfärgningarna för Photoshop och Sketch app eller installera det i ditt projekt använder sig av lövsal eller npm. Detta borde spara dig tid att hämta färger för dina kommande webbplatser.

Rev

Ett enkelt JavaScript-bibliotek för att skapa användargränssnitt, Reef har inte alla klockor och visselpipor från det större biblioteket, som React.js eller Vue.js. Men om allt du behöver är att gör ett användargränssnitt, bara dataingång och mallen Reef kan vara ett bra alternativ. Det är bara 2Kb

Evergreen

En samling av användargränssnittskomponenter från Segment.io. Komponenterna är ganska varierade; bortsett från några vanliga komponenter som knappar, ikoner, textinmatning, det finns några som jag tycker är unika för Evergreen, som brödrost, sidovy och hörndialog.