Uuden web-suunnittelijoiden ja kehittäjien uusi versio heinäkuussa sisältää uusia web-sovelluksia, JavaScript- ja jQuery-työkaluja, kehyksiä, herkkiä suunnittelurähteitä, tuottavuustyökaluja, kuva-apuohjelmia, opetusresursseja, yritystyökaluja, koodinpalaajia ja erinomaisia ​​uusia fontteja.

Monet alla olevista resursseista ovat ilmaisia ​​tai erittäin edullisia, ja ne ovat varmasti hyödyllisiä monille suunnittelijoille ja kehittäjille siellä.

Kuten aina, jos olemme unohtaneet jotain, jonka mielestä olisi pitänyt olla mukana, ilmoita meille kommentit. Ja jos sinulla on sovellus tai muu resurssi, jonka haluat nähdä seuraavan kuukauden aikana, lähetä viesti @cameron_chapman harkintaan.

nitro

nitro on tehtäväpäällikkö, joka on yhteydessä Dropbox- tai Ubuntu-laitteeseen tuottamaan sinulle tuottavampia. Se tarjoaa älykkäitä luetteloita tehtävien, päivämäärien, hakujen, toistuvien tehtävien ja jopa teemojen järjestämiseen.

nitro

TinyPNG

Tarvitsetko pienempiä PNG-tiedostoja malleihisi? TinyPNG käyttää älykäs häviöllistä pakkausta vähentää PNG-tiedostojen tiedostokokoa säilyttäen samalla alfa-läpinäkyvyyden. Se on erinomainen ratkaisu, jos tarvitset pieniä tiedostoja läpinäkyvyyttä.

tinypng

Vi

Vi on yksinkertainen selaimesi tekstieditori, jonka avulla voit avata ja muokata tiedostoja verkosta. Ja jos avaat tiedostoja suoraan Dropboxista tai Boxista, se tallentaa sen takaisin siihen paikkaan, josta se on peräisin.

vi

Suunnittelijan Survival Guide

Suunnittelijan Survival Guide on blogi, Richard Bairdin curation, joka tarjoaa jatkuvasti päivitettäviä luetteloita suunnittelutavioista eri aiheista johtavilta suunnittelijoilta ja alan ammattilaisilta. Se on resurssi, varsinkin kun suunnittelijat alkavat.

selviytymisopas

Spin.js

Sping.js on CSS-generaattori, jonka avulla voit luoda CSS-pohjaisen latauskierteen, jolla ei ole ulkoisia riippuvuuksia, ei kuvia eikä ulkoista CSS-tiedostoa. Se on erittäin konfiguroitavissa ja resoluutiosta riippumaton.

spin js

HTML5 lasku

HTML5 lasku perustuu Chris Coyierin kevyeen HTML-laskuun. Lasku tulostuu täydellisesti 8,5 x 11 -paperiin, tarkalla tulostuksella. Voit käyttää sitä as-on tai ladata lähdekoodia muokata tyyliä.

html5 lasku

Foundation 3.0

Zurb's Foundation on ollut jo jonkin aikaa, ja he ovat juuri julkaisseet uusimman version, Foundation 3.0 , joka on maailman edistyksellisin front-end-kehys. 3.0 rakennettiin Sassin kanssa nopeampaan kehitykseen ja lisävälineisiin, ja myös muita uusia elementtejä on lisätty.

perusta 3.0

Chocolat

Chocolat on uusi teksti ja koodinmuokkaus OS X: lle. Se yhdistää natiivi kaakao ja tehokkaat muokkaustyökalut. Ominaisuuksiin kuuluvat live-virheet, koodin täydennys, split-muokkaus ja paljon muuta.

Chocolat

Dropbox Photo Sivupyöräkone

Jos haluat mieluummin käyttää Dropbox-tiliä WordPress-blogissa käytettyjen kuvien tallentamiseen, tarvitset Dropbox Photo Sivupyöräkone kytkeä. Sen avulla on helppo lisätä uusi välilehti WordPressin Media Uploader -ohjelmaan, jonka avulla voit vetää kuvatiedostoja Dropbox-tililtäsi.

pudotuskoneen sivupilari

MercuryApp

MercuryApp on "mikro-journaling" -alusta, jonka avulla voit seurata tunteitasi lähes kaikesta ajasta, kerätä tietoja siitä ja saada tietoa. Voit käyttää sitä tekemään älykkäämpiä päätöksiä seuraamalla tunteitasi miltei mitä tahansa.

mercuryapp

Purty Pixels

Purty Pixels on loistava resurssi ilmaisille PSD-suunnittelurähteille ja WordPress-teemoille. Premium-resursseja on myös saatavilla.

pimeä pikseliä

Southstreet

