De aprileditie van wat nieuw is voor webontwerpers en -ontwikkelaars, omvat nieuwe web-apps, jQuery-plug-ins en JavaScript-bronnen, mobiele apps, educatieve bronnen, mockup-kits, frameworks, webontwikkelingstools, coderingsbronnen en enkele echt geweldige nieuwe lettertypen.

Veel van de onderstaande bronnen zijn gratis of zeer lage kosten, en zijn zeker nuttig voor veel ontwerpers en ontwikkelaars die er zijn.

Zoals altijd, laat het ons weten in de reacties als we iets gemist hebben waarvan je denkt dat het erbij hoort. En als je een app of andere bron hebt die je volgende maand wilt zien, voeg je deze toe aan @cameron_chapman voor overweging.

Gridwax

Gridwax is een bookmarklet waarmee u eenvoudig een instelbare verticale basislijn kunt toevoegen aan elke site in uw browser. Installeer de bladwijzer, klik erop en pas de hoogte aan met uw pijltjestoetsen.

gridwax

Chardin.js

Chardin.js maakt het eenvoudig om overlay-instructies aan uw apps toe te voegen via een jQuery-plug-in. Het is eenvoudig te installeren en configureren.

Chardin

Photolettering

Photolettering is een gratis iOS-app waarmee je tekst kunt toevoegen aan foto's die je in de app hebt gemaakt of aan afbeeldingen uit je filmrol. Het bevat een aantal geweldige lettertypen van House Industries, waaronder Elephant, Kerpow en Aztek.

photolettering

Leer CSS-lay-out

Leer CSS-lay-out is een tutorial-site die je CSS-lay-outtechnieken leert die verder gaan dan de basis. Het bevat lessen over het doosmodel, positionering, CSS-kaders, mediaquery's en nog veel meer.

leer css lay-out

UX Apprentice

UX Apprentice leert u de principes van UX-ontwerp met een gelaagde aanpak, inclusief ontdekking, strategie en ontwerp. Het bevat informatie over de kernprincipes van elke laag, evenals praktijkvoorbeelden en hulpmiddelen voor elke laag.

ux leerling

dsgnjbs

dsgnjbs verzamelt de beste ontwerpopdrachten van verschillende ontwerpwebsites, waaronder Dribbble, Behance, Smashing Magazine, 37 signalen en meer.

dsgnjbs

Platte gebruikersinterface

Platte gebruikersinterface is een gratis webinterfacekit met knoppen, menu-items, ingangen, selectievakjes en keuzerondjes, tooltips en nog veel meer basisontwerpelementen.

platte ui

Plat ontwerp

Plat ontwerp is een showcase van ontwerpen met platte UI's. Het omvat alles, van apps tot portfolio's tot evenementensites.

Plat ontwerp

TimeJump

TimeJump kunt u deep links toevoegen aan HTML5 audio- en video-inhoud met een gestandaardiseerde API op basis van de YouTube deep-linking-syntaxis.

timejump

SVG-patronengalerie

De SVG-patronengalerie is een verzameling SVG-patronen, compleet met code. SVG-afbeeldingen zijn over het algemeen kleiner dan bitmapafbeeldingen en blijven scherp op schermen met een hoge resolutie.

svg-patronengalerij

Inkwell.io

Inkwell.io is een handgemaakte schetskit speciaal voor web- en app-ontwerpers die wordt geleverd met alle gereedschappen die u misschien wilt gebruiken voor het tekenen van mockups en wireframes.

inktpot

Flat + 3D-mockup-set

Deze Flat + 3D-mockup-set maakt het eenvoudig om aantrekkelijke mockups voor uw apps te maken op een breed scala aan apparaten. Er zijn gratis en betaalde kits inbegrepen, afhankelijk van welke apparaten je nodig hebt.

platte 3d

ivoor

ivoor is een eenvoudig, krachtig, responsief front-end rasterframe dat eenvoudig kan worden geschaald van 1200 px tot 320 px breed. Het heeft een flexibele lay-out met 12 vloeiende kolommen, wordt ondersteund door de nieuwste versies van alle belangrijke moderne browsers en is eenvoudig te gebruiken.

ivoor

Mengsel

Mengsel is een snelle prototyping en statische site builder tool die werkt met je favoriete editor. Het ondersteunt verschillende ketelplaten, evenals ondersteuning voor het maken van uw eigen.

mengsel

Kippt

Kippt laat je een online bibliotheek bouwen voor het verzamelen van onderzoek, verhalen, inspiratie en notities. U kunt uw collecties privé of openbaar maken of ze gewoon delen met specifieke mensen.

kippt

Photoset Grid

