Web Design

8 strumenti per formattare ed ottimizzare i CSS

La fase di ottimizzazione dei file CSS è forse una delle piú importanti per velocizzare il caricamento di un sito web o blog. Per raggiungere questo obiettivo è necessario ripulire il CSS eliminando proprietà inutili non richieste, ridurre codice in eccesso implementando delle scorciatoie, rimuovere gli spazi in più e le…

Category : Web design   15-05-2017  

La Bibbia del Responsive Web Design

Il Responsive Web Design o RWD è il principale trend degli ultimi 2 anni, spinto sicuramente dalla diffusione di smartphone e tablet e quindi dalle sempre piú esigenti aspettative degli utenti finali che giustamente cercano e preferiscono esperienze di uso e visualizzazione idonee a questi dispositivi. Cos’è il RWD? (Responsive Web…

Category : Web design   14-12-2015  

Risorse grafiche gratuite

Sul web si trovano moltissime librerie di risorse grafiche gratuite. Senza pretendere di essere esaustivi, anzi, sono graditi apporti e suggerimenti, vogliamo stilare un elenco delle fonti che, a nostro parere possono essere utili. Siamo sicuri al che questa raccolta non deluderà le vostre aspettative! Fateci sapere cosa ne pensate! FREE BIES…

Category : Web design   17-11-2015  

Flat UI Design - 8 siti ai quali ispirarsi

In questo post vi proproniamo una collezione di flat template professionali, perfetti per realizzare siti dal design semplice, pulito ma al tempo stesso accattivante. Brewery O come fare bella figura con un amico invitandolo a bere un drink... Paye ton caps Quit Smoking Che succede al nostro corpo quando smettiamo di fumare? Timeline che ripercorre i benefici della…

Category : Web design   22-10-2015  

HTML5: l'elemento track

L'elemento Track di HTML5 consente di aggiungere del testo ai file in riproduzione multimediale e visualizzarlo nel lettore video HTML5, senza necessità di script o software aggiuntivo. Il testo può includere sottotitoli, didascalie, descrizioni, capitoli o metadati.  In altre parole, l'elementopermette di visualizzare in tempo reale ulteriori risorse di testo che si…

Category : Web design   26-06-2014  

16 siti per scaricare immagini vettoriali gratuite

Le immagini vettoriali, sono fondamentali per chi si occupa di grafica e web design.   La caratteristica che contraddistingue un’immagine vettoriale, da una normale, come ad esempio una fotografia, è che l’immagine vettoriale può essere ingrandita o rimpicciolita quanto vogliamo, senza perderne mai la qualità.   Creare immagini vettoriali da zero è…

Category : Web design   08-02-2014  

318 utili risorse per twitter bootstrap #6

Tutorial per Twitter Bootstrap Articoli CUSTOMIZING BOOTSTRAP Tutorial che spiega come cominciare ad usare LESS con Twitter Bootstrap. TWITTER BOOTSTRAP TUTORIAL Come integrare Twitter Bootstrap in 20 minuti. ADDING SWIPE SUPPORT TO BOOTSTRAP'S CAROUSEL Justin Lazanowski spiega come integrare un carosello di immagini per dispositivi touch-screen in Twitter Bootstrap. GET A LEG UP WITH TWITTER…

Category : Web design   18-12-2013  

Photoshop: 14 tutorial natalizi

Tra Natale, Capodanno ed Epifania, gli sfondi per il desktop e le cartoline a tema sono il lavoro piú richiesto a designers e grafici, dando a tutti loro la possibilità di sbizzarrirsi con i programmi di fotoritocco preferiti.   Eccoci quindi con 14 tutorial natalizi per Photoshop presenti sulla grande rete. Non vi resta che scegliere quelli che desiderate…

Category : Web design   17-12-2013  

Javascript: 12 e-book gratis per utenti avanzati

Se giá possedete una conoscenza solida della programmazione ed in particolar modo del linguaggio JavaScript e state cercando delle guide o dei libri che vi aiutino a migliorare ulteriormente le vostre competenze, vi proponiamo una lista di 12 e-book gratis sulle funzionalità avanzate di JavaScript: ricorsione, matrici, risoluzione dei problemi…

Category : Web design   20-08-2013  

318 utili risorse per Twitter Bootstrap #5

Tools e Servizi per Twitter Bootstrap Strumenti per velocizzare ed ottimizzare lo sviluppo dei siti web con Bootstrap Devtools BOOTSTRAPTOR Templat gratis wireframe per Bootstrap BOOTPLY Un playground per Bootstrap. Usa Bootply per testare il design di un progetto, ideare prototipi ecc ecc. MODERNMAIL Progettare template per email con Bootstrap BOOTSTRAP-IE7 Supporto per IE7 in Bootstrap…

Category : Web design   02-08-2013  

14 wireframes e GUI templates per Twitter Bootstrap

In questo articolo vi proponiamo 14 wireframe e template GUI progettati specificatamente per Twitter Bootstrap. Le risorse elencate possono essere scaricate in vari formati (psd, ai, png…) e sono disponibili per diverse applicazioni come Photoshop, Fireworks, Illustrator... 1. Bootstrap v2.0 GUI (.psd)   Interfaccia grafica completamente personalizzabile, perfetta per cominciare progetti responsive. 2. Twitter Bootstrap…

Category : Web design   26-07-2013  

Il flat design: ritorno al futuro

Tutti ne sono affascinati, tutti lo invocano, tutti ne parlano: il flat design è la parola chiave del 2013 per i designer ed i creativi di tutto il mondo. La traduzione letterale di flat design è “design piatto”. Si tratta infatti di un design semplice, privo di effetti tridimensionali quali ombre, gradienti etc… Le…

Category : Web design   25-07-2013  

50 tutorials Wordpress per web designers e sviluppatori web

Wall Street Journal, Ford, Sony, Katy Perry, GigaOM, CNN. Tutte marche conosciute. Cos'hanno in comune? Tutte hanno il sito “Powered by WordPress”. Wordpress, senza dubbio è attualmente la piattaforma piú popolare tra le esistenti. Quello che prima era un CMS robusto e flessibile utilizzato per la creazione di blog, oggigiorno è…

Category : Web design   22-07-2013  

318 utili risorse per Twitter Bootstrap #4

Wordpress WORDPRESS BOOTSTRAP THEMES Una lista di temi per Wordpress basati su Bootstrap. WP-BOOTSTRAP-GALLERY Una galleria customizzata per Wordpress gallery con thumbnail dinamiche basata su Twitter Bootstrap 2.2.2. WP-BOOTSTRAP-NAVWALKER Un nav walker classico per Wordpress compatibile con Twitter Bootstrap 2.2. WP PLUGIN FOR BOOTSTRAP SHORTCODES Plugin per aggiungere facilmente dei Twitter Bootstrap shortcodes nel…

Category : Web design   11-07-2013  

Raccolta di 50 Tools per sviluppatori e web designers

Come ormai nostra abitudine, torniamo a dare una mano a tutti coloro che vogliono avventurarsi nel magico mondo dello sviluppo web e del web design e lo facciamo grazie ad una delle nostre mega-liste: 50 strumenti per gli sviluppatori web, suddivisi per categorie. Ce n’è davvero per ogni gusto ed esigenza,…

Category : Web design   09-07-2013  

Web Design: 20 Tutorial per principianti

Oggi vi prensentiamo un'utile lista di 20 tutorials per web designers e developers alle prime armi. P.S. Tutti i tutorial sono in inglese. 1. CSS3 Keyframes Animations Tutorial 2. Create a Stylish Contact Form with CSS3 Transitions 3. Saving custom fields in quick or bulk edit mode in WordPress 4. Cool Notification Messages With CSS3…

Category : Web design   08-07-2013  

90 Temi Gratis di Wordpress

90 temas gratis de wordpress para descargar Quando si sta creando un sito web con un budget molto ridotto, i template gratuiti per Wordpress ci possono essere d'aiuto. Il CMS (content management system) Wordpress è la soluzione migliore per per chi ha una piccola attività, ed è la maniera economicamente più conveniente…

Category : Web design   05-07-2013  

CSS3: 25 Tutorial per utenti avanzati

Oggi vi segnaliamo una lista di 25 Tutorial CSS3 per chi è già molto pratico delle tecniche di base, poiché si fa cenno ed uso a tecniche avanzate e quindi non immediatamente assimilabili da tutti, specialmente da coloro che non hanno mai masticato CSS. 1. Interactive Infographic with SVG and CSS…

Category : Web design   01-07-2013  

20 Cheat Sheets per sviluppatori web

I cheat sheet sono una risorsa utilissima per gli sviluppatori poiché consentono di avere a portata di mano una lista completa di tutte o quasi tutte le funzioni e la sintassi dei vari linguaggi di programmazione. Di solito racchiudono in una sola pagina, in formato pdf o jpg, le caratteristiche di…

Category : Web design   27-06-2013  

318 utili risorse per Twitter Bootstrap #3

TWITTER BOOTSTRAP PER INTEGRAZIONI CON FRAMEWORK #2 Metodi per integrare Bootstrap in un Framework o CMS. PHP CODEIGNITER_FORM_BUILDER Libreria CodeIgniterto per creare elementi uniformi per dei formulari. WRIGHT Il framework Wright é utilizzato per creare dei template per Joomla. Il nome deriva dall'omonimo architetto Frank Lloyd Wright. BRAINCRAFTED BOOTSTRAP Un semplice e potente framework front-end integrato…

Category : Web design   25-06-2013  

13 siti per scaricare foto gratis e senza copyright

Nel web, l’immagine prende sempre più il posto della parola. Chi realizza siti, ha un bisogno pressoché quotidiano di immagini e foto da poter utilizzare. Ma deve farlo in modo legale e, molto spesso, con un budget limitato. Prelevare le immagini dagli altri siti, dopo averle individuate con Google, non sempre…

Category : Web design   24-06-2013  

Font gratis: una lista di 75 siti web

I caratteri tipografici o fonts, rappresentano uno strumento in più per veicolare adeguatamente il messaggio che il sito web intende comunicare e contribuiscono al pari di altri elementi, per esempio dei colori, a costruire l’identità del cliente. Ecco perchè è importante essere liberi nella scelta dei caratteri da utilizzare. La comprensione delle…

Category : Web design   21-06-2013  

26 E-book gratis sui Typeface ed i Font per Designers

Il font è l'insieme si simboli tra i quali lettere, i numeri, la punteggiatura che compongono un “typeface”. La storia dei font nasce dalla necessità di uniformare il metodo di scrittura e originariamente sono stati sviluppati come timbri (piombo fuso) per la stampa, e poi sono stati digitalizzati come typefaces per essere usati sul…

Category : Web design   06-06-2013  

Metro Style UI: 16 risorse per creare un template

In Ma-No abbiamo già avuto modo di parlare di Metro style e delle sue numerose applicazioni. Se siete appassionati di Metro UI e state pianificando di realizzare il vostro prossimo progetto web ispirandovi a questo nuovo stile, eccovi 16 utilissime risorse per creare un template in maniera semplice ed ituitiva. Frameworks e Templates 1. Metro UI…

Category : Web design   05-06-2013  

318 utili risorse per Twitter Bootstrap #2

Input BOOTSTRAP-WYSIHTML5-RAILS Un editor wysiwyg per Twitter Bootstrap. TIMEPICKER Seleziona ora e data con questo timepicker per Bootstrap. COMBOBOX FUEL UX Fuel UX estende Twitter Bootstrap con ulteriori controlli JavaScript leggeri. Altri vantaggi comprendono una facile installazione in progetti web, script integrati per la personalizzazione Bootstrap e Fuel UX, aggiornamenti semplici. TIMEZONE FORM HELPERS…

Category : Web design   05-06-2013  

25 Metro Style Scripts e Tutorials per sviluppatori e web designers

Oggi vi offriamo un utile elenco di 25 Metro Style Scripts e Tutorials per sviluppatori e designers. 1. Creare un Menu Metro Style in HTML e CSS Dettagli || Demo   See in this article how to develop a Metro style menu, similar to the start menu of Windows 8 and Windows Phone, using HTML, CSS…

Category : Web design   29-05-2013  

Metro Style Bootstrap: 10 template

In che direzione va il web design? Gli stili cambiano rapidamente nel web design, grazie a siti/comunità di creativi come dribbble e behance i designer hanno degli ampi bacini cui attingere. Attualmente la maggior parte dei designer si sta concentrando sulo stile FLAT.Basta dare un rapido sguardo a Google per capire di…

Category : Web design   29-05-2013  

Le migliori risorse per web designer e sviluppatori web della settimana #2

Red Pen permette di caricare il tuo progetto grafico, condividerlo con una short URL ed ottenere un feedback. Non è necessario il logging in, e non è prensete un interfaccia per gestire completamente il progetto. CSS Modal CSS Modal piattaforma costruita interamente con CSS. È progettata principalmente per ottimizzare il design responsive. Improving Productivity…

Category : Web design   26-05-2013  

HTML5: 10 Tools online per Web Designer

Oggi vi proponiamo una collezione di 10 ottimi tools online HTML5 che sono stati progettati appositamente per web designer con lo scopo di semplificare l'attività di sviluppo. Tali strumenti online improntati sull'HTML5 sono utili per gli sviluppatori web che intendono creare pagine web moderne, dinamiche ed user friendly. Fateci sapere le…

Category : Web design   22-05-2013  

HTML5: differenza tra NAV e MENU

HTML5 introduce due nuovi elementi con un ruolo apparentemente identico:   ( http://www.w3.org/TR/html-markup/nav.html )   (http://www.w3.org/TR/html5/interactive-elements.html#the-menu-element )     In realtà i due elementi sono tutt'altro che simili, ed è improbabile che siano utilizzati contemporaneamente. L'elementoá utilizzato per raggrupare tutti gli elementi , mentre l'elementoraggruppa siache ,ed i nuovi elementi .    Tali elementi possono essere raggruppati…

Category : Web design   21-05-2013  



Questo sito fa uso di cookie, anche di terze parti, per migliorare la tua esperienza di navigazione. Accettando questa informativa dai il consenso al loro utilizzo. È possibile modificare le impostazioni dei cookie o ottenere ulteriori informazioni qui: Politica dei cookies.