Web Design

Aumenta la tua efficienza sfruttando questi strumenti fondamentali per la generazione di CSS nel 2023.

Nel sempre mutevole panorama dello sviluppo web, il CSS rimane un linguaggio indispensabile per creare interfacce utente sorprendenti e coinvolgenti. Realizzare progetti visualmente accattivanti con il CSS richiede spesso la scrittura di lunghe righe di codice, richiedendo una meticolosa attenzione ai dettagli. Sebbene scrivere un CSS impeccabile sia essenziale, il…

Category : Web design   28-06-2023   by Janeth Kent

10 Strumenti per la valutazione dell'Accessibilitá Web

L'accessibilità del web design svolge un ruolo fondamentale nel garantire che i siti web siano inclusivi e utilizzabili da tutti gli utenti, indipendentemente dalle loro abilità o disabilità. La valutazione dell'accessibilità del web design è fondamentale per identificare e affrontare le potenziali barriere che possono ostacolare l'accesso degli utenti alle…

Category : Web design   29-05-2023   by Janeth Kent

Come funziona il GAP in CSS Grid e flexbox

Forse conoscete già la proprietà CSS gap. Non è esattamente una novità, ma l'anno scorso ha acquisito un'importante capacità: ora funziona in Flexbox oltre che in CSS Grid. Questo, e il fatto che la proprietà sia più complicata di quanto sembri, mi ha fatto venire voglia di tornare a spiegare…

Category : Web design   22-07-2022   by Janeth Kent

Web Design: 20 Tutorial per principianti

Il modo di imparare la programmazione è cambiato negli anni, passando da un semplice hobby a una professione vera e propria. Oggi è possibile imparare a programmare online in modo completamente gratuito. Sono finiti i giorni in cui l'apprendimento della programmazione era riservato a pochi o costava una quantità considerevole…

Category : Web design   10-09-2020   by Janeth Kent

Le migliori risorse per Twitter Bootstrap

Bootstrap è un framework di sviluppo web interattivo front-end, progettato per facilitare lo sviluppo di applicazioni e altri elementi. Bootstrap 4, combina JavaScript, HTML e CSS permettendo di creare una pagina web attiva, veloce ed efficiente. Il design di una pagina web reattiva è una delle caratteristiche principali di Bootstrap…

Category : Web design   27-08-2020   by Janeth Kent

Selettori CSS: Pseudo Classi Strutturali Parte 2

Le pseudo-classi strutturali riguardano tutti quegli  elementi basati sulla loro relazione con altri elementi del DOM. CSS 2 includeva solo una pseudo-classe strutturale in questa categoria, :first-child, mentre CSS 3 ne ha introdotti di nuove. Le pseudo-classi strutturali di CSS 3 sono supportate da tutti i principali browser.   E:root   La pseudo-classe :root seleziona l'elemento…

Category : Web design   02-05-2020   by Silvia Mazzetta

I migliori 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   22-04-2020   by Janeth Kent

8 strumenti per formattare ed ottimizzare i CSS

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   by Janeth Kent

Risorse grafiche gratuite

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   by Janeth Kent

Flat UI Design - 8 siti ai quali ispirarsi

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   by Janeth Kent

HTML5: l'elemento track

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   by Janeth Kent

16 siti per scaricare immagini vettoriali gratuite

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   by Janeth Kent

318 utili risorse per twitter bootstrap #6

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   by Janeth Kent

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   by Janeth Kent

318 utili risorse per Twitter Bootstrap #5

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   by Janeth Kent

14 wireframes e GUI templates per Twitter Bootstrap

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   by Janeth Kent

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   by Janeth Kent

50 tutorials Wordpress per web designers e sviluppatori web

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   by Janeth Kent

318 utili risorse per Twitter Bootstrap #4

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   by Janeth Kent

Raccolta di 50 Tools per sviluppatori e web designers

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   by Janeth Kent

90 Temi Gratis di Wordpress

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   by Janeth Kent

CSS3: 25 Tutorial per utenti avanzati

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   by Janeth Kent

20 Cheat Sheets per sviluppatori web

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   by Janeth Kent

318 utili risorse per Twitter Bootstrap #3

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   by Janeth Kent

Font gratis: una lista di 75 siti web

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   by Janeth Kent

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

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   by Janeth Kent

Metro Style UI: 16 risorse per creare un template

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   by Janeth Kent

318 utili risorse per Twitter Bootstrap #2

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   by Janeth Kent

25 Metro Style Scripts e Tutorials per sviluppatori e web designers

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   by Janeth Kent

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   by Janeth Kent

Clicky