Verse hulpbronnen voor webontwerpers en ontwikkelaars (januari 2017)

Deze serie heeft een lange weg afgelegd waar we getuige van zijn geweest webontwikkelingstools komen en gaan; eenmaal schitteren ze, een paar maanden later zijn ze overbodig geworden met andere nieuwste tools. Desalniettemin hebben we een aantal nieuwe hulpmiddelen op de lijst voor onze ontwikkelaars om deze maand te verkennen JavaScript-bibliotheken, een Sketch-plug-in voor responsief UI-ontwerp, en een paar CSS-frameworks.

Klik voor meer bronnen

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

Ik typte

Een JavaScript bibliotheek waarmee u kunt presenteren typen effecten van een lijst met tekst; een effect dat je de laatste tijd misschien op het web hebt gezien. Deze JavaScript-bibliotheek is eenvoudig te implementeren met een handvol opties om het effect aan te passen. U kunt deze bibliotheek via NPM installeren of laden via CDN op https://unpkg.com/[email protected].

Opera Neon

Opera was de eerste die een op tabbladen gebaseerde browser introduceerde en sindsdien hebben we dat gedaan browsers met zogenaamde tabbladen en snelkeuzenummers. Opera heeft onlangs haar nieuwe initiatief vrijgegeven, genaamd Opera Neon. Een nieuwe browser met een versere interface zoals de zogenaamde omnibox, gesplitste schermmodus en prachtige achtergrond selecties. Kan Opera Neon de browserruimte dus nog een keer veranderen? Dit zullen we moeten zien.

At.js

At.js is een JavaScript-bibliotheek waarmee u kunt voeg smileys toe, noem vrienden of tagging; zoiets als we hebben gezien op Slack, Twitter en Facebook. Voor deze plug-in is jQuery vereist, waarmee dit kan werken op Internet Explorer 7 en misschien Internet Verken ook 6. Fantastisch!

Vrijlating

Release maakt een nieuwe versie-versie van een software maken in Github efficiënter. Een nieuwe release gaat meestal gepaard met een changelog en deze module kunt u de changelog vullen automatisch afgeleid van de Git commit-berichten.

prettier

Een JavaScript beautifier ervoor zorgen dat onze JavaScript-code op een consistente manier wordt opgemaakt. Het ondersteunt ES2017 en JSX.

Ayu

Ayu is Subliem tekstthema met een frisse en moderne uitstraling. Het wordt geleverd met 2 tonen donker en licht. Ayu betekent mooi in Indonesië, en zo te zeggen; het maakt Sublime Text UI mooier.

JSON Splora

EEN lichtgewicht toepassing voor bewerking en visualisatie van JSON-gegevens. De app compatibel met Windows, Linux en MacOS.

zoomen

Een JavaScript om elegant op de afbeelding in te zoomen. Geoptimaliseerd voor mobiel, werkt mooi in het hi-def-scherm en is eenvoudig aan te passen.

ramme

Ramme is een Instagram desktop client. Hoewel het niet-officieel is, maar misschien kun je er een paar leren nieuwe dingen uit de broncode.

Gebruikersnaam wijzigen

Een WordPress-plug-in die ooit is geactiveerd, voegt een toe “verandering” link naast de gebruikersnaaminvoer en kunt u de gebruikersnaam wijzigen.

NodeifyWP

NodeifyWP is een vrij unieke WordPress-plug-in. Hiermee kunt u WordPress gebruiken zoals u gewend bent voer de inhoud uit met behulp van een Node.js-module. Ik heb deze plug-in nog niet geprobeerd voor een project. Maar de presentatie die ik zag in WordCamp Denpasar 2016, deze plugin ziet er veelbelovend uit om WordPress-ontwikkeling te moderniseren.

ColorMe

ColorMe is behoorlijk anders dan andere kleurgenerator-apps die ik eerder heb gezien. Afgezien van het genereren van kleurcodes, geeft de app ook controle over het aanpassen van de kleurhelderheid, tint, tint, verzadiging, contrast, enz.

WP-CLI-pakketten

EEN verzameling extensies van WP-CLI dat extra opdrachtregels en parameters toevoegt om extra taken uit te voeren, zoals bijvoorbeeld voor implementatie van WordPress op externe server, migratie van een WordPress-site, doorspoelen van caches, en veel meer.

Tailor Page Builder

Een WordPress-plug-in waarmee u kunt maak niet-lineaire inhoud met een drag-n-drop interface. De plug-in is uitbreidbaar voor een nieuwe component om een uniek inhoudstype toe te voegen. Het biedt WP-API om ook deze inhoud te beheren. Tailor Page Builder is veruit de beste plugin in deze categorie.

XVG

XVG is een Chrome-extensie die geeft SVG grafische contouren en ankers weer die u kan helpen bij het eenvoudig opsporen van de SVG-objecten.

RibbonJS

RibbonJS is een JavaScript-bibliotheek waarmee u dit kunt doen produceer decoratieve linten op uw website, zoals je de volgende screenshot kunt zien. Het is slechts 1 kB groot en gemakkelijk aan te passen.

Automatische lay-out

Auto-layout is a Schetsinvoegtoepassing die een aantal vooraf ingestelde schermformaten biedt om uw UI-ontwerp te testen. U kunt er dus voor zorgen dat het ontwerp er even goed uitziet, of het nu wordt bekeken op iPhone 5, iPhone 6, enz. Met de plug-in kunt u ook definieer aangepaste formaten voor het geval dit niet beschikbaar is in de voorinstelling. Zie hoe de plug-in in actie in deze video.

Funcssions

Funcssion is a verzameling CSS-klassen die het Pure Function-principe volgt. Elke CSS-klasse definieert een enkel doel van styling. Dit CSS Framework is momenteel een work in progress met meer functies om in de toekomst te introduceren zoals responsieve raster, knoppen, enz.

Webslides

Een lichtgewicht en eenvoudig te gebruiken kader om presentatiedia's te bouwen met alleen HTML en CSS. Webslides biedt momenteel een aantal leuke diashablonen waar je kunt start meteen je diapresentatie.

Veerkrachtig webontwerp

Resilient Web Design is een online boek. Dit boek is niets technisch, maar dekt het geschiedenissen, principes en uitvindingen die het web vormen zoals we die kennen in de wereld van vandaag. Ik denk dat het een geweldige lezing is voor het weekend.