De juli-editie van wat nieuw is voor webontwerpers en -ontwikkelaars, omvat nieuwe web-apps, JavaScript- en jQuery-tools, frameworks, responsieve ontwerpmiddelen, productiviteitstools, beeldhulpprogramma's, educatieve bronnen, bedrijfstools, code-editors 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.

nitro

nitro is een task manager die een interface heeft met Dropbox of Ubuntu om je productiever te maken. Het biedt slimme lijsten voor het organiseren van taken, deadlines, zoeken, terugkerende taken en zelfs thema's.

nitro

TinyPNG

Wilt u nog kleinere PNG-bestanden voor uw ontwerpen? TinyPNG maakt gebruik van slimme lossy-compressie om de bestandsgrootte van uw PNG's te verkleinen, terwijl de alpha-transparantie behouden blijft. Het is een geweldige oplossing als je kleine bestanden met transparantie nodig hebt.

tinypng

Vi

Vi is een eenvoudige teksteditor in de browser waarmee u bestanden van internet kunt openen en bewerken. En als je bestanden rechtstreeks vanuit Dropbox of Box opent, wordt het bestand opgeslagen naar waar het vandaan kwam.

vi

De overlevingsgids van de ontwerper

De overlevingsgids van de ontwerper is een blog samengesteld door Richard Baird en biedt voortdurend bijgewerkte lijsten met ontwerptips over verschillende onderwerpen van toonaangevende ontwerpers en professionals uit de industrie. Het is een hulpmiddel, vooral voor ontwerpers die net zijn begonnen.

Survival Gids

Spin.js

Sping.js is een CSS-generator waarmee u een CSS-gebaseerde laadspinner kunt maken die geen externe afhankelijkheden, geen afbeeldingen en geen externe CSS heeft. Het is zeer configureerbaar en resolutie-onafhankelijk.

draai js

HTML5-factuur

HTML5-factuur is gebaseerd op de lichtgewicht HTML-factuur van Chris Coyier. Facturen drukken perfect op papier van 8,5 x 11, met nauwkeurige uitvoer. Je kunt het gebruiken zoals het is of de bron downloaden om de stijl aan te passen.

html5 factuur

Stichting 3.0

Zurb's Foundation is al een tijdje uit, en ze hebben net de nieuwste versie uitgebracht, Stichting 3.0 , wat het meest geavanceerde front-end framework ter wereld is. 3.0 is gebouwd met Sass voor snellere ontwikkeling en extra hulpmiddelen, en er zijn ook andere nieuwe elementen toegevoegd.

stichting 3.0

Chocolat

Chocolat is een nieuwe tekst- en code-editor voor OS X. Het combineert native Cocoa en krachtige bewerkingstools. Functies zijn onder andere live-fouten, code-aanvulling, split-bewerking en meer.

chocolat

Dropbox Photo Sideloader

Als je je Dropbox-account liever gebruikt voor het hosten van afbeeldingen die op je WordPress-blog worden gebruikt, heb je de Dropbox Photo Sideloader inpluggen. Het maakt het eenvoudig om een ​​nieuw tabblad toe te voegen aan de Media Uploader van WordPress, waarmee je beeldbestanden kunt ophalen uit je Dropbox-account.

dropbox zijlader

MercuryApp

MercuryApp is een 'micro-journaling'-platform waarmee je je gevoelens over vrijwel alles in de tijd kunt bijhouden, gegevens kunt verzamelen en vervolgens inzicht kunt krijgen. Je kunt het gebruiken om slimmere beslissingen te nemen door je gevoelens over bijna alles te volgen.

mercuryapp

Purty Pixels

Purty Pixels is een geweldige bron voor gratis PSD-ontwerpresources en WordPress-thema's. Premium-bronnen zijn ook beschikbaar.

zuivere pixels

Zuid straat

Zuid straat is een geoptimaliseerde groep van open source, progressieve verbeteringsworkflowtools. Het bevat Enhance, eCSSential, QuickConcat, AjaxInclude, AppendAround en Picturefill en is ontwikkeld door Filament Group.

Zuid straat

beugels

