Startpagina » Webontwerp » Verse hulpbronnen voor webontwerpers en ontwikkelaars (februari 2017)

    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

    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.