I juli-utgåvan av det som är nytt för webbdesigners och utvecklare ingår nya webbapps, JavaScript och jQuery-verktyg, ramverk, responsiva designresurser, produktivitetsverktyg, bildverktyg, pedagogiska resurser, affärsverktyg, kodredaktörer och några riktigt nya nya teckensnitt.

Många av resurserna nedan är gratis eller mycket låga kostnader, och kommer säkert att vara användbara för många designers och utvecklare där ute.

Som alltid, om vi har saknat något som du tycker borde ha inkluderats, vänligen meddela oss i kommentarerna. Och om du har en app eller annan resurs som du vill se inkluderad nästa månad, tweet den till @cameron_chapman för övervägan.

nitro

nitro är en arbetshanterare som gränsar till Dropbox eller Ubuntu för att göra dig mer produktiv. Det erbjuder smarta listor för att organisera uppgifter, förfallodagar, sökningar, återkommande uppgifter och till och med teman.

nitro

TinyPNG

Behöver du ännu mindre PNG-filer för dina mönster? TinyPNG använder smart lossy-komprimering för att minska filstorleken på dina PNG-filer, samtidigt som alfa-transparens bevaras. Det är en bra lösning om du behöver små filer med öppenhet.

tinypng

Vi

Vi är en enkel textredigerare i webbläsaren som låter dig öppna och redigera filer från webben. Och om du öppnar filer direkt från Dropbox eller Box, så sparar den tillbaka till var den kom ifrån.

vI

Designerens överlevnadsguide

Designerens överlevnadsguide är en blogg, kuraterad av Richard Baird, som erbjuder kontinuerligt uppdaterade listor av designtips om olika ämnen från ledande designers och branschproffs. Det är en resurs, speciellt för designers som bara börjar.

överlevnadsguide

Spin.js

Sping.js är en CSS-generator som låter dig skapa en CSS-baserad laddningsspinner som inte har några externa beroenden, inga bilder och ingen extern CSS. Det är mycket konfigurerbart och upplösningsoberoende.

spin js

HTML5-faktura

HTML5-faktura baseras på Chris Coyiers lättvikta HTML-faktura. Fakturor skrivs perfekt ut till 8,5 x 11 papper, med exakt utgång. Du kan använda den som-är eller ladda ner källan för att anpassa stilen.

html5 faktura

Stiftelsen 3.0

Zurbs Foundation har varit ute en stund nu, och de har precis släppt den senaste versionen, Stiftelsen 3.0 , vilket är den mest avancerade fronten-ramen i världen. 3.0 byggdes med Sass för snabbare utveckling och extra verktyg, och andra nya element har också lagts till.

grund 3.0

choklad

choklad är en ny text- och kodredigerare för OS X. Den kombinerar infödda kakao och kraftfulla redigeringsverktyg. Funktionerna inkluderar levande fel, kodfärdigande, delad redigering och mer.

choklad

Dropbox Photo Sidoladdare

Om du hellre vill använda ditt Dropbox-konto för värdbilder som används på din WordPress-blogg, behöver du Dropbox Photo Sidoladdare plugin. Det gör det enkelt att lägga till en ny flik till WordPress Media Uploader som låter dig dra bildfiler från ditt Dropbox-konto.

dropbox sidoladdare

MercuryApp

MercuryApp är en "micro-journaling" -plattform som låter dig spåra dina känslor ungefär över tiden, samla in data om det och få insikt. Du kan använda den för att göra smartare beslut genom att spåra dina känslor om nästan vad som helst.

mercuryapp

Purty Pixels

Purty Pixels är en bra resurs för gratis PSD-designresurser och WordPress-teman. Premium resurser finns också tillgängliga.

rena pixlar

Southstreet

Southstreet är en optimerad grupp av arbetsflödesverktyg för öppen källkod, progressiv förbättring. Den innehåller Enhance, eCSSential, QuickConcat, AjaxInclude, AppendAround och Picturefill, och utvecklades av Filament Group.

