Juniutgåvan av det som är nytt för webbdesigners och utvecklare innehåller nya webbapps, jQuery-plugins, rutverktyg, ikoner, analysverktyg, ramverk, produktivitet och affärsverktyg, responsiva designresurser 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.

Loveli ikoner

Loveli ikoner är en uppsättning gratis ikoner som designats av G.Pritiranjan Das för Purty Pixels. Den innehåller en fullständigt skiktad och organiserad PSD-fil för alla 96 ikoner, liksom PNG-versionerna.

Loveli ikoner

Skrollr

Skrollr gör det enkelt att skapa en jämn, parallell scrollande animering på din webbplats. Det har inga beroenden (inte ens jQuery) och är knappt 5,5k minifierad. Du kan styra vilken CSS-egenskap som helst av ett element, allt beroende på den horisontella rullningsläget.

Skrollr

Mixpanel Flow

Flöde är ett gratis analysprogram som gör det enkelt att spåra var dina besökare är på din webbplats och när de lämnar, i realtid. Installationen är snabb och kräver endast en liten kodbit, och då får du visualiseringar av dina trafikmönster, med faktiska trafikdiagram snarare än bara diagram eller grafer.

Flöde

Stroll.js

Stroll.js är en samling CSS3-rullningseffekter. Den innehåller mer än ett dussin individuella effekter, inklusive lutning, fläkt, twirl, blekna, våg och mycket mer.

Stroll.js

ddSlick

ddSlick är ett gratis jQuery-plugin som låter dig skapa en anpassad rullgardinsmeny som visar bilder och en beskrivning tillsammans med den vanliga texten och värdena i de flesta rullgardinsmenyer.

ddSlick

Pageguide.js

Pageguide.js kan du skapa en interaktiv guide för webbsidor med jQuery och CSS3. Användare klickar bara på sidguiden och visas pilar för att markera olika element och ge mer information.

Pageguide.js

AngularJS

AngularJS är en JavaScript-ram för att utöka HTML för användning i webbapps. Det fungerar bra med andra bibliotek, är fullt utdragbart och lägger till massor av extrafunktionalitet till HTML som gör det mycket mer lämpligt för att skapa dynamiska applikationer.

AngularJS

Moobile

Moobile är en ny ram för att skapa mobila applikationer byggda på MooTools. Du kan ladda ner antingen Moobile Boiler Plate eller bara källan (minimerad eller inte). Fullständig dokumentation finns också.

moobile

jQuery Bild

jQuery Bild är ett litet plugin för att lägga till lyhörda bilder i dina layouter, stödja båda bildtaggar med några anpassade dataattribut och de nya föreslagna bild- och källkoderna.

jquery bild

Tablecloth.js

Tablecloth.js är ett gratis jQuery-plugin för styling och anpassning av HTML-tabeller. Den är uppbyggd av Twitter Bootstrap och innehåller populära jQuery-tablettmanipuleringspluggar som tableorter.

tablecloth.js

Octofeed

Octofeed är ett nytt sätt att titta på ditt Facebook-nyhetsflöde. Bara logga in med Facebook och Octofeed kommer att dra in ditt flöde och formatera det så att det är mycket trevligare att titta på.

octofeed

Google Konsumentundersökningar

Google har nyligen släppt en ny produkt: Konsumentundersökningar . Det gör det enkelt att genomföra marknadsundersökning, så att du kan skapa enkäter på några minuter och få närmaste rapporter, diagram och insikter.

konsumentundersökningar

Everyme

Everyme är ett nytt socialt nätverk som är specifikt för att dela uppdateringar med dina nära vänner och familj, i stället för hundratals bekanta på webbplatser som Facebook. Och det låter dig distribuera uppdateringarna via e-post, sms eller push, även om dina kontakter inte registrerar dig med appen.

everyme

WorkSimple

WorkSimple är en ny samarbets- och socialprestationsplattform som gör det lättare att slutföra projekt och arbeta med ditt team. Den innehåller verktyg som hjälper alla att fokusera, synkronisera och arbeta tillsammans.

worksimple

Yahoo! Axel

Axel är en ny webbläsare som erbjuder visuella sök previews och fungerar på skrivbordet till iOS-enheten. Den visar vad som trender när du söker, och erbjuder direkt visuella sökresultat när du skriver. Det kopplar även dina enheter, så du kan flytta från en enhet till en annan och hämta upp var du slutade.

axel

spinto

spinto är en app för att hålla författare och utvecklare synkroniserade med projekt som de samarbetar med. Den innehåller ett WYSIWYG webbgränssnitt och drivs av Git.

spinto

Singool.js

Singool.js är en JavaScript-ram för att skapa webbsidor på en sida. Den innehåller fullständig dokumentation för att göra din ansökan snabbare.

singool.js

IE Alert

