I oktoberutgåvan av det som är nytt för webbdesigners och utvecklare ingår nya webbapps, appskapare, kodningsresurser, produktivitetsverktyg, testverktyg 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.

Appmaker

Appmaker , från Mozilla, är en drag-och-släpp mobil app skapare som fungerar direkt i din webbläsare. Det är i pre-alpha release, så förvänta dig några buggar, men det ser lovande ut.

Appmaker

InstallRails

InstallRails är en steg-för-steg guide för att installera Ruby on Rails. Den använder standardverktyg, men förklarar dem på ett sätt som gör dem lätta att förstå.

installrails

BitBalloon

BitBalloon är en statisk värdtjänst som är perfekt för enkla webbplatser som målsidor, undersökningar och liknande. Bara zip dina webbfiler (eller använd en av sina mallar), dra och släpp zip-filen på deras hemsida, och de optimerar och distribuerar det, komplett med fungerande HTML-formulär.

bitballoon

Hiro

Hiro är en online anteckningsblock där du säkert kan lagra dina idéer och anteckningar under hela dagen. Det öppnas alltid där du slutade, synkroniserar säkert på dina enheter, och det är gratis.

hiro

Sagan Ipsum

Sagan Ipsum är en lorem ipsum generator som ger dig Carl Sagan citat om universum.

sagan ipsum

WP-test

WP-test är en uppsättning data för att testa integriteten hos dina WordPress-plugins och teman. Den är baserad på WordPress Theme Unit Test Codex-data, för att ge dig en blandning av quirky, simulerat användarinnehåll.

wp-test

Visitkort Maker

Visitkort Maker är en webapp för att snabbt skapa enkla visitkort som du sedan kan ladda ner för att skriva ut.

visitkort maker

Bästa praxis för mobilwebben

Bästa praxis för mobilwebben hjälper dig att ställa rätt frågor och lösa problem du kan stöta på när du utformar för mobilwebben. Den är uppdelad för att täcka strategi, användarupplevelse, visuell design och utveckling, och har ytterligare resurser och en FAQ-sektion.

bästa praxis på mobilwebben

UICloud

UICloud är en stor databas med användargränssnitt. Du kan söka igenom över 38 000 element och över 1200 UI-uppsättningar.

uicloud

Google Web Designer

Google Web Designer är en ny responsiv HTML5-webbplats skapare från Google som låter dig designa i en WYSIWYG-miljö eller dyka direkt in i koden.

google webbdesigner

DiagnostiCSS

DiagnostiCSS gör det enkelt att visuellt upptäcka otillgänglig eller ogiltig HTML-markering, markera inline-stilar och händelseattribut, ogiltiga länkar, tomma och avlägsna element och mer.

diagnosticss

Listify

Listify är en enkel liten app som gör det enkelt att göra en grupp linjer till en HTML-lista, vilket sparar tid och ansträngning.

listify

Flexing Pagination Arrows

Vill du lägga till en snygg liten effekt på din pagination? Dessa Flexing Pagination Arrows är ett enkelt sätt att lägga till lite extra flare till ett annat otroligt grundläggande och enkelt användargränssnitt.

böjande paginationspilar

Harpun

Försöker du räkna ut hur mycket pengar du behöver göra? Harpun förenklar det, vilket ger dig ekonomisk planeringsråd och mätvärden för att hantera din inkomst. Det är inte klart ännu, men du kan anmäla dig till uppdateringar.

harpun

Formstone

Formstone är en samling av jQuery-plugins fokuserade på gränssnittsstruktur och anpassning. Den innehåller plugins för plockare, rullning, zoomning och mycket mer.

formstone

StackEdit

Behöver du en Markdown-editor online? StackEdit kan du skriva och redigera Markdown-filer, samt spara dem till Google Drive eller Dropbox för att få dina dokument tillgängliga i molnet när som helst.

stackedit

Breeezy

