Juli-utgaven av det som er nytt for webdesignere og utviklere inkluderer nye webapps, JavaScript og jQuery-verktøy, rammer, responsive designressurser, produktivitetsverktøy, bildeverktøy, pedagogiske ressurser, forretningsverktøy, kodeditorer og noen virkelig flotte nye skrifttyper.

Mange av ressursene nedenfor er gratis eller svært lave kostnader, og det er sikkert å være nyttig for mange designere og utviklere der ute.

Som alltid, hvis vi har savnet noe du tror skulle ha blitt inkludert, vennligst gi oss beskjed i kommentarene. Og hvis du har en app eller annen ressurs du vil se inkludert neste måned, tweet den til @cameron_chapman for vurdering.

nitro

nitro er en oppgavebehandling som grensesnitt med Dropbox eller Ubuntu for å gjøre deg mer produktiv. Den tilbyr smarte lister for å organisere oppgaver, forfallsdatoer, søk, gjentatte oppgaver og til og med temaer.

nitro

TinyPNG

Trenger du enda mindre PNG-filer for designene dine? TinyPNG bruker smart lossy-komprimering for å redusere filstørrelsen på PNG-ene dine, samtidig som du beholder alfa-gjennomsiktighet. Det er en flott løsning hvis du trenger små filer med gjennomsiktighet.

tinypng

Vi

Vi er en enkel tekstredigerer i nettleseren som lar deg åpne og redigere filer fra nettet. Og hvis du åpner filer direkte fra Dropbox eller Box, vil den lagre den tilbake til hvor den kom fra.

VI

Designerens Overlevelse Guide

Designerens Overlevelse Guide er en blogg, kurert av Richard Baird, som tilbyr kontinuerlig oppdaterte lister over designtips om ulike emner fra ledende designere og industriproffer. Det er en ressurs, spesielt for designere som bare starter ut.

overlevelsesguide

Spin.js

Sping.js er en CSS-generator som lar deg lage en CSS-basert lastingsspinner som ikke har noen eksterne avhengigheter, ingen bilder og ingen ekstern CSS. Det er veldig konfigurerbart og oppløsning uavhengig.

spin js

HTML5-faktura

HTML5-faktura er basert på Chris Coyiers lettvektige HTML-faktura. Fakturaene skrives ut perfekt til 8,5 x 11 papir, med presis utgang. Du kan bruke den som-er eller last ned kilden for å tilpasse stilen.

html5 faktura

Foundation 3.0

Zurb's Foundation har vært ute en stund nå, og de har nettopp sluppet den nyeste versjonen, Foundation 3.0 , som er den mest avanserte front-end rammen i verden. 3.0 ble bygget med Sass for raskere utvikling og tilleggsverktøy, og andre nye elementer har også blitt lagt til.

grunnlag 3.0

Chocolat

Chocolat er en ny tekst- og kodeditor for OS X. Den kombinerer innfødt kakao og kraftige redigeringsverktøy. Funksjoner inkluderer live feil, kode fullføring, split redigering og mer.

chocolat

Dropbox Photo Sideloader

Hvis du hellere vil bruke Dropbox-kontoen din for hosting bilder som brukes på WordPress-bloggen din, trenger du Dropbox Photo Sideloader plugg inn. Det gjør det enkelt å legge til en ny kategori i WordPress Media Uploader, som lar deg trekke bildefiler fra Dropbox-kontoen din.

dropbox sidelader

MercuryApp

MercuryApp er en "micro-journaling" -plattform som lar deg spore følelsene dine omtrent nesten over tid, samle inn data om det, og deretter få innsikt. Du kan bruke den til å gjøre smartere beslutninger ved å spore følelsene dine om nesten alt.

mercuryapp

Purty Pixels

Purty Pixels er en god ressurs for gratis PSD-designressurser og WordPress-temaer. Premium ressurser er også tilgjengelige.

rene piksler

South

South er en optimalisert gruppe arbeidsflytverktøy for åpen kildekode, progressiv forbedring. Den inkluderer Enhance, eCSSential, QuickConcat, AjaxInclude, AppendAround og Picturefill, og ble utviklet av Filament Group.