IE Alert är ett enkelt jQuery-plugin som låter dina besökare veta att de använder en utdaterad version av Internet Explorer när de kommer till din webbplats. Det ger även dem länkar att hämta de nuvarande versionerna av alla större webbläsare (inklusive IE9, Firefox, Safari, Google Chrome och Opera).

iealert

Procentandelare

Procentandelare är ett litet jQuery-plugin som visar en progress widget som är mycket mer attraktiv än standard horisontell streck eller textrepresentation. Den är inbyggd i HTML5 Canvas och är endast 10kb (minifierad).

procentuell lastare

QueryPosts.com

QueryPosts.com är en bra referens för WordPress-utvecklare. Det erbjuder för närvarande en snabb, sökbar referens för vad som är nytt i WP 3.4 samt över 1800 funktioner, med framtida referenser som planeras för klasser och krokar.

queryposts.com

Koloria

Koloria är en fri uppsättning av mer än 160 multipurpose ikoner, plus 32 pixel ikoner. Varje ikon är utformad med 32 pixlar kvadrat och optimerad för den storleken.

koloria

Responsive Grid System

De Responsive Grid System är ett flexibelt sätt att skapa en lyhörd webbdesign som inte är en ram eller panna. Det förenklar skapandet av brytpunkter, fungerar med din befintliga HTML och CSS, och låter dig skapa ett rutnät som passar ditt innehåll, snarare än tvärtom.

responsivt rutnät

nitro

nitro är en ny, lättanvänd uppgiftshanteringsapp som synkroniseras med Dropbox eller Ubuntu One. Det är helt gratis och släppt under öppen källkod BSD-licens.

nitro

JQVMap

JQVMap är ett gratis jQuery-plugin som gör vektorkartor med det resizable SVG-formatet. Det har även äldre stöd för äldre webbläsare (IE6-8) som inte stöder SVG.

jqvmap

Baseline.js

Om du någonsin har haft en baslinje kastad helt av konstiga bilder, då Baseline.js är för dig. Det är ett enkelt jQuery-plugin som återställer baslinjer som slängs av oddformade bilder.

baseline.js

Markdown här

Markdown här är en Chrome, Firefox och Thunderbird-förlängning som låter dig skriva dina e-postmeddelanden i Markdown och konvertera dem sedan automatiskt till rätt format.

markdown här

Balloons.IO

Balloons.IO är en öppen källkonserver och klient som stöder flera chattrum. Det är byggt med node.JS, Express, Socket.IO och Redis.

Edmondsans (namn ditt pris)

Edmondsans , från Lost Type Co-Op, är en sans-serif display typsnitt som kommer i tre vikter: vanlig, medium och fet, designad av James T. Edmondson.

edmondsans

Vit kanin (gratis)

vit kanin är en fri bildskärmstyp med rundad geometrisk form och fyrkantiga bokstäver. Det påminner om systemfonter från 80-talet och 90-talet.

vit kanin

Snippet (gratis)

Fragment är en fri skärm typsnitt med swooshes och blomningar som ger det en feminin känsla.

kodavsnitt

Marlowe ($ 80)

Marlowe är en familj av bildskärmar med ett tydligt art deco-utseende. Den innehåller fyra stilar: Regular, Cocktail, Swirl och Escapade, som alla delar liknande brevformar med tillagda dekorationer på de senare tre.

marlowe

Nelson ($ 85)

nelson är en familj av teckensnitt med ett obehagligt, antikt utseende. Den finns i fyra stilar: Robust, Bold, Graverad och Ornament.

nelson

Alina (28 dollar)

Alina är ett vardagligt kondenserat manussteg som innehåller OpenType-ligaturer i alla små bokstäver, vilket gör att den känns lite mer handskriven och livlig.

alina

Bergamot (gratis - $ 60)

Bergamott är ett display typsnitt inspirerat av vintage apothecary etiketter. Trots dess vintage påverkan, är det ganska modernt. Den coolaste delen: De fyra varianterna av varje brev blandas när du skriver, vilket ger en mycket organisk känsla.

bergamott

Frida (58,50 kr)

Frida är en formell och elegant hipsterish typsnitt som kommer med fyra vikter och kursiv samt alternativa tecken. Den är lämplig för rubriker, affischer, förpackningar och mer.

frida

Snarare Båda ($ 34)

Snarare båda är en uppsättning av två teckensnitt som fungerar väldigt bra: snarare jazzy och ganska högt. Det finns två versioner av varje bokstav i varje teckensnitt, liksom kontextuella ersättare, vilket resulterar i en mycket handgjord känsla.

snarare båda

Nytt kök ($ 39.53)

Nytt kök påverkas av DIY-bokstäver och en avvikelse från mer formella och retro-skrivtecken. Det är bra för bloggar och online tidskrifter, skyltar, logotyper, menyer och förpackningar.

nytt kök