Juli-udgaven af, hvad der er nyt for webdesignere og udviklere, omfatter nye webapps, JavaScript og jQuery-værktøjer, rammer, lydhørige designressourcer, produktivitetsværktøjer, billedværktøjer, uddannelsesmæssige ressourcer, forretningsværktøjer, kodeditorer og nogle rigtig gode nye skrifttyper.

Mange af nedenstående ressourcer er gratis eller meget lave omkostninger, og det er sikkert at være nyttigt for mange designere og udviklere derude.

Som altid, hvis vi har gået glip af noget, du synes skulle have været inkluderet, så lad os vide det i kommentarerne. Og hvis du har en app eller anden ressource, du gerne vil se inkluderet i næste måned, tweet den til @cameron_chapman til overvejelse.

Nitro

Nitro er en task manager der grænseflader med Dropbox eller Ubuntu for at gøre dig mere produktiv. Det tilbyder smarte lister til organisering af opgaver, forfaldsdatoer, søgning, tilbagevendende opgaver og endda temaer.

Nitro

TinyPNG

Har du brug for endnu mindre PNG-filer til dine designs? TinyPNG bruger smart lossy kompression for at reducere filstørrelsen på dine PNG'er, samtidig med at alfa gennemsigtighed bevares. Det er en god løsning, hvis du har brug for små filer med gennemsigtighed.

tinypng

Vi-

Vi- er et simpelt tekstredigeringsprogram i browser, der giver dig mulighed for at åbne og redigere filer fra internettet. Og hvis du åbner filer direkte fra Dropbox eller Box, gemmes den tilbage til, hvor den kom fra.

we

Designerens Overlevelse Guide

Designerens Overlevelse Guide er en blog, kurateret af Richard Baird, der tilbyder løbende opdaterede lister over designtips om forskellige emner fra førende designere og industriproffer. Det er en ressource, især for designere, der lige er begyndt.

overlevelse guide

Spin.js

Sping.js er en CSS-generator, der lader dig oprette en CSS-baserede loading spinner, der ikke har eksterne afhængigheder, ingen billeder og ingen ekstern CSS. Det er meget konfigurerbart og opløsningsafhængigt.

spin js

HTML5-faktura

HTML5-faktura er baseret på Chris Coyiers lette HTML-faktura. Fakturaer udskrives perfekt til 8,5 x 11 papir, med præcis output. Du kan bruge den som-er eller downloade kilden for at tilpasse stilen.

html5 faktura

Foundation 3.0

Zurb's Foundation har været ude i et stykke tid nu, og de har lige udgivet den nyeste version, Foundation 3.0 , som er den mest avancerede front-end ramme i verden. 3.0 blev bygget med Sass for hurtigere udvikling og ekstra værktøjer, og også andre nye elementer er blevet tilføjet.

fundament 3.0

Chocolat

Chocolat er en ny tekst og kode editor til OS X. Den kombinerer native Cocoa og kraftfulde redigeringsværktøjer. Funktionerne omfatter live fejl, kode færdiggørelse, split redigering og meget mere.

chocolat

Dropbox Photo Sidelader

Hvis du hellere vil bruge din Dropbox-konto til hosting billeder, der bruges på din WordPress-blog, skal du bruge Dropbox Photo Sidelader plugin. Det gør det nemt at tilføje en ny fane til WordPress Media Uploader, som lader dig trække billedfiler fra din Dropbox-konto.

dropbox sideloader

MercuryApp

MercuryApp er en "micro-journaling" platform, der lader dig spore dine følelser om stort set noget over tid, indsamle data om det og derefter få indsigt. Du kan bruge det til at træffe smartere beslutninger ved at spore dine følelser om næsten alt.

mercuryapp

Purty Pixels

Purty Pixels er en stor ressource til gratis PSD design ressourcer og WordPress temaer. Premium ressourcer er også tilgængelige.

rene pixler

Southstreet