Breeezy lägger till flera lager exportfunktionalitet till Photoshop, så du kan exportera flera lager från dina PSD-filer med ett enda klick. Det sparar lagerets transparens, skickar lagnamn till filer och mer.

breeezy

är en webbkälla med öppen källkod som låter dig skapa vektorbaserade visualiseringar i vektor och rasterformat för att bädda in på din webbplats. Det är byggt på D3.js, och har ett enkelt användargränssnitt.

rå

Font Combiner

Font Combiner är en webbapp för att skapa din egen anpassade typsnitt som kan användas online tillsammans med ditt andra mediainnehåll.

font combiner

Semantisk användargränssnitt

Semantisk användargränssnitt bemyndigar front-end utvecklare att skapa konversationskod som är meningsfullt för människor, inte bara maskiner. Det bygger på naturliga språkmönster för att beskriva element, snarare än kortfattade eller kodifierade namngivningskonventioner.

semantisk ui

NoJPEG

Har kunder som insisterar på att använda JPEG-filer för sina logotyper etc.? NoJPEG kommer att förklara för dem varför en JPEG inte är rätt filformat för logotyper, och presentera dem för EPS och PNG-filformat.

nojpeg

Starta Bootstrap

Starta Bootstrap är en samling gratis, open source HTML-startmallar för Bootstrap. De är klara att använda, även med Bootstrap 3.

starta bootstrap

Bento

Bento är en samling av programmering lektioner från hela webben, organiserad enligt språk.

bento

Annyang!

Annyang! är ett JavaScript-bibliotek som gör det enkelt att lägga till röstigenkänning och kontroll till din webbplats eller app.

annyang

Anpassade delar

Anpassade delar är ett galleri av webbkomponenter som du kan använda för moderna webbapps. De har en panna för att komma igång med att skapa egna komponenter att dela med.

anpassade element

Flexbox

Flexbox är ett ramverk för att skapa hackfria CSS-layouter, inklusive bättre rutor, klibbiga sidfot, vertikal centrering och mer.

Flexbox

HTTPFlies

HTTPFlies är ett galleri som vackert visar olika HTTP-statuskoder, allt från de gemensamma koderna som 404 till mer obskyra som 402 eller 431.

HTTPFlies

Battersea (£ 30)

Battersea är en orolig typsnitt som är perfekt för skyltar eller andra visningsanvändningar. Den kommer som en .otf-fil, samt två .ai-filer för skalbar detalj.

battersea

Revanche ($ 29)

revanche är ett nödtryckat teckensnitt, baserat på gamla murstenar, med en subversiv militär känsla för den.

revanche

Polina ($ 46)

Polina är en familj av tio typsnitt, inklusive texturer och skuggor, som kan lagras.

polina

PR HallowDoodles 01 ($ 10)

Behöver du några Halloween-tecknade teckningar och prydnadsföremål? PR HallowDoodles 01 är precis vad du behöver, inklusive saker som fladdermöss, ugglor, döda träd, spindlar och mer abstrakta obehagliga ornament.

hallowdoodles

Big Lodge ($ 15)

Big Lodge är en obehaglig vintage typsnitt som är perfekt för saker som kläder logotyper.

stor lodge

Lousiane (gratis)

Lousiane är en dekorativ display typsnitt som är både elegant och vacker.

lousiane

Inked Lights ($ 20)

Inked Lights är en handdragen, retrostilad typsnitt med en sofistikerad men lekfull känsla.

bläcklampor

Rose (gratis)

Reste sig är en fri typsnitt med en feminin, vänlig känsla.

reste sig

Studio ($ 10)

Studio är en skrivmaskininspirerad slabserif som kombinerar mjuka kurvor med linjära element.

studio

Superspitze Grotesk ($ 10)

Superspitze Grotesk är inspirerad av djärva geometriska teckensnitt, men med en mer humanistisk och detaljerad stil.

superspitze grotesk

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