10+ strumenti online per sviluppatori e designer web

Oltre agli strumenti offline esistono tanti strumenti online moderni che possono aiutare gli sviluppatori e designer web nel loro lavoro, eccone una lista:

Browsershots permette di testare la visualizzazione di un sito su differenti browser e sistemi operativi, effettua uno screenshot

Webcheck.me analizza un sito dal punto di vista SEO, della sicurezza e delle performances

Quircktools Smaps permette di creare sitemaps direttamente online, Wires permette di creare mockup dei siti tramite wireframe, Screenfly visualizza un sito web permettendo di impostare vari dispositivi (stessa cosa con Responsive.is o con il bookmarklet Viewport Resizer)

Mockup Builder web app in Silverlight che permette di creare e condividere mockup di siti web tramite wireframe

Adobe Kuler crea schemi di colori

Koding editor di codice online con funzionalità sociali (attualmente su invito), oppure CodePen e jsFiddle per condividere/visualizzare in anteprima snippet di codice

Typetester e Font comparer per comparare il rendering dei font

Handpicked jQuery Plugins, Unheap, jquer.in repository di plugins jQuery

Links utili per lo sviluppo web #4

L’articolo cerca di raccogliere i migliori links (guide e tutorials, suggerimenti e trucchi, risorse) legati allo sviluppo web nelle aree quali web design e codice vero e proprio con particolare attenzione alle moderne tecnologie e tecniche.
I topic ricoperti sono vari; dai CMS ai frameworks, dai templates alle varie librerie + plugins ecc…
Vediamo quindi i links di questo mese:

Review of cross browser testing tools una recensione di tanti strumenti e servizi per testare i siti web emulando vari browser

The expressive web utili strumenti da Adobe per lavorare con HTML5 e CSS3

Adobe Edge software per lavorare con HTML5, CSS3, Javascript

PressWork un framework WordPress in HTML5

Screenfly servizio per vedere i siti web a varie risoluzioni

SEO Cheat Sheet un bel cheat sheet con trucchi e consigli SEO

VideoSWS una comparazione di video player HTML5

Links utili per lo sviluppo web #3

L’articolo cerca di raccogliere i migliori links (guide e tutorials, suggerimenti e trucchi, risorse) legati allo sviluppo web nelle aree quali web design e codice vero e proprio con particolare attenzione alle moderne tecnologie e tecniche.
I topic ricoperti sono vari; dai CMS ai frameworks, dai templates alle varie librerie + plugins ecc…
Vediamo quindi i links di questo mese:

Book of speed una guida online per migliorare le performances del proprio sito web

planning and implementing website navigation showcase di varie tipologie di menù di navigazione

Useful resources, tools and services for web designers risorse, siti, librerie, plugins ecc… utili per lo sviluppo web

il Panda Update spiegato da Madri video utile riguardo il SEO che spiega cos’è il Panda Update di Google

Phonegap un framework opensource HTML5 per lo sviluppo di applicazioni mobili

CSS3 buttonize framework un framework che aiuta a creare bottoni CSS3

Mobilizer applicazione che permette di testare come vengono visualizzati i siti via mobile

Gridless un framework HTML5 e CSS3 per creare siti web

50+ free Mac apps for web designers and developers una bella lista di oltre 50 programmi per Mac utili ai web designer e sviluppatori

making a simple tweet to download system un bel tutorial che spiega come realizzare un sistema in cui occorre effettuare il tweet per sbloccare contenuto

Links utili per lo sviluppo web #2

L’articolo cerca di raccogliere i migliori links (guide e tutorials, suggerimenti e trucchi, risorse) legati allo sviluppo web nelle aree quali web design e codice vero e proprio con particolare attenzione alle moderne tecnologie e tecniche.
I topic ricoperti sono vari; dai CMS ai frameworks, dai templates alle varie librerie + plugins ecc…
Vediamo quindi i links di questo mese:

Initializr crea il tuo progetto HTML5 in pochi secondi

choose the best CSS framework a complete guide un articolo dove si recensiscono molti framework CSS corredato da immagini di esempio

mega collection of cheatsheets for designers and developers un utile collezione di cheatsheets (ovvero codici e funzioni) che si possono utilizzare, in particolari nell’articolo vengono illustrati quelli riguardanti CSS, HTML, Javascript, PHP, MySQL, colori/fonts/SEO, CMS, software, browser e sistemi operativi, linguaggi di programmazione, vari

CSS3 tutorials and samples vari esempi e tutorial illustrati riguardo CSS3

30 Creative Examples of Responsive Web Design esempi di siti web che si adattano perfettamente a seconda del mezzo utilizzato (computer, smartphone…)

The Anatomy of an Effective Web Design un’infografica che illustra come dovrebbe essere un web design efficace

optimizing error pages consigli su come creare delle pagine 404 attrattive

5 risorse utili per trovare snippets elenco di siti dove trovare porzioni di codici pronte all’uso

HTML EMail Boilerplate template per email in HTML

Perkins un framework HTML5/CSS3 per sviluppare velocemente siti web

Ricevi gli aggiornamenti del blog

Vuoi rimanere aggiornato riguardo gli ultimi articoli pubblicati nel blog? Inserisci la tua email per sottoscriverti alla newsletter!