I juli-utgåvan av det som är nytt för webbdesigners och utvecklare ingår nya webbapps, JavaScript-resurser, iOS 7-utvecklingsverktyg, responsiva designverktyg och ramverk, ikoner, e-handelslösningar, bildprogram, kodningsresurser 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.

Froont

Froont kan du utforma webbplatser direkt i din webbläsare, med ett enkelt dra och släpp-gränssnitt. Detta låter dig se din webbplats precis som dina besökare kommer att göra.

froont

jQuery CollagePlus

jQuery CollagePlus är ett jQuery-plugin som ordnar dina bilder för att passa exakt inuti en behållare. Du har kontroll över vaddering mellan bilder, målradshöjd och CSS-gränser, och plugin hanterar resten.

collage plus

Thincons

Thincons är en $ 7 uppsättning ikoner inspirerade av iOS7. Det finns 77 ikoner alls, och du kan få ett urval av dem i utbyte mot en Tweet om du inte vill betala för hela uppsättningen.

thincons

gridr buildrrr

gridr buildrrr är en lättanvänd grid skapare med bara tillräckligt många alternativ. Ange antal kolumner, kolumnbredden och marginalerna och eventuella dragbara rutor som du vill inkludera, och låt gridr buildrrr göra resten.

gridr buildrrr

Tabulous.js

Tabulous.js är en jQuery-flikmodul som erbjuder ett antal övergångsalternativ, inklusive skalning, glidning och mer. Genomförandet är snabbt och enkelt, med full dokumentation.

tabulous.js

Opa Framework för JavaScript

Opa Framework för JavaScript gör det enkelt att samtidigt skriva frontend och backend kod på samma språk, i samma modul. Det är fullt kompatibelt med alla vanliga JS-bibliotek, innehåller databasautomatisering och har HTML5 inbyggt stöd bland andra funktioner.

opa ramverket

Golden Ratio Typography Calculator

De Golden Ratio Typography Calculator är ett enkelt verktyg för att skapa bättre typografi. Ange bara typsnittstorlek och innehållsbredd, samt en valfri CPL (tecken per rad) och få ett antal typografiska rekommendationer.

golden ratio calculator

Gumroad

Gumroad gör det enkelt att sälja digitala (eller fysiska) varor online. Ladda bara upp dina filer, utforma din försäljningssida och få försäljning. Gumroad hanterar din betalningsbehandling och kostar bara 5% per transaktion.

gumroad

Notism

Notism är ett snabbt, enkelt och effektivt sätt för team att samarbeta om visuellt innehåll. Den innehåller verktyg för skissning och kommentering, gör det möjligt att skapa interaktiva prototyper, och till och med har projektledningskapacitet.

notism

Style Guide Boilerplate

Detta Style Guide Boilerplate är inriktad mot designers och utvecklare som vill rulla sina egna ramar för att hantera gemensamma komponenter de använder mellan projekt.

stil guide panna

AOL Reader

Behöver du ett alternativ till Google-läsare? Checka ut AOL Reader . Du kan logga in med ditt AOL-, Facebook-, Google- eller Twitter-konto för att begära tillgång till betaversionen. Appens layout är anpassningsbar, och det ger möjlighet att importera dina RSS-prenumerationer i standard OPML-format.

aolläsare

Webfonts Corner

Webfonts Corner är en presentation av webbfonter som används på webbplatser runtom webben. Det är en fantastisk plats att gå för typografisk inspiration.

webbfontshörn

Square Market

Square Market är en ny e-handelslösning från Square. Det kostar inget extra över de vanliga kostnaderna för kvittningsbetalning, och de tillhandahållna butikerna är moderna och väldesignade.

fyrkantig marknad

Gridism

Gridism är ett lyhörd system som är enkelt och enkelt att använda. Den staplar nätenheter på mobilenhetsskärmar och skala upp till 978 eller 1140px (ditt val).

gridism

iOS 7 GUI PSD

Detta iOS 8 GUI PSD från Teehan + Lax ingår GUI-element som finns i beta 1-utgåvan av iOS 7. PSD är välorganiserad, märkt och lagrad, med redigerbara formlag, bra för att mocka upp appar.

ios 7 gui psd

Automat