Photoset Grid is een jQuery-plug-in waarmee u afbeeldingen in een flexibel raster kunt rangschikken, geïnspireerd op de fotosetfunctie van Tumblr. Het is oorspronkelijk gemaakt voor de Style Hatch Tumblr-thema's, maar is nu beschikbaar voor gebruik buiten de thema's.

photoset raster

Superbox

Superbox is een jQuery-plug-in die werkt als een statische afbeeldingsgalerij die de volledige versie onthult wanneer op een afbeelding wordt geklikt.

Superbox

jQuery Menu Doel

Wil je responsieve mega-dropdowns maken zoals Amazon's? jQuery Menu Doel helpt mega-dropdowns nuttiger te maken door te anticiperen op de muisbeweging van de gebruiker om submenu's te openen in plaats van vertragingen en time-outs.

jQuery menu doel

Retinise.js

Retinise.js is een jQuery-plugin die de inline-afbeeldingen op uw site "retiniseert" met "data-src" in plaats van "src", dus het trekt alleen de afbeelding aan die u nodig hebt in plaats van meerdere versies te laden.

retinise

Is een volger

Is een volger is een klein stukje JavaScript dat een statusindicator toevoegt aan het profiel van een Dribbble-gebruiker om u te laten zien of ze u volgen. Het is beschikbaar als een bookmarklet, een Greasemonkey-script voor Firefox of een Chrome-extensie.

is een volgeling

Mobify.js

Mobify.js is een open source-bibliotheek waarmee u uw site eenvoudig aan elk apparaat kunt aanpassen. Het vangt en manipuleert het DOM van uw site voordat bronnen worden gedownload, zodat resourcebeheer, voorwaardelijke belasting en meer mogelijk zijn.

mobify.js

Intro.js

Intro.js laat u een eenvoudige stap-voor-stap handleiding toevoegen om gebruikers kennis te laten maken met uw site of app. Het is snel en klein en biedt zowel toetsenbord- als muisnavigatie.

intro.js

animatable

animatable laat u eenvoudig allerlei soorten objecten animeren, inclusief achtergrondkleur, achtergrondpositie, randbreedte, lettergrootte, kleur, randradius, dekking en nog veel meer.

animatable

Accounting.js

Accounting.js is een JS-bibliotheek voor het opmaken van getallen, geld en valuta. Het bevat zelfs een kolomstijl in Excel-stijl voor het uitlijnen van symbolen en decimalen.

accounting.js

Bespoke.js

Bespoke.js is een doe-het-zelf-presentatie microraamwerk dat een aantal verschillende dia-animaties biedt, waaronder coverflow, kubus en carrousel, onder anderen.

bespoke.js

Soundtrack-volume ($ 34)

Soundtrack Volume is een handgetekend letterbeeld dat in twee gewichten voorkomt. Het is een levendig all-caps lettertype met contextuele alternatieven.

soundtrack volume

Persstijl (gratis)

Druk op Stijl is een verdrietig schreefloos lettertype zonder schreef. Het heeft hoofd- en kleine letters, evenals een vrij groot aantal accenten en symbolen (vooral voor een gratis lettertype).

druk op stijl

Dottie Daze (gratis)

Dottie Daze is een handgetekend display-lettertype met gestippelde accenten.

dottie daze

Futura FH Custom (gratis)

Futura FH Custom is gebaseerd op Futura, met toegevoegde accenten, waardoor het een geweldig display-lettertype is. Het is gratis voor persoonlijk en commercieel gebruik.

futura fh op maat

Langdon (gratis)

Langdon is een serieus, betrouwbaar lettertype dat gratis is voor persoonlijk en commercieel gebruik.

langdon

Cyclope (gratis)

cyclope is een letterloos schreefloos lettertype dat gratis is voor persoonlijk gebruik (commercieel gebruik vereist een donatie).

cyclope

Verslagen (gratis)

Verslagen is een nieuw display-lettertype met abstracte lettervormen die gratis is voor persoonlijk en commercieel gebruik.

verslagen

Benito ($ 40)

Benito is een proportioneel, geometrisch houttype met zes stijlen: afdrukken, stencilen en opschoon, elk met cursief.

benito

Imperious ($ 20)

heerszuchtig is een funky geometrisch lettertype met meer dan 450 ligaturen.

heerszuchtig

Naïef inline ($ 20)

Naïef inline is een handgeschreven serif-typefamilie met drie gewichten. Het was een heel Parijs gevoel, en zorgt voor een geribbeld of volledig tweekleurig interieur.

naïef inline

Weet u van een nieuwe app of bron die had moeten zijn opgenomen, maar dat niet was? Laat het ons weten in de reacties!