beugels is een opensourcecode-editor voor webontwerp en -ontwikkeling, gemaakt en onderhouden door Adobe (en uitgegeven onder een MIT-licentie). Het is gebouwd met HTML, CSS en JavaScript en is gericht op 'snelle bewerking' in-line weergaven, zodat u contextgevoelige toegang heeft tot uw inhoud terwijl u uw code nog steeds op de voorgrond houdt.

beugels

Sprite3D.js

Sprite3D.js is een kleine JavaScript-bibliotheek voor het maken en manipuleren van CSS 3D-transformaties. Het wikkelt HTML-elementen met het nodige gedrag zodat u hun 3D-positie gemakkelijk kunt regelen. En het werkt zonder een canvas-object of een WebGL-browser.

sprite3d.js

RefineSlide

RefineSlide is een open source, responsieve diavoorstelling met CSS-overgang en 3D-transformatieondersteuning, automatisch opgemaakte en responsieve miniaturen, HTML-ondertitels, hardwareversnelling op ondersteunde browsers en meer.

refineslide

SeuratJS

SeuratJS is een JavaScript-bibliotheek voor het maken van pointilized en pixelized animaties van uw afbeeldingen met minimale code. Het maakt gebruik van HTML5-canvas om kleurgegevens te ontleden, dus het is volledig client-side.

seuratjs

Laravel

Laravel is een PHP-webontwikkelingsraamwerk dat het gemakkelijker maakt om apps te maken met eenvoudige, expressieve syntaxis. Het is goed gedocumenteerd, open source, en laat je code delen in bundels (of pak bundels die anderen hebben gedeeld om je eigen ontwikkeling te versnellen).

laravel

pop

pop is een toolkit voor rapid prototyping die het sneller maakt om webprototypes te ontwikkelen, testen en presenteren door de connectiviteit met een live database te simuleren. Het biedt inhoud, maar ook het randomiseren van belangrijke lay-outaspecten, dus je werkt met en presenteert iets dat veel dichter bij het uiteindelijke resultaat staat.

pop

De ketel

De ketel is een gratis, responsief HTML5 / CSS3 standaard WordPress-thema van Vorkshop. Het bevat een thema-aanpasser en opties, aangepaste koptekst, aangepaste achtergrond, aangepaste sjablonen, shortcodes en meer.

de ketel

smoorklep

Het is eenvoudig genoeg om de laadtijden op uw website online te testen. Maar hoe zit het met het testen voor mobiele gebruikers? smoorklep simuleert hoe een website op verschillende mobiele netwerken zal worden geladen, zonder daadwerkelijk toegang tot de verschillende mobiele netwerken nodig te hebben (u zou bijvoorbeeld kunnen testen op basis van een slecht 3G-netwerk).

smoorklep

Rotonde

Rotonde neemt uw ongeordende lijsten en converteert ze naar een platenspeler-achtige indeling. Het is open source en meteen klaar om te gebruiken, maar het is ook zeer aanpasbaar.

rotonde

ProjectFlow

ProjectFlow is een visuele manier om uw projecten te organiseren, met een drag-and-drop interface. Voeg eenvoudig projecten toe, definieer uw kolommen om uw proces weer te geven en sleep uw projecten vervolgens door de kolommen om hun voortgang te markeren.

projectflow

Unroll.me

Unroll.me is een gratis service om ongewenste e-mailabonnementen te verwijderen en de rest van hen te organiseren. Het werkt momenteel alleen met Gmail en Google Apps, maar ondersteuning voor Yahoo! Mail en anderen komen eraan.

unroll.me

QUOjs

QUOjs is een micro JavaScript-bibliotheek voor vereenvoudigde mobiele ontwikkelingsprojecten. Het vereenvoudigt het doorzoeken van HTML-documenten, het afhandelen van gebeurtenissen en Ajax-interacties voor een snelle ontwikkeling van code voor meerdere browsers.

quojs

Uptime

Uptime is een HTTP remote monitoring utility die Node.js en MongoDB gebruikt. Hiermee kunt u duizenden websites volgen op een door u gedefinieerd frequentieschema, en krijgt u meteen een melding op elke pagina wanneer er een probleem is, naast andere functies.

uptime

Peity

