Verse hulpbronnen voor webontwerpers en ontwikkelaars (februari 2017)

De reeks Fresh Resouces for Web Developers heeft ren nu ongeveer 4 jaar, en het onderhouden van deze serie heeft me veel inzicht gegeven in hoe het web in de loop van de jaren evolueert. Er zijn nieuwe tools komen elke maand uit om webontwikkeling eenvoudiger te maken.

In deze aflevering hebben we verzameld een aantal nieuwe tools, waaronder JavaScript-bibliotheken, een paar CSS-bibliotheken en referentie om je vaardigheden te verbeteren. Laten we ze eens bekijken.

Klik voor meer bronnen

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

Onderschrift

JavaScript is overname van desktopapplicatie voor de draagbaarheid over verschillende platformen en werkt net zo goed als de native app. Deze app, Onderschrift, bijvoorbeeld gebouwd bovenop Electron. Het is een eenvoudige app waarmee je ondertitelingsbestanden kunt doorzoeken (.srt) om te hechten aan de video die u aan het bekijken bent.

Geweldige OSX-opdrachtregel

Een enorme lijst met handige en handige opdrachtregels voor macOS. Hier kunt u veel dingen vinden die mogelijk via de CLI worden gedaan, zoals “de afdrukwachtrij wissen”, “verbergen map in Finder”, en “het voorkomen van slaap in het systeem”.

Trevor

Trevor is gewoon Travis CI gedaan offline. Travis is een Continuous Integration-service waar ontwikkelaars hun software testen om te zien of de software correct meerdere omgevingen werkt. Trevor is nog in de kinderschoenen; het ondersteunt momenteel alleen “NodeJS”.

geleidelijk

Een leuk JavaScript bibliotheek om het beeld progressief te laden, Vandaar de naam. Kleine afbeelding wordt weergegeven en vervaagd terwijl de browser de volledige afbeelding laadt. Deze helpt uw website veel sneller te laden vooral als het grote afbeeldingen bevat.

QartJS

Dit is een JavaScript dat maakt QR-code minder saai. Hiermee kunt u de QR-code over een afbeelding heen leggen - zoals uw foto.

WP Docker

WP Docker is een Docker-omgeving speciaal ontworpen om WordPress te ontwikkelen. De omgeving is op zichzelf staand en heeft geen invloed op uw computersysteem als u de configuratie hebt gemaakt. Het is een geweldig alternatief voor Vagrant, Valet, Local en MAMP.

Rellax

Rellax is een JavaScript-bibliotheek voor maak Parallax-effect op de pagina scrol. Het komt met weinig opties en relatief eenvoudig te configureren. Het is licht van gewicht, super snel uitgevoerd, en vereist geen afhankelijkheid zoals jQuery Daarom is het een geweldig alternatief voor andere bibliotheken in deze categorie, zoals Parallax.js of Scrollax.js.

Articulate

Nog een andere coole JavaScript-bibliotheek. Articuleren brengt synthetisch stem aan uw website. Het is in staat om uw website te ontleden en te lezen, kan uiteindelijk de toegankelijkheid van uw website verbeteren voor gebruikers met een verminderde zichtbaarheid.

MonetizeJS

MonetizeJS is een JavaScript-bibliotheek voor Stripe gemakkelijk implementeren; zo eenvoudig als het gebruik van jQuery.

Vonic

Vonic is een verzameling UI voor mobiel gebouwd met behulp van Vue.js en Ionic CSS. Het bevat veel UI-componenten die vaak worden aangetroffen in een mobiel, waaronder de Checkbox, zoekformulier, swiper en zogenaamde accordeon. U kunt gebruiken om een app voor mobiele apps te bouwen prototype recht in de browser.

WordPress Component Library

10up, een van de prominente namen in WordPress, heeft een ontworpen UI-bibliotheek uitgegeven specifiek voor WordPress. In tegenstelling tot andere UI-bibliotheken die alleen CSS- en HTML-codes bevatten, biedt 10Up ook het PHP-codefragment dat u gewoon in uw thema kunt plakken. Het onderdeel omvat Navigatie, tabbladen, tooltips, commonts en Blogrol.

JavaScript-opstartprestaties

Een fantastische en gedetailleerde artikelen van Addy Osmani, een van de Google-technici, over het schrijven van JavaScript dat supersnel werkt. Ik moedig je aan om het door te lezen tot verbeter je JavaScript-vaardigheden.

KuteJS

Kute is een JavaScript-bibliotheek om animaties uit te voeren. Het is razendsnel en superefficiënt in geheugengebruik. Het heeft extensies en extra hulpmiddelen om animatie toe te passen CSS, SVG en zelfs een jQuery-plug-in voor meer handige syntaxis.

PWA Rocks

Progressive Web Application (PWA) is een methodologie die staat een website toe om snel en bruikbaar offline te draaien. Deze PWA Rocks lijst een die is goedgekeurd door Google als een PWA. Naar leer meer over PWA van Google Neem een kijkje op: Progressive Web Apps.

Github Auto-updater

Github Auto-Updater is Composer-bibliotheek waarmee uw plug-in kan worden bijgewerkt vanuit Github. Dit is een handig script voor ontwikkelaars om plug-ins voor hun klanten zonder te onderhouden noodzakelijkerwijs uploaden naar de Github-repository.

Kaart

Card is een JavaScript-bibliotheek dat maakt Creditcard-invoer boeiender en verbetert uw gebruikerservaring tijdens het invoeren van hun creditcardnummers. Het werkt goed met jQuery, React, Angular en Ember.

Graaf

Graaf zorg voor een overlay over je pagina om te zien hoe het raster - kolom, rij, rugmarge - is ingedeeld. Je kan ook genereer uw eigen netwerkspecificatie met behulp van de verstrekte API.

Luxbar

Luxbar is een CSS-framework om gemakkelijk een responsieve navigatie te creëren; voeg eenvoudig het stylesheet toe en voeg de HTML correct toe. U kunt deze bibliotheek installeren NPM, Bower, of koppel het stylesheet rechtstreeks vanuit het CDN.

Contrast Grid

Een lijst van tabel toont kleurcontrast en hun bereikbaarheid op basis van de WCAG 2.0. U kunt de waarde op de tafel wijzigen en snel uitzoeken of de kleurencombinatie voldoet aan de WCAG-standaard.

ToneJS

ToneJS is een JavaScript-bibliotheek voor maak een toon of geluid dat misschien wel van een muziekinstrument komt. Ik denk dat deze bibliotheek van pas zal komen voor het bouwen van een web-gebaseerde muziekinstrumentemulator of geluidseffecten van een spel.