Fresh Resources voor webontwerpers en ontwikkelaars (augustus 2017)

Er zijn een aantal open source-bedrijven die samenwerken om u van dienst te zijn webbronnen en hulpmiddelen voor iedereen om gratis te gebruiken. Dit is wat de webgemeenschap doet gedijen, innoveren en nuttiger hulpbronnen produceren.

In deze aflevering van de reeks Fresh Resources heb ik een aantal gemaakt nieuwe bronnen uit verschillende categorieën inclusief een app waarmee je Sketch-plug-ins op verschillende computers kunt beheren, een verzameling iconische lettertypen voor je nerd soul, een paar desktop-apps, en een handvol anderen. Laten we ze een voor een bekijken.

Klik voor meer bronnen

Ontdek onze volledige verzameling aanbevolen bronnen en de beste beschikbare hulpmiddelen voor webontwerp en -ontwikkeling.

Inclusive Design Principle

Een geweldige referentie principes om websites of softwaretoepassingen te bouwen die voor zoveel mogelijk mensen plezierig zijn, ongeacht hun handicap. Deze referentie is beschikbaar in het Engels, Spaans, Frans en Japans. Een leuke poster is ook beschikbaar die u kunt afdrukken en plaats in je werkstation.

MerlinWP

Dit was iets dat ik had willen bouwen, maar iemand deed het eerst en het ziet er goed uit. MerlinWP is een PHP-klasse bedoeld voor thema-ontwikkelaars zorg voor een leuke on-boarding ervaring voor een WordPress-thema vergelijkbaar met hoe we macOS of Windows op een nieuwe computer zouden instellen.

WTFJS

JavaScript is een geweldige taal met een groot ecosysteem dat web-, desktop- en mobiele applicaties ondersteunt. Het omgaan met JavaScript kan echter soms lastig zijn. WTFJS heeft deze verzameld, zoals de naam al aangeeft eigenzinnige JavaScript-gedrag dat WTF schreeuwt!

facturatie

Een WordPress plugin dat kunt u een factuur en een offerte rechtstreeks vanuit het Dashboard maken. Het heeft een eenvoudig te gebruiken en slanke gebruikersinterface en bevat alle functies die nodig zijn om facturen te beheren. U kunt ook verschillende betalingsmodi instellen om uw klanten te laten betalen via Paypal, Authorize.net, Stripe en vele anderen.

Lungo

Een kleine macOS-applicatie om uw computer wakker te houden. Deze app is met name handig wanneer u zich midden in een geautomatiseerd werk bevindt dat lang moet worden voltooid en u ervoor wilt zorgen dat uw computer niet in de slaapstand gaat.

Vector Emoji

EEN verzameling van populaire emoji's in vector-formaat. Bestanden zijn beschikbaar in zowel Photoshop- als Sketch-indeling.

PHPBot

PHPBot is zoals een assistent die PHP-taal spreekt. U kunt bijvoorbeeld een PHP-functie typen array_merge version_compare, en het antwoordt u met een volledig voorbeeld van een codefragment op basis van die functie. Verrassend genoeg ook herkent wanneer we typen “Array-kaart”. Op een dag kan het worden geïntegreerd in een code-editor of een IDE, vergelijkbaar met Clippy op Microsoft Word.

TerminalsAreSexy

Terminal is waarschijnlijk een van de beste tools die ooit zijn uitgevonden. En dit, “TerminalsAreSexy”, is een samengestelde lijst met tools, frameworks en uitbreidingen dat zal het verbeteren. Nadat u Terminal en de opdrachtregels onder de knie hebt, zult u merken dat deze krachtiger is dan welke GUI-toepassing dan ook.

Flat Picker

FlatPickr is een lichtgewicht, gemakkelijk aan te passen, waanzinnig snelle datum-tijdkiezer dat werkt in IE9 +, iOS Safari 6+, MS Edge, Chrome 8+, Firefox 6+. FlatPickr is ook geweest geport naar populaire JavaScript-frameworks inclusief React, Sintel, Vue en Hoekig.

Componist Cat

Composer is populair afhankelijkheidsbeheer voor PHP-applicaties. Als u liever met een grafische gebruikersinterface werkt, is ComposerCat degene die u zoekt. Hiermee kunt u installeer, update en verwijder Composer-pakketten een intuïtieve gebruikersinterface. ComposerCat is gebouwd op de top van Electron en is beschikbaar voor Windows, macOS en Linux.

Vidlery

Een geweldige verzameling geanimeerde video's die perfect zijn voor de achtergrond van een website. Al deze video's zijn gratis. Wat kunnen we nog meer vragen?

Webpack Dashboard

Geïnspireerd door NASA OpenMCT Dashboard, zal deze app je het Logs, Assets, Operations en andere analytische beoordelingen van uw Webpack-bundels die u het gevoel geven dat u aan een NASA-project werkt. Klinkt geweldig, goed?

GTop

Een ander hulpmiddel dat bijdraagt aan uw productiviteit. GTop is een knooppuntenpakket dat u biedt systeembewakingsdashboard voor terminal.

Wekan

Wekan is een Trello-achtige applicatie die je op je eigen server kunt gebruiken. Een geweldig alternatief voor Trello, vooral als je nog geen abonnement hebt genomen. Bekijk de gedetailleerde Wiki over de installatie.

FuzzySort

Geïnspireerd door SublimeText zoeken, FuzzySort is een JavaScript-bibliotheek voor ongelooflijk snelle fuzzy-achtige zoekopdrachten. Deze bibliotheek kan worden gebruikt in de Node-toepassing en in de browser. Als je niet zeker weet wat “fuzzy” search betekent check deze thread op StackOverflow.

NerdFonts

Een enorme verzameling lettertypen om uw nerdy kant los te laten. De collectie bevat enkele van de populaire lettertypefamilies zoals Hack, Fira, Ubuntu, Roboto en Meslo.

fitty

Fitty is a JavaScript-bibliotheek om een tekst in de container te laten passen. Het werkt met aangepaste webfonts en ondersteunt multiline-tekst. Het is ook responsief; zoals het zal pas automatisch de lettertypegrootte aan wanneer het kijkvenster verandert.

WhatWebCanDo

Het web is meer geëvolueerd dan alleen het leveren van tekst en media. Het heeft enorm nieuwe API's, nieuwe Elements en CSS en andere technologieën geïntroduceerd die de ervaring op het web voor zowel gebruikers als de ontwikkelaars verrijken. Ga naar WhatWebCanDo om de lijst met functies te bekijken die is ingeschakeld in de browser die u gebruikt.

SketchPacks

Een app waarmee je kunt sync Schets plug-ins op meerdere computers. Het is handig wanneer u zowel op uw iMac of MacBook werkt, of uw Maak een schets als u net een nieuwe computer hebt geïnstalleerd.

FontStorage

EEN enorme verzameling gratis lettertypen die op internet kunnen worden gebruikt. Het biedt lettertypen uit verschillende categorieën met glyphs van verschillende talen. Een plugin voor code-editor is beschikbaar om in het stijlblad van het geselecteerde lettertype te worden ingevoegd. Als alternatief kunt u de lettertypen downloaden en laden met behulp van @fontface binnen het eigen stylesheet van de site. Dit kan een goed alternatief zijn voor Google Fonts.