South

brak~~POS=TRUNC

brak~~POS=TRUNC er en åpen kildekoden redaktør for webdesign og utvikling, opprettet og vedlikeholdt av Adobe (og utgitt under en MIT-lisens). Den er bygget ved hjelp av HTML, CSS og JavaScript, og fokuserer på "quick edit" in-line visninger, slik at du har kontekstavhengig tilgang til innholdet ditt mens du fremdeles holder koden din i forkant.

braketter

Sprite3D.js

Sprite3D.js er et lite JavaScript-bibliotek for å lage og manipulere CSS 3D-transformasjoner. Den pakker inn HTML-elementer med nødvendig oppførsel, slik at du enkelt kan styre 3D-posisjonen. Og det fungerer uten et lerretobjekt eller en WebGL-aktivert nettleser.

sprite3d.js

RefineSlide

RefineSlide er en åpen kildekode, responsiv lysbildefremvisning som tilbyr CSS-overgang og 3D transformeringsstøtte, automatisk formatert og lydhør miniatyrbilder, HTML-bildetekster, maskinvareaccelerasjon på støttede nettlesere og mer.

refineslide

SeuratJS

SeuratJS er et JavaScript-bibliotek for å skape punktiliserte og pixeliserte animasjoner fra bildene dine med minimal kode. Den bruker HTML5 lerret til å analysere fargedata, så det er helt klient-siden.

seuratjs

Laravel

Laravel er et PHP webutviklingsramme som gjør det enklere å lage programmer med enkle, uttrykksfulle syntaks. Det er godt dokumentert, åpen kildekode, og lar deg dele kode i bunter (eller ta tak i bunter andre har delt for å øke hastigheten på din egen utvikling).

laravel

dummy

dummy er et verktøy for rask prototyping som gjør det raskere å utvikle, teste og presentere webprototyper ved å simulere tilkobling til en levende database. Den tjener opp innhold samtidig som man randomiserer nøkkellayoutaspekter, slik at du jobber med og presenterer noe mye nærmere sluttresultatet.

dummy

Kjelen

Kjelen er et gratis, responsivt HTML5 / CSS3 boilerplate WordPress tema fra Workshop. Den inneholder et tema tilpasser og alternativer, egendefinert overskrift, egendefinert bakgrunn, egendefinerte maler, kortnumre og mer.

kjelen

Gasspedal

Det er lett nok å teste belastningstider på nettstedet ditt på nettet. Men hva med å teste det for mobile brukere? Gasspedal simulerer hvordan et nettsted vil laste på ulike mobilnett, uten at det faktisk trenger tilgang til de forskjellige mobilnettene (for eksempel kan du teste på grunn av et dårlig 3G-nettverk).

Gasspedal

rundkjøring

rundkjøring tar dine uordnede lister og konverterer dem til et plateformet format. Det er åpen kildekode og klar til bruk med en gang, samtidig som den er svært tilpassbar.

rundkjøring

ProjectFlow

ProjectFlow er en visuell måte å organisere prosjektene dine på, med et dra og slipp-grensesnitt. Bare legg til prosjekter, definer kolonnene dine for å reflektere prosessen din, og dra og slipp prosjektene dine gjennom kolonnene for å markere deres fremgang.

projectflow

Unroll.me

Unroll.me er en gratis tjeneste for å kvitte seg med uønskede e-abonnementer og organisere resten av dem. Den fungerer for øyeblikket kun med Gmail og Google Apps, men støtter Yahoo! Mail og andre vil være kommende.

unroll.me

QUOjs

QUOjs er et micro JavaScript-bibliotek for forenklet mobil utviklingsprosjekter. Det forenkler overføring av HTML-dokumenter, hendelseshåndtering og Ajax-interaksjoner for rask utvikling av kryss-leserkode.

quojs

oppetid

oppetid er et HTTP fjernovervåkingsverktøy som bruker Node.js og MongoDB. Det lar deg overvåke tusenvis av nettsteder på en frekvensplan du definerer, samt gir deg umiddelbare varsler på hver side når det er et problem, blant andre funksjoner.

