Verse hulpbronnen voor webontwerpers en ontwikkelaars (augustus 2018)

Het lijkt erop dat de ontwikkelingsgemeenschap de laatste tijd actiever is, omdat er de afgelopen maanden heel veel nieuwe tools zijn uitgebracht. In deze ronde van de serie zal ik enkele van de hulpmiddelen noemen die het vermelden waard zijn.

Onder de lijst met gereedschappen is er een JavaScript-bibliotheek voor het genereren van dummygegevens, een hulpmiddel om bestanden te delen binnen lokale netwerken, en eentje waarmee je Terminal-sessie kunt opnemen in SVG-animatie. Klinkt goed? Laten we de volledige lijst hieronder bekijken.

Pushbar.js

Het is een JavaScript-bibliotheek voor het maken van een schuiflade. Meestal wordt de schuiflade gebruikt om de sitamenavigatie weer te geven, maar u kunt deze bibliotheek gebruiken om alles weer te geven dat geschikt is voor uw site. Pushbar.js is volledig aanpasbaar en afhankelijkheidsvrij, geen jQuery vereist.

Carbon Now CLI

Carbon CLI is een Node.js-pakket voor maak een code screenshot prachtig via een opdrachtregelinterface. Deze tool is geïnspireerd op carbon.now.sh, waar je hetzelfde kunt doen via een mooie GUI in de browser.

Faker.js

Een JavaScript-bibliotheek voor maak een dummy-gegevens aan. Het ondersteunt het genereren van een groot aantal gegevens, zoals namen, postadres, bedrijfsnaam, telefoonnummer, datum en nog veel meer. Al deze gegevens kunnen erg handig zijn om test uw webapplicatie.

TermToSVG

TermToSVG is een Linux terminal recorder dat maakt uw commandolijn-sessies in een SVG-animatie. Het is een handig hulpmiddel voor ontwikkelaars voor het schrijven van een zelfstudie.

Database Backup Manager

Het is een PHP-bibliotheek, en zoals de naam al aangeeft, biedt het een aantal functies omgaan met database back-up en restauratie. De bibliotheek ondersteunt verschillende services voor het verzenden naar of ophalen van de back-up, waaronder Dropbox, Amazon S3, FTP en SFTP, en Rackloud Cloud.

Bits reageren

Een gigantische verzameling React.js-technieken, tips en trucs, React Bits behandelt veelgebruikte ontwerppatronen, styling en prestatietips. Dit is echt waar geweldige bron om je React.js-vaardigheden te verbeteren.

DSS Language

De DSS staat voor Deterministic StyleSheets, een nieuwe tool voor het schrijven van CSS. Hoe werkt het en hoe kan dit worden toegepast op mijn dagelijks werk? Ik heb eerlijk gezegd nog geen idee. Maar het ziet er gaaf uit en het is nieuw dus staat het op de lijst. Dank je!

PurgeCSS

PurgeCSS is een NPM-pakket dat dit toestaat optimaliseer de CSS-uitvoer in uw webtoepassing door deze te verwijderen die niet in gebruik zijn. De tool heeft een verscheidenheid aan ingebouwde hulpmiddelondersteuning, inclusief Gulp, Grunt, Grunt, Webpack en PostCSS, dus u kunt integreer het in uw project meteen.

RFS

RFS staat voor Responsive Font Size en is een interessant project om een van de moeilijkste dingen op het web aan te pakken, namelijk om maak lettertype responsief, op een manier die de grootte mooi zal volgen met de viewport-grootte van het apparaat. RFS is beschikbaar als een NPM

SimpleBar

Een JavaScript-bibliotheek om een aangepaste schuifbalk te maken, met SimpleBar kunt u de schuif naar stijlen overeenkomen met uw site stijl met behulp van CSS, net als elk ander HTML-element op de site. Vanwege de beperkingen van het platform en de browser was het stylen van de browser-schuifbalk ingewikkeld, maar SimpleBar heeft het echt eenvoudig gemaakt.