Southstreet on optimoitu ryhmä avoimen lähdekoodin, progressiivisen lisälaitteen työnkulun työkaluja. Se sisältää Enhance, eCSSential, QuickConcat, AjaxInclude, AppendAround ja Picturefill, ja se on kehittänyt Filament Group.

southstreet

sulkeet

sulkeet on avoimen lähdekoodin editori web-suunnittelulle ja kehitykselle, jonka on luonut ja ylläpitänyt Adobe (ja julkaistu MIT-lisenssin alla). Se on rakennettu HTML: n, CSS: n ja JavaScriptin avulla, ja se keskittyy pikaviiveihin, jotta voit hallita sisältöä samalla kun säilytetään koodisi eturintamassa.

sulkeet

Sprite3D.js

Sprite3D.js on pieni JavaScript-kirjasto CSS 3D -muunnosten luomiseen ja manipulointiin. Se kaventaa HTML-elementtejä tarvittaviin käyttäytymiin, joten voit hallita helposti niiden 3D-sijaintia. Se toimii ilman kangasobjektia tai WebGL-selainta.

sprite3d.js

RefineSlide

RefineSlide on avoin lähdekoodi, herkkä diaesitys, joka tarjoaa CSS-siirtymä- ja 3D-muunnostustukea, automaattisen muotoilun ja herkän pikkukuvia, HTML-kuvatekoja, laitteistokiihdytyksen tuetuissa selaimissa ja paljon muuta.

refineslide

SeuratJS

SeuratJS on JavaScript-kirjasto, jonka avulla voit luoda pikseliäisiä ja pikselisoituja animaatioita kuvistasi minimaalisella koodilla. Se käyttää HTML5-kangasta parantaakseen väritietoja, joten se on kokonaan asiakkaan puolella.

seuratjs

Laravel

Laravel on PHP-verkkokehityskehys, joka helpottaa sovellusten luomista yksinkertaisella, ilmaisevalla syntaksilla. Se on hyvin dokumentoitua, avointa lähdekoodia, ja voit jakaa koodin nippuina (tai napata nippuja, jotka muut ovat jakaneet nopeuttaakseen omaa kehitystään).

laravel

tutti

tutti on nopean prototyyppityökalun työkalu, joka nopeuttaa web-prototyyppien kehittämistä, testaamista ja esittämistä simuloimalla liitettävyyttä live-tietokantaan. Se palvelee sisältöä samalla kun satunnaa keskeiset asettelut, joten työskentelet ja esität jotain paljon lähempänä lopputulosta.

tutti

Kattila

Kattila on ilmainen, reagoiva HTML5 / CSS3 Boilerplate WordPress teema Vorkshopista. Se sisältää teemanmuokkausohjelman ja -vaihtoehdot, mukautetun otsikon, mukautetun taustan, mukautetut malleja, lyhytkoodit ja paljon muuta.

kattilan

kuristaa

On helppoa testata latausaikoja verkkosivustollasi verkossa. Mutta entä testaaminen mobiilikäyttäjille? kuristaa simuloi verkkosivuston lataamista eri mobiiliverkkoihin ilman, että tarvitsisi oikeutta erilaisiin mobiiliverkkoihin (esimerkiksi voit kokeilla huonon 3G-verkon perusteella).

kuristin

Liikenneympyrä

Liikenneympyrä vie järjestämättömät listat ja muuntaa ne levysoittimille. Se on avoin lähdekoodi ja valmis käytettäväksi heti, samalla kun se on myös hyvin muokattavissa.

liikenneympyrä

ProjectFlow

ProjectFlow on visuaalinen tapa organisoida projektit, vedä ja pudota käyttöliittymä. Lisää vain projekteja, määritä sarakkeet vastaamaan prosessia ja vedä ja pudota projekteja sarakkeiden läpi merkitsemällä niiden edistyminen.

projectflow

Unroll.me

Unroll.me on ilmainen palvelu, jolla poistetaan ei-toivotut sähköpostitilaukset ja järjestetään loput. Tällä hetkellä se toimii vain Gmailin ja Google Appsin kanssa, mutta tuki Yahoo!ille Mail ja muut tulevat.

unroll.me

QUOjs

QUOjs on mikro JavaScript-kirjasto yksinkertaistettuihin mobiilihankkeisiin. Se yksinkertaistaa HTML-dokumenttien siirtoa, tapahtumien käsittelyä ja Ajax-vuorovaikutusta ristiintäselainkoodin nopean kehityksen ansiosta.

quojs

Päällä

Päällä on HTTP-etävalvontaohjelma, joka käyttää Node.js: tä ja MongoDB: tä. Sen avulla voit seurata tuhansia verkkosivustoja määritettävän taajuusohjelman avulla sekä antaa välittömän hälytyksen jokaiselle sivulle, kun on ongelmia muun muassa.

käytettävyys

Peity

