Verse bronnen voor webontwerpers en ontwikkelaars (maart 2015)

Tijd voor een nieuwe ronde van verse hulpbronnen, voor de maand maart. In deze serie hebben we een ontluikende browser, mockups voor een apparaat van de draagbare soort, een verzameling iconen die kunnen morphen, en een handvol andere coole dingen.

Volg de serie voor meer nieuwe bronnen voor webontwikkelaars.

bedieneenheid

CodePad is een web-app die u kunt gebruiken om codes op te slaan en te delen. Het ondersteunt meerdere programmeertalen, variërend van CSS tot XSLT. U kunt uw codefragmenten instellen op privétoegang zodat alleen u deze kunt zien of deze openbaar toegankelijk kunt laten, waardoor zoekmachines deze ook kunnen ophalen.

UINames

Als het kiezen van een gebruikersnaam bij het openen van een account voor een online dienst moeilijk voor je is, bedenk dan hoe moeilijk het voor ontwerpers is om valse namen te verzinnen als een inhoudvuller of placeholder in prototypes. UINames stelt u in staat om enkele willekeurige namen te genereren - zoals Lorem Ipsum, maar in plaats daarvan voor namen van mensen. U kunt een naam kiezen op basis van geslacht of zelfs op landen (bijvoorbeeld Japans, Chinees, Vietnam).

DevTools App

De DevTools-app is een applicatie waarmee u uw website kunt debuggen. Het werkt als de DevTools die we in Chrome kunnen vinden. Deze app is een experimenteel project om de DevTools te scheiden van Chrome, wat een redelijk rationeel idee is omdat de meerderheid van de Chrome-gebruikers geen DevTools nodig hebben of gebruiken - alleen ontwikkelaars zullen.

Is.js

Is.js is een handige, kleine JavaScript-bibliotheek waarmee u de evaluatie intuïtief kunt uitvoeren met behulp van de is methode. U kunt bijna elk gegevenstype testen, inclusief String, Array, Time, RegEx (Regular Expression) en zelfs Environment.

In het volgende codevoorbeeld wordt beoordeeld of we ons in Internet Explorer 6 bevinden:

 var IE6 = is.ie (6) if (IE6) // voer hier de functie uit 

TheatrJS

TheatrJS is een JavaScript-bibliotheek voor het maken van een type-effect, alleen in tegenstelling tot vergelijkbare bibliotheken bootst TheatrJS na hoe echte mensen typen, bijvoorbeeld met een beetje vertraging, met typefouten en correctie.

TintUI

TintUI is een verzameling kleurenpaletten afgeleid van meerdere bronnen. Hier vindt u de kleuren die werden gebruikt in iOS, Android Material Design of in Microsoft Windows. Deze tool maakt het gemakkelijk om de kleur te kiezen, klik eenvoudig op een kleurtegel om het Hex-formaat van die kleur te kopiëren.

Transformicons

Transformicons is een verzameling gemeenschappelijke schakelknoppen die in iets anders zullen veranderen wanneer erop wordt geklikt. Je kunt het populaire vinden “Hamburger” pictogrammen die zullen veranderen in een kruismarkering of een pijl. Transformicons biedt ook de Build-tool die u kunt gebruiken om alleen HTML, CSS en JavaScript voor de geselecteerde pictogrammen te genereren.

Vivaldi

Vivaldi is een nieuwe browser, gebouwd door hetzelfde team dat de vroege versie van Opera heeft gebouwd met de Presto-motor. Hoewel Vivaldi nog in de kinderschoenen staat, wordt het al geleverd met handige functies zoals “Snelle opdrachten” om navigatiesnelkoppelingen en tabstapels aan te passen die meerdere tabbladen op één tabblad groeperen. De ontwikkeling is aan de gang, met nog meer functies zoals Mail en Extension-ondersteuning.

Apple Watch Mockup

We hebben al mockups voor desktops, tablets en smartphones, dus het is slechts een kwestie van tijd voordat er modellen voor smartwatches zijn. Als je mockups nodig hebt voor de Apple Watch, is dit de site om te bookmarken. Je zult ook mockups vinden voor iOS-iconen en de iPhone 6.

Slot lettertype

Slotlettertype is een uniek ontworpen lettertype. Het is een afgerond lettertype met een halfronde versiering erin. Het lettertype is in OTF-formaat en het is goed om te gebruiken als een poster. Het is gratis voor gebruik in zowel persoonlijke als commerciële projecten.