Nel 2013, abbiamo coperto un sacco di nuove app, risorse e altro per designer e sviluppatori. In effetti, abbiamo coperto centinaia di risorse!
Quindi, piuttosto che dover tornare indietro nel nostro archivio di post, abbiamo raccolto il meglio di ciò che era nuovo nell'ultimo anno in un unico posto! Non includiamo tutto (dopo tutto, alcune risorse non sono più disponibili, i siti potrebbero essere cambiati, le app potrebbero non essere più attive, ecc.), Ma piuttosto mettere insieme una vera e propria "best of" compilation, con oltre 130 voci! Compreso il nostro font in primo piano preferito di ogni mese!
Divertiti e facci sapere nei commenti quali sono state le tue nuove risorse preferite per l'anno!
Apiary.io è uno strumento API REST che semplifica la creazione di documentazione e altri strumenti per consentire agli utenti di utilizzare la tua API. Include anche strumenti per convincere la comunità a creare la documentazione per te su GitHub.
Prosa è un'interfaccia web per la gestione del contenuto del repository GituHub basato su testo. È un'ottima opzione per gestire il tuo blog o apportare aggiornamenti rapidi al tuo codice ed è particolarmente utile per i siti di Jekyll ospitati su GitHub Pages con anteprima di testo Markdown e riferimenti di sintassi.
Hai bisogno di un ambiente di sviluppo leggero, riproducibile e portatile? Vagabondo hai coperto. Funziona con Mac OS X, Windows e Linux, con un programma di installazione semplice da usare e una semplice configurazione.
Maskew è una libreria JavaScript per distorcere le forme degli elementi. È mobile-friendly, non ha dipendenze ed è inferiore a 5k.
Icone elusive sono 271 icone vettoriali sviluppate appositamente per Bootstrap, ma poiché è un font web, funzionerà anche con progetti personalizzati.
Griglia profonda è un sistema di griglia reattivo per la creazione di layout fissi e fluidi, costruito con SCSS. È possibile aggiungere o rimuovere colonne secondo necessità, cambiare larghezza colonne e grondaie e molto altro.
Junior è un framework front-end per la creazione di app mobili con HTML5 con un aspetto e un aspetto nativi. Include transizioni CSS3 ottimizzate per prestazioni mobili, caroselli scorrevoli e altro ancora.
Centurione è un framework web reattivo che è stato creato utilizzando le query multimediali SASS e CSS3. Usa HTML5 semantico e rende anche facile creare prototipi rapidi.
Framer è un moderno strumento di prototipazione per costruire e testare interazioni complesse e animazioni ricche. È una buona alternativa a Flash, Quartz, Composer e Keynote.
Photobox è uno script di galleria di immagini jQuery con transizioni e animazioni CSS3 con accelerazione hardware, insieme a un'interfaccia utente carina ea una UX di facile utilizzo.
Dropzone.js è un open source, semplice trascinamento del file uploader con anteprima delle immagini. È facile da configurare (soprattutto se si utilizza Component, poiché è possibile aggiungerlo come dipendenza) e implementarlo come modulo o programmaticamente.
Notism è un ottimo strumento per lavorare sui contenuti visivi con una squadra. Puoi caricare, raggruppare e rivedere idee di progetti visivi, creare prototipi funzionanti di modelli statici, discutere bozze e altro. Esistono anche strumenti per la firma sui layout.
Dropify rende facile rendere i file disponibili per il download sulla tua fan page di Facebook. C'è un piano gratuito disponibile (che non offre il cosiddetto "like-gating"), così come piani premium. È perfetto per artisti, autori, creativi, marchi e piccole imprese.
Onepager ti consente di creare facilmente siti Web semplici per le piccole imprese. I siti risultanti funzionano perfettamente su desktop e dispositivi mobili, sono ospitati su cloud, includono funzionalità di moduli personalizzati e sono ottimizzati per i motori di ricerca. I siti di avviamento sono solo $ 8 al mese, con piani più robusti disponibili.
Kirby è un CMS basato su file che è facile da configurare e utilizzare e incredibilmente flessibile. Utilizza il design e i modelli, non richiede un database e supporta la sintassi Markdown, tra le altre funzionalità. Sono solo $ 39 per sito.
QuoteRobot facilita la creazione di proposte, fatture e preventivi dal design professionale. Funziona bene con Highrise, FreshBooks, SalesForce, Google Apps e Xero e costa solo $ 10 al mese dopo la prova gratuita di 30 giorni.
Hint.css è una libreria di descrizioni comandi SASS che utilizza solo HTML / CSS (senza JavaScript) per la creazione di semplici descrizioni comandi mediante l'attributo data- *, gli pseudo elementi, la proprietà del contenuto e le transizioni CSS3. Si degrada dolcemente senza transizioni nei browser in cui le transizioni CSS3 non sono supportate.
Inchiostro è un toolkit facile da usare per la creazione di interfacce web. Utilizza HTML, CSS e JavaScript per creare layout, distribuire elementi di interfaccia comuni, implementare funzionalità interattive incentrate sui contenuti e altro ancora.
Cool Kitten è un framework beta che include file HTML, CSS e JavaScript reattivi e include il supporto per lo scrolling della parallasse.
Baseline.js aiuta a mantenere il tuo ritmo verticale (impostato dalla tua linea di base tipografica) nonostante le immagini di dimensioni strane nei tuoi articoli e pagine.
Mailstrom è uno strumento che ti aiuta a ripulire la tua email alimentando i tuoi messaggi in pochi secondi. È attualmente in beta e ha una prova gratuita illimitata, anche se in seguito sarà disponibile in abbonamento.
Fare è un project manager di squadra facile da usare che semplifica l'esecuzione di tutti i tuoi compiti. Oltre all'app Web, ci sono anche le app mobili per iPhone e Android.
Galleria è un framework di gallerie di immagini costruito in JavaScript che facilita la creazione di bellissime gallerie per dispositivi web e mobili.
Koken è un CMS gratuito per le creatività che semplifica la gestione dei contenuti creativi. Ha un'interfaccia simile al desktop e dispone di potenti strumenti per lavorare virtualmente con qualsiasi tipo di contenuto, dal testo alle immagini al video.
Prevue è un modo gratuito per presentare i tuoi concetti online e anche ottenere feedback. Puoi proteggere con password i set di immagini e inviare URL personalizzati ai tuoi clienti.
Digita è un'estensione Compass che prende la dimensione del carattere e la lunghezza della linea specificata e la trasforma in un set di regole CSS per una linea di base verticale in ems.
jQuery annidato è un plug-in per la creazione di un layout di griglia multi-colonna senza spazi. Funziona su una varietà di dispositivi e gli elementi della griglia si animano per riorganizzare quando cambia la dimensione della vista.
Hook.js abilita "pull to refresh" sui siti Web, proprio come funziona nelle applicazioni mobili. Basta scorrere verso il basso un po 'e quindi eseguire il backup e la pagina verrà aggiornata.
Gumroad è una piattaforma per vendere file digitali direttamente online. Gestiscono l'hosting, il pagamento e la consegna per te, in modo rapido e sicuro.
Gridwax è un bookmarklet che ti consente di aggiungere facilmente una linea di riferimento verticale regolabile a qualsiasi sito direttamente nel tuo browser. Basta installare il segnalibro, fare clic su di esso e quindi regolare l'altezza con i tasti freccia.
Photolettering è un'app iOS gratuita che ti consente di aggiungere testo alle foto scattate all'interno dell'app o alle immagini del tuo rullino fotografico. Presenta alcuni grandi caratteri di House Industries, tra cui Elephant, Kerpow e Aztek.
UX Apprentice ti insegna i principi del design UX con un approccio a più livelli, tra cui scoperta, strategia e design. Include informazioni sui principi fondamentali di ogni livello, nonché esempi di vita reale e risorse per ciascuno.
dsgnjbs aggrega i migliori lavori di progettazione da una varietà di siti Web di design, tra cui Dribbble, Behance, Smashing Magazine, 37 segnali e altro ancora.
Il Galleria di modelli SVG è una raccolta di pattern SVG completi di codice. Le immagini SVG sono generalmente più piccole delle immagini bitmap e restano nitide sui display ad alta risoluzione.
Questo Flat + 3D Mockup Kit semplifica la creazione di mockup interessanti per le tue app su un'ampia varietà di dispositivi. Sono inclusi kit gratuiti ea pagamento, a seconda dei dispositivi di cui hai bisogno.
Superbox è un plugin jQuery che funziona come una galleria di immagini statiche che rivela la versione a dimensione intera quando si fa clic sull'immagine.
Mobify.js è una libreria open source che rende facile adattare il tuo sito per qualsiasi dispositivo. Cattura e manipola il DOM del tuo sito prima che le risorse vengano scaricate, consentendo il controllo delle risorse, il caricamento condizionale e altro ancora.
animatable ti consente di animare facilmente tutti i tipi di proprietà, inclusi il colore di sfondo, la posizione dello sfondo, la larghezza del bordo, la dimensione del carattere, il colore, il raggio del bordo, l'opacità e molto altro.
Bespoke.js è un micro-framework di presentazione fai-da-te che offre una serie di animazioni di diapositive diverse, tra cui coverflow, cubo e carosello, tra gli altri.
LayoutIt! semplifica la creazione del codice front-end con Bootstrap, completo di un'interfaccia drag-and-drop. Ottieni codice HTML5 di alta qualità a partire da uno qualsiasi dei loro modelli di base.
Costruire un'interfaccia utente piatta? Flat UI Colors è una piccola app che semplifica l'acquisizione dei colori dall'interfaccia utente flat per il tuo progetto.
Resemble.js è una tela HTML5 e un'app JavaScript che analizza e confronta le immagini. Basta trascinare e rilasciare le immagini nell'app e questo evidenzierà le loro diferenze.
Dati colore Web rende semplice estrarre i dati di colore da qualsiasi URL, completo di grafici che mostrano la prevalenza di ciascun colore utilizzato.
Userium è una checklist di usabilità interattiva che include categorie per l'esperienza utente, la homepage del sito, accessibilità, navigazione, collegamenti, ricerca e altro.
Il Manifesto della produttività è un ebook gratuito pieno di consigli per diventare molto più produttivo. Basta iscriversi alla newsletter gratuita per un link per scaricare il PDF.
Nanoc è un costruttore di siti statico che lavora per creare tutto, da un piccolo sito personale a un sito aziendale di grandi dimensioni. Funziona anche per i blog.
Prospettive di modelli è un insieme di azioni di Photoshop per creare mockup più interessanti per presentare le tue idee. I risultati sono nitidi e unici.
Fantasma è una piattaforma di blogging gratuita, open source e semplice. Mette l'attenzione esattamente sulla pubblicazione e il tuo contenuto.
Premailer è un'app pre-volo online per la creazione di e-mail HTML. È sufficiente incollare l'URL o l'origine, aggiungere una stringa di query da aggiungere ai collegamenti e aggiungere opzioni (come la rimozione di ID, commenti o classi non utilizzati) e inviare.
Codifferous ti aiuta a rivedere il codice più velocemente e in modo più efficace. Tiene traccia di quanto hai esaminato all'interno del codice sorgente e persino di contrassegnare se ogni riga è accettata o rifiutata. I progetti pubblici sono gratuiti, mentre i progetti privati richiedono una piccola tassa.
Stocksy è un servizio di foto d'archivio che offre foto di alta qualità e senza diritti d'autore a differenza della maggior parte delle foto d'archivio ed esclusive di Stocksy. Le foto partono da soli $ 10.
Videry è una raccolta curata di video per i web designer. Ci sono video su una varietà di argomenti, tra cui CSS, innovazione, psicologia nel design, tipografia e molto altro.
Puro è un insieme di moduli CSS reattivi che puoi utilizzare in tutti i tuoi progetti di siti Web e app. Comprende moduli per griglie, moduli, pulsanti, tabelle, menu e altro.
Questa raccolta di Oltre 430 illustrazioni di storyboard gratis è gratuito da usare per i tuoi progetti personali (non è fatto per essere utilizzato nei progetti di produzione finale). Include un file vettoriale e un file PNG.
Penna rossa rende super veloce e facile ottenere feedback dai vostri clienti o membri del team. Trascina il tuo disegno nell'area di caricamento, condividi l'URL breve che ti viene fornito e ricevi feedback commentati dal vivo. E non c'è accesso, gestione del progetto o altre funzionalità inutili.
Progettisti che protestano è un fantastico blog Tumblr che cataloga i reclami dei designer di tutto il web. Più di recente è stato un numero enorme di lamentele su iOS 7.
Hai bisogno di un sito web per documentare il tuo progetto open source? Flatdoc è qui per aiutare. Ti consente di creare velocemente un sito web, utilizzando Markdown.
Esplorare. Creare. Ripetere. è una rivista settimanale online per la comunità creativa, per ispirare e offrire approfondimenti. Puoi iscriverti per email o leggerlo online.
Froont ti consente di progettare siti Web direttamente nel tuo browser, utilizzando una semplice interfaccia di trascinamento della selezione. Ciò ti consente di vedere il tuo sito esattamente come faranno i tuoi visitatori.
Thincons è un set di icone da $ 7 ispirato a iOS7. Ci sono 77 icone in tutto, e puoi ottenerne un campione in cambio di un Tweet se non vuoi pagare per il set completo.
Il Golden Ratio Typography Calculator è un semplice strumento per creare una migliore tipografia. Basta inserire la dimensione del carattere e la larghezza del contenuto, nonché una CPL opzionale (caratteri per riga) e ottenere una serie di raccomandazioni tipografiche.
Questo Style Guide Boilerplate è orientato verso i progettisti e gli sviluppatori che desiderano implementare i propri framework per gestire i componenti comuni utilizzati tra i progetti.
Piazza del mercato è una nuova soluzione di e-commerce di Square. Non costa nulla in più rispetto al costo normale dell'elaborazione del pagamento Square e le vetrine sono moderne e ben progettate.
Gridism è un sistema di griglia reattivo che è semplice e facile da usare. Impila unità di griglia sugli schermi dei dispositivi mobili e scala fino a 978 o 1140 px (a scelta).
Later.js ti consente di definire pianificazioni complesse e calcolare rapidamente occorrenze di pianificazione future o passate. Funziona lato client o con Node.js.
Soprabito è un framework CSS per la creazione di applicazioni web pulite e veloci. Include una serie di componenti utili, è modificabile e include un PSD con tutti i componenti nella base di codice.
DevDocs è un lettore di documentazione API con un'interfaccia coerente e organizzata. Puoi consultare la documentazione per HTML, CSS, DOM, JavaScript, jQuery e altro, tutto da un'unica posizione.
Alla ricerca di ispirazione tipografica? Poi Typewolf è solo il sito. Non solo fornisce un sacco di ispirazione tipografica online, ma identifica anche i caratteri utilizzati per te.
bisticcio è uno strumento tipo che consente di confrontare visivamente le differenze tra due caratteri tipografici. Attualmente funziona con Google Web Fonts, così come i font di sistema.
Bytesize è un nuovo podcast settimanale su tecnologia, design e sviluppo. Puoi anche leggere i riepiloghi delle notizie della settimana sul sito, insieme ai link agli articoli originali.
CSS Web reattivo rende semplice e veloce il layout delle pagine per i siti reattivi per una varietà di dispositivi.
Snapnote.io rende incredibilmente facile condividere e annotare immagini e screenshot. Basta trascinare e rilasciare l'immagine sulla pagina, utilizzare gli strumenti integrati per l'annotazione e quindi condividerla.
Pico è un file CMS semplice, veloce e piatto, il che significa che non utilizza alcun database. Utilizza il motore di template Twig per temi potenti e flessibili ed è completamente gratuito e open source.
Tipografia pratica di Butterick è una guida completa alla tipografia che copre tutto, da ciò che rende la buona tipografia a cose più elementari come i caratteri accentati.
Mailparser è un modo semplice per automatizzare la tua routine giornaliera di posta elettronica. Basta impostare le regole di estrazione dei dati e dirgli come gestire i risultati.
CSS Zen Garden è in giro da un po ', ma è stato recentemente rielaborato come modello HTML5. È una grande dimostrazione di cosa si può fare con il design basato su CSS.
Cloud Cannon ti consente di creare un CMS ospitato da HTML e CSS in pochi secondi. Ha una prova gratuita di 30 giorni.
Tipo di caccia è una raccolta curata di esempi di tipografia vintage. Troverai di tutto, dalle magliette retrò alle confezioni antiche, i vecchi segni e altro ancora.
Queste iOS 7-Inspired Line Icons sono un ottimo set di oltre 80 icone nello stile di iOS7. Puoi usarli come preferisci se non li ridistribuisci senza permesso.
Bootstrap Magic rende facile creare il tuo tema Bootstrap. È realizzato con Bootstrap 3 e Angular JS e offre un'anteprima dal vivo, un colorpicker, i Webfonts di Google e molto altro.
StatusPage.io è un modo semplice per creare una pagina di stato per il tuo sito web o app. Include branding personalizzato, supporto per vari tipi di messaggi di stato del sistema e altro.
Cancellami ti fornisce le informazioni necessarie per eliminare il tuo account da una varietà di siti Web e servizi, tra cui Amazon, Blogger, Facebook, Gumroad e altro ancora.
Web Tracing Framework è una raccolta di strumenti avanzati per l'analisi e la visualizzazione delle tue app Web. È disponibile come estensione per Chrome o Firefox.
Il Generatore di utenti casuali creerà per te un utente casuale che puoi utilizzare come segnaposto nei tuoi progetti. Funziona con jQuery e altri metodi.
assemblare ti consente di combinare la potenza di framework come Foundation e Bootstrap per i tuoi progetti, per creare esattamente il tipo di framework e il risultato finale di cui hai bisogno.
Spettro è un'app per Mac e iOS per designer e sviluppatori che semplifica la progettazione intuitiva delle combinazioni di colori. Utilizza la teoria dei colori consolidata, rendendo molto più semplice la creazione di palette esteticamente gradevoli.
Se hai bisogno di uno sfondo con texture per il tuo prossimo progetto, assicurati di dare un'occhiata a questo Generatore di texture di rumore . È sufficiente immettere i valori per l'opacità del rumore, la densità, il colore di sfondo e le dimensioni, quindi scaricare il modello personalizzato.
Appmaker , da Mozilla, è un creatore di applicazioni mobili drag-and-drop che funziona direttamente nel tuo browser. È in versione pre-alpha, quindi aspettati alcuni bug, ma sembra promettente.
Hiro è un blocco note online in cui è possibile archiviare in modo sicuro idee e appunti durante il giorno. Si apre sempre da dove eri rimasto, si sincronizza in modo sicuro sui tuoi dispositivi ed è gratuito.
Sagan Ipsum è un generatore di lorem ipsum che ti offre le citazioni di Carl Sagan sull'universo.
Best practice per il Web mobile ti aiuterà a porre le domande giuste e a risolvere i problemi che potresti incontrare durante la progettazione del Web mobile. È suddiviso in modo da coprire la strategia, l'esperienza utente, il design e lo sviluppo e ha risorse aggiuntive e una sezione FAQ.
Google Web Designer è un nuovo creatore di siti HTML5 reattivo di Google che ti consente di progettare in un ambiente WYSIWYG o di tuffarti direttamente nel codice.
Listify è una semplice piccola app che rende semplice trasformare un gruppo di linee in un elenco HTML, risparmiando tempo e fatica.
Stai cercando di capire quanti soldi hai bisogno di fare? Arpione lo semplifica, fornendoti consigli e parametri di pianificazione finanziaria per la gestione delle tue entrate. Non è ancora pronto, ma puoi registrarti per gli aggiornamenti.
Hai bisogno di un editor Markdown online? StackEdit ti consente di scrivere e modificare i file Markdown, nonché di salvarli su Google Drive o Dropbox per rendere i tuoi documenti disponibili nel cloud in qualsiasi momento.
Crudo è un'app web open source che ti consente di creare visualizzazioni vettoriali in formati vettoriali e raster da incorporare nel tuo sito web. È basato su D3.js e ha una semplice interfaccia utente.
Avvia Bootstrap è una raccolta di modelli di avvio HTML gratuiti e open source per Bootstrap. Sono pronti per l'uso, anche con Bootstrap 3.
GlyphSearch rende semplice la ricerca di icone da Glyphicons, Ionicons e Font Awesome. Puoi anche navigare tra le icone sul sito.
Mappe vettoriali gratis ti dà accesso a tonnellate di mappe vettoriali di paesi di tutto il mondo. Possono essere utilizzati gratuitamente sotto la licenza Creative Commons Attribution o possono essere acquistati per un utilizzo illimitato.
Slidr.js è una libreria JS leggera e semplice, senza dipendenze, per aggiungere transizioni di diapositive alla tua pagina.
Icone allegre è un set di 100 icone disegnate a mano senza royalty per Natale, il tutto per soli $ 16.
battere è un modo innovativo per sbloccare il tuo Mac usando il tuo iPhone. Tutto quello che devi fare è bussare allo schermo del tuo iPhone e il tuo Mac si sbloccherà, senza password.
Temperare è una semplice app che ti consente di creare domande da inserire nel tuo sito web per ottenere feedback in modo da adattarti meglio a ciò che i tuoi visitatori desiderano. I piani partono da soli $ 12 al mese.
streme è un modo semplice per mantenere un flusso di link collaborativo, senza necessità di registrazione. È possibile aggiungere collegamenti a video, musica e altro.
Seta è una piattaforma di condivisione per creare collezioni di qualsiasi cosa. Crea un sito, aggiungi fatti alle tue pagine e crea panoramiche e visualizzazioni.
Fleep è un programma di chat, una bacheca e un cassetto di file tutti riuniti in uno, disponibile online e per iOS.
Onor è una piattaforma di riconoscimento del team che semplifica il processo di incoraggiare e premiare i membri del tuo team.
Design favoloso è un nuovo sito che offre moltissima ispirazione di design ogni giorno. Ci sono post su creatività, design generale, arte, architettura e molto altro.
Digitare Scala è un calcolatore visivo per la creazione di scale tipografiche per i tuoi progetti. Inserisci le dimensioni della tua base e la scala che desideri utilizzare e ti darà le taglie migliori per intestazioni, corpo e altro testo.
Modello di colore è un breve tutorial che ti insegnerà come scegliere i colori migliori per i tuoi progetti. Inizia con la ruota dei colori e progredisce attraverso una serie di altri argomenti di teoria del colore.
Inchiostro è un framework di posta elettronica HTML reattivo di Zurb. Ti consente di creare rapidamente e-mail che funzioneranno su qualsiasi dispositivo o client, anche su Outlook.
Kanye vs direttore creativo è uno sguardo divertente alle citazioni che sono state pronunciate da un direttore creativo o Kanye West. Vedi se riesci a indovinare quale, o invia il tuo preventivo.
Crowdhoster è un servizio per lanciare la tua pagina di crowdfunding senza alcuna codifica. Puoi personalizzarlo come preferisci e gestiscono tutte le elaborazioni di pagamento per te e ti forniscono un dashboard di amministrazione.
Syte è un modo semplice ma potente per costruire un sito web personale con integrazioni sociali come Twitter, GitHub, Instagram, Dribbble e molti altri. Funziona anche con WordPress.com o Tumblr per l'integrazione del blog.
Lavoriamo in remoto è una nuova bacheca di annunci da 37signals per trovare i migliori lavori di telelavoro là fuori.
Oltre l'inchiostro è un podcast di design mensile per coloro che lavorano nelle industrie creative o web per discutere di ciò che fanno.
Slides da Markdown è un modo semplice per condividere i tuoi pensieri con il mondo. Le diapositive possono essere personalizzate facilmente, con diversi tipi di carattere, colori dei caratteri e altro.
Esposizione è uno strumento per creare foto narrative online. È un ottimo modo per i fotografi di pubblicare il proprio lavoro in modo più significativo ma senza sforzo.
Cassannet è un font in stile art deco basato sullo stile di lettering visto sui poster di Cassandre e include titoli alternativi, legature standard e discrezionali e maiuscoletto. Include anche pesi regolari, in grassetto e di contorno.
Roccia è un tipo di carattere sans serif sperimentale con due stili e tutti i caratteri maiuscoli.
Ciao Denver è un font gratuito dallo studio di design di Good Apples con for