Peity on jQuery-plugin, joka muuntaa elementin sisällön kangaskaavioksi (piirakka, rivi tai palkki). Se toimii missä tahansa kangasta (Chrome, Firefox, IE9 +, Opera ja Safari).

peity

PHP: Oikea tapa

Haluatko oppia PHP? PHP: Oikea tapa voi auttaa. Se selittää PHP: n parhaita käytäntöjä, jotta voit välttää huonoja koodeja ja huonoja käytäntöjä (tärkeä, koska kanonista tapaa käyttää PHP: tä, mikä voi sekoittaa joitain uusia käyttäjiä).

php oikealla tavalla

Docracy

Tarvitsetko oikeudellista asiakirjaa? Tarkista Docracy , oikeudellisten asiakirjojen, sopimusten ja sopimusten sosiaaliasioista. Hae vain asiakirja, tallenna kopio ja tee se omaksi ja allekirjoita se ilmaiseksi.

docracy

PsDefaults

PsDefaults tarjoaa joitakin parempia "oletuskuvioita" Photoshopille. Se on joukko moderneja, käsityönä esiasetettuja esityksiä: kuviot, harjat, muodot, tyylit ja paljon muuta. Voit saada ilmaisen mini-sarjan vastineeksi sähköpostiosoitteesi tai voit ennakoida tukemalla niitä Kickstarterissa.

psdefaults

tilizer

tilizer on todella siisti laatoitettu taustan generaattori. Se luo satunnaisia ​​laattakuvioita, jotka perustuvat syötteisiin, mukaan lukien kuinka monta yksilöllistä riviä ja sarakkeita kuvioissa pitäisi olla, mittakaava, värit ja paljon muuta.

tilizer

Marqueed

Marqueed on yksinkertainen työkalu kuvien jakamiseen, kommentointiin ja merkitsemiseen. Se on fantastinen työkalu joukkueille tai asiakaspalautteen saaminen.

marqueed

Maven Pro (nimi hinnaksi)

Maven Pro , joka on Lost Type Co-Op ja jonka on suunnitellut Joe Prince, tarjoaa kolme puuttuvaa kevyintä painoa sans-serif Maven Pro -kirjasintyypistä, mukaan lukien erittäin ohut hiusrajan paino.

maven pro

Bioweapon (ilmainen)

bioaseen on fontin Lucas Felipe, ilmainen kaupalliseen käyttöön, saatavilla vain Behancein kautta. Se on moderni näyttötyyppi, jossa on sans-serif-kirjainmuodot ja loistava negatiivisen tilan käyttö.

bioaseen

Figa (ilmainen)

Figa on mahtava ilmainen fontti, jossa geometriset, abstraktit kirjainmuodot. Sen on suunnitellut Pier Paolo, ja se on käytettävissä mitä tahansa projekteitasi, kunhan lähetät kopion työstään suunnittelijaasi.

FIGA

Quarz 974 (ilmainen)

Quarz 974 on abstrakti geometrinen fontti rune-tyyppisine kirjaimineen. Se on yllättävää lukukelpoinen näyttökerroilla, mikä tekee siitä upeita asioita, kuten julisteita.

kvartsi 974

Typometry Pro ($ 10)

Typometry Pro on näyttötyyppinen, jossa on moderni, deco-entinen tunnelma. Mukana on säännöllisiä ja vaihtoehtoisia tyylejä.

Typometry Pro

47 (ilmainen)

47 on ilmainen, moderni kirjasintyyppi, jossa on vintage tunne ja kalteva kirjainmuoto.

47

Lush Script (59 dollaria)

Lush Script on hieman rento muotoinen käsikirjoitus, jota 40- ja 50-vuotiaiden käsikirjoitukset vaikuttavat. Se on melko aggressiivinen rytmi, jossa siirtymät usein vääntää nopeasti.

rehevä kirjoitus

Frontage (55 dollaria)

Julkisivu on kerrostettu järjestelmä, jossa on rajattomat suunnittelumahdollisuudet ja vintage-merkki tuntuu. Kuusi tyylilaatua on 224 merkkiä, jotka sopivat täydellisesti otsikoihin ja logotyyppeihin.

julkisivu

Ashbury (ilmainen - 258 dollaria)

Ashbury on innoittamana 18th century transition -tyyppejä, joissa on uudelleen tulkittuja muodollisia näkökohtia ja virtaava ääriviiva. Kevyt paino on vapaasti ladattavissa, mutta käytettävissä on 10 painoa ja tyylejä.

Ashbury

Acorn (ilmainen)

tammenterho on ilmainen kirjasinlehti William Sucklingilta, joka on saatavana Behancein kautta. Se on yksinkertainen, käsin piirretty, sans-serif-kirjasintyyppi, joka on täydellinen näyttökäyttöön.

tammenterho