Automat är ett uppgiftsautomatiseringsverktyg skrivet i JavaScript. Ställ in en autofil som beskriver vad du behöver gjort, och till och med ha en autofil använda en annan autofil för ännu mer komplexa uppgifter.

automat

Ikon för filtypsikon

Bygga en webbapp? Då denna gratis, öppen källkod ikon för filtyp från Teambox kan vara precis vad du behöver. Den innehåller ikoner för ett ton av olika filtyper, inklusive TXT, RTF, WAV, MP3, XLS, CSS, HTML, DOC, PDF, AVI, SQL och många fler.

ikoner för filtyp

Later.js

Later.js kan du definiera komplexa scheman och snabbt beräkna framtida eller tidigare schematiska händelser. Det fungerar klient-sidan eller med Node.js.

senare

Clipping Magic

Clipping Magic gör det enkelt att ta bort bakgrunden från dina bilder. Markera bara förgrunden och bakgrunden till en bild och Clipping Magics algoritm tar hand om resten.

klippning magi

Den hemliga handskakningen

Den hemliga handskakningen är en pedagogisk resurs för unga och studenter designers letar efter insidan tips om hur man bryter in i branschen. Det finns avsnitt om CV, ansökningsförfarandet och skapande av en portfölj.

hemligt handslag

Ara

Ara ger dig flexibiliteten i en bildredigerare, men skriver semantisk HTML och kortfattad CSS, så att du kan rita din kod istället för att skriva den. Det är inte tillgängligt än, men du kan anmäla dig för att bli underrättad när den är.

ara

Topcoat

Topcoat är en CSS-ram för att bygga rena och snabba webapps. Den innehåller ett antal användbara komponenter, är tema och innehåller en PSD med alla komponenter i kodbasen.

topcoat

AlloyUI

AlloyUI är ett ramverk byggt på YUI3 och Bootstrap för att skapa mycket skalbara webapps. Det är fullt dokumenterat och innehåller handledning för att komma igång.

alloyui

Tactile Design Kit

Detta Tactile Design Kit kan i hög grad förbättra konversationer med dina kunder om hur de vill ha sin webbplats utformad genom att tillhandahålla ett interaktivt, fysiskt brainstormingsverktyg. Du kan ladda ner den som PDF, EPS eller AI-fil.

taktil design kit

DevDocs

DevDocs är en API dokumentationsläsare med ett konsekvent, organiserat gränssnitt. Du kan titta igenom dokumentation för HTML, CSS, DOM, JavaScript, jQuery och mer, allt från en enda plats.

devdocs

Core Circus ($ 84)

Core Circus är en skiktad typ av åtta 2D-teckensnitt som kan kombineras för 3D-effekter.

kärncirkus

Shelley (gratis)

Shelley är en fri dekorativ nyhetstyp som påminner om vintage skyltar.

shelley

Anarki (gratis)

Anarki är ett obehagligt visningsfont som är gratis för personligt bruk. En kommersiell licens är tillgänglig för $ 15.

anarki

Monstrinhos ($ 12)

Monstrinhos är en typsnittskonfiguration bestående av monstertecken och relaterade bilder. Det är en rolig, lurig typ med många möjligheter.

monstrinhos

Haext (gratis)

Haext är en rustik, neo-gotisk, art nouveau-inspirerad typsnitt som har bestämda runic och hantverkare influenser.

haext

Högvatten (gratis)

Högvatten är en geometrisk visningstyp med ett mycket modernt, unikt utseende.

högvatten

Klinisk Slab (namn ditt eget pris)

Klinisk platta är en skiva serif typsnitt som kommer i fyra vikter (med kursiv för varje). Det är en workhorse typsnitt som är mycket funktionell samtidigt som man har en distinkt personlighet.

klinikplatta

llollos Script (gratis)

Cellos Script är en formell manus typ som är fri för personlig användning. Det finns en kommersiell licens tillgänglig för $ 59.

cellos script

Alianza ($ 133)

Alianza är ett komplext typografiskt system som innehåller tre komplementära stilar: plåt, skript och kursiv med nio vikter i vardera. Det finns också tre uppsättningar av prydnadsfonter som ingår.

Alianza

Quirky Nots (gratis)

Quirky Nots är en fri handdrawn display font med en klumpig men nyckfull känsla.

quirky nots

Vet om en ny app eller resurs som borde ha inkluderats men inte? Låt oss veta i kommentarerna!