Southstreet

konsoler

konsoler är en öppen källkodsredigerare för webbdesign och utveckling, skapad och underhållen av Adobe (och släpptes under en MIT-licens). Den är byggd med hjälp av HTML, CSS och JavaScript och fokuserar på "snabb redigering" in-line-visningar så att du har kontextkänslig tillgång till innehållet medan du fortfarande håller din kod i spetsen.

konsoler

Sprite3D.js

Sprite3D.js är ett litet JavaScript-bibliotek för att skapa och manipulera CSS 3D-transformeringar. Det sveper HTML-element med nödvändiga beteenden så att du enkelt kan styra 3D-positionen. Och det fungerar utan ett dukobjekt eller en webGL-aktiverad webbläsare.

sprite3d.js

RefineSlide

RefineSlide är ett öppet källa, responsivt bildspel som erbjuder CSS-övergång och 3D-transformationsstöd, autoformaterade och responsiva miniatyrbilder, HTML-bildtexter, hårdvaruacceleration på stödda webbläsare och mycket mer.

refineslide

SeuratJS

SeuratJS är ett JavaScript-bibliotek för att skapa pointilized och pixelized animeringar från dina bilder med minimal kod. Den använder HTML5-kanfas för att analysera färgdata, så det är helt klient-sidan.

seuratjs

laravel

laravel är en PHP webbutvecklingsram som gör det enklare att skapa appar med enkel, uttrycksfull syntax. Det är väl dokumenterat, öppen källkod, och låter dig dela kod i buntar (eller ta del av andra som har delat för att påskynda din egen utveckling).

laravel

Dummy

Dummy är en verktygslåda för snabb prototypning som gör det snabbare att utveckla, testa och presentera webbprototyper genom att simulera anslutning till en levande databas. Det tjänar upp innehåll samtidigt som man randomiserar nyckellayoutaspekter, så du arbetar med och presenterar något mycket närmare det slutliga resultatet.

dummy

Pannan

Pannan är ett gratis, lyhörd HTML5 / CSS3 boilerplate WordPress tema från Workshop. Den innehåller ett tema anpassningsverktyg och alternativ, anpassad rubrik, anpassad bakgrund, anpassade mallar, kortkoder och mer.

pannan

Strypa

Det är lätt att testa belastningstider på din webbplats online. Men hur är det med att testa det för mobila användare? Strypa simulerar hur en webbplats laddar på olika mobilnät, utan att behöva ha tillgång till de olika mobilnätena (till exempel kan du testa baserat på ett dåligt 3G-nätverk).

strypa

Rondell

Rondell tar dina oordnade listor och omvandlar dem till ett skivspelningsliknande format. Det är öppen källkod och redo att användas direkt, samtidigt som den är mycket anpassningsbar.

rondell

ProjectFlow

ProjectFlow är ett visuellt sätt att organisera dina projekt med ett dra och släpp-gränssnitt. Lägg bara till projekt, definiera dina kolumner för att återspegla din process och dra och släpp sedan dina projekt genom kolumnerna för att markera deras framsteg.

projectflow

Unroll.me

Unroll.me är en gratis tjänst för att bli av med oönskade e-postabonnemang och organisera resten av dem. Det fungerar för närvarande bara med Gmail och Google Apps, men stöd för Yahoo! Mail och andra kommer att vara kommande.

unroll.me

QUOjs

QUOjs är ett micro JavaScript-bibliotek för förenklade mobila utvecklingsprojekt. Det underlättar HTML-dokumentets genomgång, händelsehantering och Ajax-interaktioner för snabb utveckling av cross-browser-kod.

quojs

Uptime

Uptime är ett HTTP fjärrövervakningsverktyg som använder Node.js och MongoDB. Det låter dig övervaka tusentals webbplatser på ett frekvensschema du definierar, och ger dig omedelbara varningar på varje sida när det finns ett problem, bland andra funktioner.