Larastan

Larastan is een verpakking van PHPStan voor Laravel. PHPStan is een tool waarmee je je codes kunt controleren op mogelijke fouten zonder dat je een unit-test hoeft te schrijven. Het controleert tal van zaken, waaronder het bestaan van methoden en functies, typen die aan eigenschappen zijn toegewezen, aantal en typen die aan de klasse-constructor zijn toegewezen en validatie van phpDocs.

PWMetrics

PWMetrics is een tool die Progressive Web Apps-statistieken verzamelt via een opdrachtregelinterface, ontwikkeld door Paul Irish. De tool wordt mogelijk gemaakt door Lighthouse en is beschikbaar als een NPM-pakket. Het biedt veel mogelijkheden om configureer de statistieken, de testprestaties, en verwachtingen die u uit de test zou willen halen.

Pax

Pax is een JavaScript-bundler voor compileer JavaScript-modules in een bruikbaar bestand voor de browsers. Pax belooft snelheid. Het compileert sneller dan sommige alternatieve bundlers. Het ondersteunt ES6 volledig importeren en exporteren syntaxis en de CommonJS-sytax importeren. anders pax is geschreven met Rust en is verkrijgbaar via Rust-pakketregister genaamd Cargo.

SustyWP

SustyWP is een WordPress-thema gericht op een beter doel; om de ecologische voetafdruk te verkleinen door de grootte ervan zo klein mogelijk te houden. Het is een gewicht van slechts 7-6kb wanneer het in de browser is geladen. Haar snel en licht, en in ruil daarvoor verbruikt het minder hulpbronnen (bijvoorbeeld elektriciteit) om de site te laden. Bekijk het thema achtergrondverhaal in dit bericht door Jack Lenox.

De Doodle-bibliotheek

EEN verzameling van doodle tekeningen, de Doodle Library heeft veel tekeningen in de collectie en ze zijn gegroepeerd in verschillende categorieën Gezichten, Plaatsen, Dieren, enz. Tekeningen zijn beschikbaar in SVG-formaat en worden gedistribueerd onder de Creative Common Attributions 4.0

Tilt.js

Een jQuery-plugin voor maak er een mooie van kantelen effect vergelijkbaar met die voorbeeldminiaturen die we op de Apple TV zien. Het heeft geen extra CSS nodig. Ze bieden ook een aantal voorbeelden van implementaties op deze pagina, zodat het gebruik ervan vrij eenvoudig is. Zorg ervoor dat je Bekijk het Glare-effect; het is echt cool.

Fileroom

Fileroom is een webtoepassing voor peer-to-peer delen van bestanden binnen hetzelfde netwerk. Je kunt het bestand met je collega delen door simpelweg drag-n-drop, ongeacht het besturingssysteem. Het werkt in Windows, macOS, Linux.

Coolhue

Brighthue is een verzameling met zorgvuldig geselecteerde gradiëntkleuren waarmee u de kleurenpaletmonsters kunt pakken voor de Photoshop- en Sketch-app of installeer het in uw project gebruik makend van prieel of NPM. Dit zou u wat tijd moeten besparen om kleuren op te pikken voor uw aankomende websites.

Rif

Een eenvoudige JavaScript-bibliotheek om gebruikersinterface te maken, Reef heeft niet alle toeters en bellen uit de grotere bibliotheek zoals React.js of Vue.js. Maar als alles wat je nodig hebt is om te doen render een UI, alleen gegevensinvoer en de sjabloon Reef zou een geweldig alternatief kunnen zijn. Het weegt slechts 2Kb

Evergreen

Een verzameling UI-componenten van Segment.io. De componenten zijn behoorlijk gevarieerd; afgezien van een aantal reguliere componenten zoals knoppen, pictogrammen en tekstinvoer, zijn er een paar waarvan ik denk dat ze uniek zijn voor Evergreen, zoals Broodrooster, Zijblad en Hoekdialoog.