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 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.
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ä.
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.
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.
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.
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ä.
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.
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.
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.
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.
Purty Pixels on loistava resurssi ilmaisille PSD-suunnittelurähteille ja WordPress-teemoille. Premium-resursseja on myös saatavilla.
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.
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.
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.
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.
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.
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).
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.
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.
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).
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.
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.
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.
QUOjs on mikro JavaScript-kirjasto yksinkertaistettuihin mobiilihankkeisiin. Se yksinkertaistaa HTML-dokumenttien siirtoa, tapahtumien käsittelyä ja Ajax-vuorovaikutusta ristiintäselainkoodin nopean kehityksen ansiosta.
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.
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).
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ä).
Tarvitsetko oikeudellista asiakirjaa? Tarkista Docracy , oikeudellisten asiakirjojen, sopimusten ja sopimusten sosiaaliasioista. Hae vain asiakirja, tallenna kopio ja tee se omaksi ja allekirjoita se ilmaiseksi.
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.
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.
Marqueed on yksinkertainen työkalu kuvien jakamiseen, kommentointiin ja merkitsemiseen. Se on fantastinen työkalu joukkueille tai asiakaspalautteen saaminen.
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.
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ö.
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.
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.
Typometry Pro on näyttötyyppinen, jossa on moderni, deco-entinen tunnelma. Mukana on säännöllisiä ja vaihtoehtoisia tyylejä.
47 on ilmainen, moderni kirjasintyyppi, jossa on vintage tunne ja kalteva kirjainmuoto.
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.
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.
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ä.
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.