drifttid

Peity

Peity är ett jQuery-plugin som omvandlar ett elements innehåll till ett teckentabell (paj, rad eller streck). Det fungerar i alla borwser som stöder duk (Chrome, Firefox, IE9 +, Opera och Safari).

peity

PHP: Rätt sätt

Vill du lära dig PHP? PHP: Rätt sätt kan hjälpa. Det förklarar PHP bästa praxis så att du kan undvika dålig kod och dåliga rutiner (viktigt eftersom det inte finns något kanoniskt sätt att använda PHP, vilket kan förvirra några nya användare).

php på rätt sätt

Docracy

Behöver du ett juridiskt dokument? Checka ut Docracy , ett socialt förvar av juridiska handlingar, kontrakt och avtal. Sök bara efter ett dokument, spara sedan en kopia och gör det själv, och skriv det gratis.

docracy

PsDefaults

PsDefaults erbjuder bättre "standardgrafik" för Photoshop. Det är en uppsättning moderna, handgjorda förinställningar: mönster, penslar, former, stilar och mycket mer. Du kan få en gratis mini-kit i utbyte mot din e-postadress, eller du kan förbeställa genom att stödja dem på Kickstarter.

psdefaults

tilizer

tilizer är en riktigt snygg bakgrundsgenerator. Det skapar slumpmässiga kakelmönster baserat på dina ingångar, inklusive hur många unika rader och kolumner mönstret ska ha, skalan, färgerna och mer.

tilizer

Marqueed

Marqueed är ett enkelt verktyg för att dela bilder, kommentera dem och markera dem. Det är ett fantastiskt verktyg för lag eller för att få feedback från kunder.

marqueed

Maven Pro (namnge ditt pris)

Maven Pro , från Lost Type Co-Op och designad av Joe Prince, erbjuder tre saknade lättaste vikter från sans-serif Maven Pro-typsnittet, inklusive en extremt tunn hårvikt.

maven pro

Bioweapon (gratis)

biovapen är en typsnitt från Lucas Felipe, fri för kommersiell användning, endast tillgänglig via Behance. Det är ett modernt teckenfönster med sans-serif brevform och en fantastisk användning av negativt utrymme.

biovapen

Figa (gratis)

Figa är en fantastisk fri font med geometriska, abstrakta brevformar. Den var designad av Pier Paolo och är tillgänglig för vad dina projekt är, så länge du skickar en kopia av ditt arbete till designern.

figa

Quarz 974 (gratis)

Quarz 974 är en abstrakt geometrisk typsnitt med rune-liknande brevformar. Det är förvånansvärt läsbart på skärmstorlekar, vilket gör det bra för saker som affischer.

kvarts 974

Typometry Pro ($ 10)

Typometry Pro är en display typsnitt med en modern, deco-ish känsla. Det finns regelbundna och alternativa stilar inkluderade.

Typometry Pro

47 (gratis)

47 är en fri, modern typsnitt med en vintage känsla och snedställda brevformar.

47

Lush Script ($ 59)

Lush Script är ett något avslappnat formellt manus som påverkas av handletteringen av 40- och 50-talen. Den har en ganska aggressiv rytm, med övergångar som ofta piskar tillbaka snabbt.

frodigt manus

Frontage ($ 55)

Fasad är ett skiktat typsystem med oändliga designmöjligheter och en vintage kännetecken. Det finns 224 tecken i sex stilar, perfekt för rubriker och logotyper.

fasad

Ashbury (gratis - $ 258)

Ashbury är inspirerad av övergångstyper från 1800-talet med omtolkade formella aspekter och en flytande disposition. Lättvikten är gratis att ladda ner, men det finns 10 vikter och stilar tillgängliga.

ashbury

Acorn (gratis)

Ekollon är en fri typsnitt från William Suckling, tillgänglig via Behance. Det är en enkel, handritad, sans-serif typsnitt som är perfekt för användning i displayen.

ekollon