Southstreet er en optimeret gruppe af open source, progressive enhancement workflow værktøjer. Den omfatter Enhance, eCSSential, QuickConcat, AjaxInclude, AppendAround og Picturefill, og blev udviklet af Filament Group.

southstreet

Beslag

Beslag er en open source kode editor til webdesign og udvikling, oprettet og vedligeholdt af Adobe (og udgivet under en MIT-licens). Det er bygget ved hjælp af HTML, CSS og JavaScript, og fokuserer på "hurtig redigering" in-line visninger, så du har kontekstfølsom adgang til dit indhold, mens du stadig holder din kode i forkant.

beslag

Sprite3D.js

Sprite3D.js er et lille JavaScript-bibliotek til oprettelse og manipulation af CSS 3D-transformer. Det indpakker HTML-elementer med nødvendige adfærd, så du nemt kan styre deres 3D-position. Og det virker uden et lærredobjekt eller en WebGL-aktiveret browser.

sprite3d.js

RefineSlide

RefineSlide er et open source, responsivt lysbilledshow, der tilbyder CSS overgang og 3D transformation support, automatisk formateret og lydhør miniaturer, HTML billedtekster, hardware acceleration på understøttede browsere og meget mere.

refineslide

SeuratJS

SeuratJS er et JavaScript-bibliotek til at skabe pointilized og pixelized animationer fra dine billeder med minimal kode. Det bruger HTML5 lærred til at analysere farvedata, så det er helt klientsiden.

seuratjs

Laravel

Laravel er en PHP webudviklingsramme, der gør det nemmere at oprette apps med simpel, ekspressiv syntaks. Den er veldokumenteret, åben kilde og giver dig mulighed for at dele kode i bundter (eller tag fat i andre, der har delt for at fremskynde din egen udvikling).

laravel

Dummy

Dummy er et værktøjssæt til hurtig prototyping, der gør det hurtigere at udvikle, teste og præsentere webprototyper ved at simulere forbindelse til en levende database. Det tjener indhold, samtidig med at man randomiserer nøgle layout aspekter, så du arbejder med og præsenterer noget meget tættere på det endelige resultat.

dummy

Kedlen

Kedlen er et gratis, lydhurtigt HTML5 / CSS3 boilerplate WordPress tema fra Workshop. Den indeholder et tema tilpasser og indstillinger, brugerdefineret header, brugerdefineret baggrund, brugerdefinerede skabeloner, kortkoder og meget mere.

kedlen

Gashåndtag

Det er nemt nok at teste belastningstider på dit websted online. Men hvad med at teste det for mobile brugere? Gashåndtag simulerer, hvordan en hjemmeside vil indlæse på forskellige mobilnetværk, uden at det faktisk behøver adgang til de forskellige mobilnetværk (for eksempel kan du teste på basis af et dårligt 3G-netværk).

gashåndtag

rundkørsel

rundkørsel tager dine uordnede lister og konverterer dem til et drejebordlignende format. Den er åben kilde og klar til brug med det samme, samtidig med at den er meget tilpasselig.

rundkørsel

ProjectFlow

ProjectFlow er en visuel måde at organisere dine projekter på med en træk og slip interface. Tilføj kun projekter, definer dine kolonner for at afspejle din proces, og træk og slip dine projekter gennem kolonnerne for at markere deres fremskridt.

projectflow

Unroll.me

Unroll.me er en gratis tjeneste for at slippe af med uønskede email abonnementer og organisere resten af ​​dem. Den fungerer for tiden kun med Gmail og Google Apps, men understøtter Yahoo! Mail og andre vil være kommende.

unroll.me

QUOjs

QUOjs er et micro JavaScript-bibliotek til forenklede mobiludviklingsprojekter. Det forenkler HTML-dokumentkrydsning, hændelseshåndtering og Ajax-interaktioner til hurtig udvikling af krydser-browser kode.

quojs

Uptime

Uptime er et HTTP fjernovervågningsværktøj, der bruger Node.js og MongoDB. Det lader dig overvåge tusindvis af hjemmesider på en frekvensplan, du definerer, samt giver dig øjeblikkelige advarsler på hver side, når der er et problem, blandt andre funktioner.