oppetid

Peity

Peity er et jQuery-plugin som konverterer et elements innhold til et lerretskart (kake, linje eller linje). Den fungerer i alle borwser som støtter lerret (Chrome, Firefox, IE9 +, Opera og Safari).

peity

PHP: Den riktige måten

Vil du lære PHP? PHP: Den riktige måten kan hjelpe. Det forklarer PHP beste praksis, slik at du kan unngå dårlig kode og dårlig praksis (viktig siden det ikke er noen kanonisk måte å bruke PHP, noe som kan forvirre noen nye brukere).

php på riktig måte

demokratiet

Trenger du et juridisk dokument? Sjekk ut demokratiet , et sosialt arkiv av juridiske dokumenter, kontrakter og avtaler. Bare søk etter et dokument, lagre en kopi og gjør det ditt eget, og skriv det gratis.

demokratiet

PsDefaults

PsDefaults tilbyr noe bedre "standardgrafikk" for Photoshop. Det er et sett med moderne, håndlagde forhåndsinnstillinger: mønstre, pensler, former, stiler og mer. Du kan få gratis mini-kit i bytte for e-postadressen din, eller du kan forhåndsbestille ved å støtte dem på Kickstarter.

psdefaults

Tilizer

Tilizer er en veldig pen flislagt bakgrunnsgenerator. Det skaper tilfeldige fliser mønstre basert på dine innganger, inkludert hvor mange unike rader og kolonner mønsteret skal ha, skalaen, farger og mer.

tilizer

Marqueed

Marqueed er et enkelt verktøy for å dele bilder, kommentere dem og markere dem. Det er et fantastisk verktøy for lag eller for å få klient tilbakemelding.

marqueed

Maven Pro (navn din pris)

Maven Pro , fra Lost Type Co-Op og designet av Joe Prince, tilbyr tre manglende letteste vekter fra sans-serif Maven Pro-skrifttypen, inkludert en ultratynn hårlinjevikt.

maven pro

Bioweapon (gratis)

bioweapon er en skrift fra Lucas Felipe, fri for kommersiell bruk, kun tilgjengelig gjennom Behance. Det er et moderne displayfigur, med sans-serif brevformer og en fantastisk bruk av negativ plass.

bioweapon

Figa (gratis)

Figa er en fantastisk gratis font med geometriske, abstrakte brevforms. Den ble designet av Pier Paolo og er tilgjengelig for hva prosjektene dine er, så lenge du sender en kopi av arbeidet ditt til designeren.

Figa

Quarz 974 (gratis)

Quarz 974 er en abstrakt geometrisk font med rune-lignende brevformer. Det er overraskende lesbart på skjermstørrelser, noe som gjør det bra for ting som plakater.

quarz 974

Typometry Pro ($ 10)

Typometry Pro er et displaytypefelt med en moderne, deco-ish-følelse. Det er vanlige og alternative stiler inkludert.

Typometry Pro

47 (gratis)

47 er et fritt, moderne skrifttype med en vintage følelse og skråformede bokstaver.

47

Lush Script ($ 59)

Lush Script er et litt avslappet formelt skript påvirket av handlettering av 40-tallet og 50-tallet. Den har en ganske aggressiv rytme, med overganger som ofte piske tilbake raskt.

frodig skript

Frontage ($ 55)

forside er et lagdelt type system med uendelige designmuligheter og en vintage tegn føler. Det er 224 tegn i seks stiler, perfekt for overskrifter og logotyper.

forside

Ashbury (gratis - $ 258)

Ashbury er inspirert av overgangstypene fra det 18. århundre med nyfortolkte formelle aspekter og en flytende oversikt. Lette vekten er gratis å laste ned, selv om det er 10 vekter og stiler tilgjengelig.

Ashbury

Acorn (gratis)

Eikenøtt er et gratis skrift fra William Suckling, tilgjengelig via Behance. Det er et enkelt, håndtegnet, sans-serif-skrift som er perfekt for bruk i displayet.

eikenøtt