Peity is een jQuery-plug-in die de inhoud van een element omzet in een canvasdiagram (cirkel, lijn of balk). Het werkt in elke browser die canvas ondersteunt (Chrome, Firefox, IE9 +, Opera en Safari).

peity

PHP: The Right Way

Wil je PHP leren? PHP: The Right Way kan helpen. Het legt de PHP-best practices uit, zodat je slechte code en slechte praktijken kunt voorkomen (belangrijk omdat er geen standaard manier is om PHP te gebruiken, wat sommige nieuwe gebruikers kan verwarren).

php op de juiste manier

Docracy

Een juridisch document nodig? Uitchecken Docracy , een sociale repository van juridische documenten, contracten en overeenkomsten. Zoek gewoon naar een document, bewaar een kopie en maak er zelf een en onderteken het gratis.

docracy

PsDefaults

PsDefaults biedt betere 'standaardafbeeldingen' voor Photoshop. Het is een verzameling moderne, met de hand gemaakte presets: patronen, penselen, vormen, stijlen en meer. Je kunt een gratis mini-kit krijgen in ruil voor je e-mailadres, of je kunt een pre-order plaatsen door ze te ondersteunen op Kickstarter.

psdefaults

Tilizer

Tilizer is een echt nette betegelde achtergrondgenerator. Het maakt willekeurige tegelpatronen gebaseerd op uw invoer, inclusief hoeveel unieke rijen en kolommen het patroon zou moeten hebben, de schaal, kleuren en meer.

tilizer

Marqueed

Marqueed is een eenvoudige tool om afbeeldingen te delen, te becommentariëren en te markeren. Het is een fantastische tool voor teams of om feedback van klanten te krijgen.

marqueed

Maven Pro (noem uw prijs)

Maven Pro , van Lost Type Co-Op en ontworpen door Joe Prince, biedt drie ontbrekende lichtste gewichten van het schreefloze lettertype Maven Pro, inclusief een ultradunne haarlijngewicht.

maven pro

Bioweapon (gratis)

biowapen is een lettertype van Lucas Felipe, gratis voor commercieel gebruik, alleen beschikbaar via Behance. Het is een modern display-letterbeeld, met schreefloze lettervormen en een fantastisch gebruik van negatieve ruimte.

biowapen

Figa (gratis)

Figa is een geweldig gratis lettertype met geometrische, abstracte lettervormen. Het is ontworpen door Pier Paolo en is beschikbaar voor al uw projecten, zolang u maar een kopie van uw werk naar de ontwerper stuurt.

FIGA

Quarz 974 (gratis)

Quarz 974 is een abstract geometrisch lettertype met rune-achtige lettervormen. Het is verrassend leesbaar op schermformaten, waardoor het geweldig is voor dingen zoals posters.

quarz 974

Typometry Pro ($ 10)

Typometry Pro is een displaylettertype met een modern, deco-achtig gevoel. Er zijn normale en alternatieve stijlen inbegrepen.

Typometry Pro

47 (gratis)

47 is een gratis, modern lettertype met een vintage gevoel en schuine lettervormen.

47

Lush Script ($ 59)

Lush Script is een lichtjes ontspannen formeel manuscript dat door handlettering van de jaren '40 en de jaren '50 wordt beïnvloed. Het heeft een nogal agressief ritme, met overgangen die vaak snel terugkeren.

weelderige script

Voorgevel ($ 55)

Voorgevel is een gelaagd type systeem met eindeloze ontwerpmogelijkheden en een vintage bordgevoel. Er zijn 224 tekens in zes stijlen, perfect voor krantenkoppen en logotypes.

voorgevel

Ashbury (gratis - $ 258)

Ashbury is geïnspireerd op achttiende-eeuwse overgangstypes met geherinterpreteerde formele aspecten en een vloeiend overzicht. Het lichte gewicht is gratis te downloaden, hoewel er 10 gewichten en stijlen beschikbaar zijn.

ashbury

Acorn (gratis)

Eikel is een gratis lettertype van William Suckling, beschikbaar via Behance. Het is een eenvoudig, met de hand getekend, schreefloos lettertype, perfect voor gebruik op het display.

eikel-