oppetid

Peity

Peity er et jQuery-plugin, der konverterer et elements indhold til et lærreddiagram (tærte, linje eller bar). Det virker i enhver borwser, der understøtter lærred (Chrome, Firefox, IE9 +, Opera og Safari).

peity

PHP: Den rigtige måde

Vil du lære PHP? PHP: Den rigtige måde kan hjælpe. Det forklarer PHP bedste praksis, så du kan undgå dårlig kode og dårlig praksis (vigtigt, da der ikke er nogen kanonisk måde at bruge PHP på, som kan forvirre nogle nye brugere).

php på den rigtige måde

Docracy

Har du brug for et juridisk dokument? Tjek ud Docracy , et socialt arkiv af juridiske dokumenter, kontrakter og aftaler. Bare søg efter et dokument, gem derefter en kopi og gør det til dit eget og tilmeld det gratis.

docracy

PsDefaults

PsDefaults tilbyder noget bedre "standardgrafik" til Photoshop. Det er et sæt af moderne håndlavede forudindstillinger: mønstre, børster, former, stilarter og meget mere. Du kan få et gratis mini-kit i bytte for din email-adresse, eller du kan forhåndsbestille ved at støtte dem på Kickstarter.

psdefaults

tilizer

tilizer er en rigtig pæn flisebelagt baggrundsgenerator. Det skaber tilfældige fliser mønstre baseret på dine input, herunder hvor mange unikke rækker og kolonner mønsteret skal have, skalaen, farverne og meget mere.

tilizer

Marqueed

Marqueed er et simpelt værktøj til at dele billeder, kommentere dem og markere dem. Det er et fantastisk værktøj til teams eller for at få klientfeedback.

marqueed

Maven Pro (nævne din pris)

Maven Pro , fra Lost Type Co-Op og designet af Joe Prince, tilbyder tre manglende letteste vægte fra sans-serif Maven Pro-skrifttypen, herunder en ultra-tynd hårlinievægt.

maven pro

Bioweapon (gratis)

Bioweapon er en skrifttype fra Lucas Felipe, fri til kommerciel brug, kun tilgængelig via Behance. Det er et moderne display skrifttype, med sans-serif brevformer og en fantastisk brug af negativt rum.

bioweapon

Figa (gratis)

Figa er en fantastisk fri skrifttype med geometriske, abstrakte bogstaver. Den blev designet af Pier Paolo og er tilgængelig for uanset dine projekter, så længe du sender en kopi af dit arbejde til designeren.

Figa

Quarz 974 (gratis)

Quarz 974 er en abstrakt geometrisk skrifttype med rune-lignende bogstaver. Det er overraskende læseligt i skærmstørrelser, hvilket gør det godt til ting som plakater.

quarz 974

Typometry Pro ($ 10)

Typometry Pro er et display skrifttype med en moderne, deco-ish følelse. Der er regelmæssige og alternative stilarter inkluderet.

Typometry Pro

47 (gratis)

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

47

Lush Script ($ 59)

Lush Script er et lidt afslappet formelt skript, der påvirkes af håndtegnelsen af ​​40'erne og 50'erne. Den har en ret aggressiv rytme, med overgange, der ofte pisker hurtigt tilbage.

frodige script

Frontage ($ 55)

frontage er et lagdelt type system med endeløse designmuligheder og en vintage tegn føler. Der er 224 tegn i seks stilarter, perfekt til overskrifter og logotyper.

facade

Ashbury (gratis - $ 258)

Ashbury er inspireret af overgangstyper fra det 18. århundrede med genfortolket formelle aspekter og en flydende oversigt. Lette vægt er gratis at downloade, selvom der er 10 vægte og stilarter til rådighed.

Ashbury

Acorn (gratis)

Agern er et gratis skrifttype fra William Suckling, tilgængeligt via Behance. Det er en enkel, håndtegnet, sans-serif skrifttype, der er perfekt til brug i displayet.

agern