Css3 -

38 risultati per: css3

Paesaggi Parallax costruiti interamente con CSS e HTML

Paesaggi Parallax costruiti interamente con CSS e HTML

Il CSS3 ha messo finalmente fine alle nostre frustrazioni: con delle semplici proprietà si aprono infatti infinite soluzioni. Una tra tante, la possibilità di inserire uno sfondo animato in una pagina web. In questo articolo vedremo proprio come rendere uno sfondo animato e adatto al contesto di lavoro in cui stiamo…

Category : Css   03-12-2018   by admin admin

9 Utili Librerie CSS per il Disegno Web

9 Utili Librerie CSS per il Disegno Web

I componenti perduti di bootstrap, un complemento che sicuramente non dovrete mai farvi mancare!  Jasny Bootstrap E se il vostro framework CSS parlasse? Ecco a voi un nuovo Framework Semantico.Un vocabolario condiviso per la vostra UI Introduction | Semantic UI Un kit multidevice responsivo per lo sviluppo rapido ed il prototyping…

Category : Css   21-02-2017   by admin admin

CSS: la funzione Calc()

CSS: la funzione Calc()

Nella progettazione di un sito web responsive, dobbiamo tener conto della ormai grande varietà di dispositivi sui quali sarà visualizzato il nostro lavoro e delle rispettive variazioni di risoluzioni alle quali dovrà adattarsi. Calc() è una di quelle proprietà css che semplificano il nostro lavoro e che ci permettono di evitare…

Category : Css   13-10-2015   by admin admin

Realizzare banner animati con CSS3

Realizzare banner animati con CSS3

Avete dei clienti esigenti che "ancora" vi chiedono movimentati, sbrilluccicanti banner in flash? Se siete stanchi di rispondere che ormai il flash è andato in pensione potete proporre una soluzione alternativa basata sull'uso delle animazioni CSS3. Attualmente Firefox e WebKit browser sono gli unici browser che supportano l'animazione con i CSS,…

Category : Css   21-01-2014   by admin admin

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 admin admin

I 10 migliori generatori di gradienti CSS

I 10 migliori generatori di gradienti CSS

Difficilmente si potrà creare il gradiente perfetto affidandoci alla pura e semplice scrittura di codice CSS. Avere un riferimento visivo in fase di creazione è fondamentale. Ecco perché tra i tool che servono a generare automaticamente codice CSS3, quelli che hanno maggiore utilità sono proprio quelli dedicati ai gradienti. In genere sono…

Category : Css   13-12-2013   by admin admin

I 23 migliori Plugins gratis per Photoshop

I 23 migliori Plugins gratis per Photoshop

Oggigiorno con Photoshop si può fare praticamente di tutto ma occorrono delle competenze e capacità che non tutti hanno. Ecco perché esistono i plugin, piccoli software che aggiungono funzionalità a quello che è già un ottimo programma. Vi proponiamo qui una lista di 23 plugins per Photoshop stile "Ultimate plugin…

Category : Software   30-08-2013   by admin admin

15 effetti di testo avanzati con CSS3

15 effetti di testo avanzati con CSS3

Le nuove proprietà CSS3 sono senza dubbio un grande vantaggio per poter modellare a piacimento tutti gli elementi di una pagina web senza dover ricorrere all'utilizzo del codice javascript. Una delle più importanti parti di un elemento web è l’insieme di effetti da attribuire alla tipografia, nonostante immagini, scripts o elementi…

Category : Css   22-08-2013   by admin admin

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   01-01-1970   by admin admin

15 esempi di trasformazioni 3D con CSS

15 esempi di trasformazioni 3D con CSS

Lo sviluppo e l'evoluzione dei browser web come Safari, Chrome e Firefox ha dato agli sviluppatori web ed ai web designers, l'opportunitá di sbizzarrirsi con  la creazione di effetti bellissimi, semplicemente usando il CSS3 senza bisogno di javascript, ottenendo risultati favolosi. Le animazioni 3d possono essere gestite, come per quelle 2d,…

Category : Css   30-07-2013   by admin admin

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 admin admin

Come creare una dashboard simil Windows8 con CSS3 e jQuery

Come creare una dashboard simil Windows8 con CSS3 e jQuery

Come creare un'animazione simil Windows8 con CSS3 e jQuery Markup CSS Javascript IL MARKUP L'intera struttura è abbastanza semplice: La dashboard è costituita da una serie di "box" o riquadri, di due dimensioni, floatanti dentro 3 colonne. Veniamo alle pagine interne. Una pagina è un overlay (elemento sovrapposto) che viene visualizzato nel momento in cui si…

Category : Javascript   19-07-2013   by admin admin

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 admin admin

27 web apps e risorse per il responsive web design

27 web apps e risorse per il responsive web design

Come abbiamo spiegato in un "28 strumenti utili per il responsive web design", un sito responsive si basa su un sistema che tecnicamente riconosce il device e gli risponde con un layout adatto, quindi con colonne, menù e griglie che siano flessibili (su uno schermo piccolo le 3 colonne sono impossibili da leggere e un menù…

Category : Software   10-07-2013   by admin admin

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 admin admin

Web Design: 20 Tutorial per principianti

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   by admin admin

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 admin admin

Parallax Scrolling: 16 esempi e tutorial

Parallax Scrolling: 16 esempi e tutorial

La parallasse è, come recita Wikipedia, il fenomeno per cui un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione. Il parallax scrolling (effetto parallasse) è una tecnica particolare di scorrimento utilizzata in computer grafica. L’effetto visivo della parallasse simula un fenomeno 3D su oggetti bidimensionali. Semplicemente al movimento del mouse si muovono…

Category : Javascript   02-07-2013   by admin admin

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 admin admin

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 admin admin

15 Web App essenziali per sviluppatori web

15 Web App essenziali per sviluppatori web

Chiunque lavori nel campo dello sviluppo, come webmaster o web designer sa bene quanto sia utile avere a disposizione gli strumenti adeguati per un lavoro migliore e più efficiente. Per questo oggi vi proponiamo una collezione di 15 web apps estremamente utili per sviluppatori e designers. 1. Koding   Koding (o Kodingen nella vecchia dicitura),…

Category : Software   26-06-2013   by admin admin

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 admin admin

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 admin admin

HTML5: 10 Tools online per Web Designer

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   by admin admin

318 utili risorse per Twitter Bootstrap #1

318 utili risorse per Twitter Bootstrap #1

Se utilizzate il framework Twitter Bootstrap non potete non dare un'occhiata a questa nostra ultima rassegna contentente ben 318 risorse per sfruttare al massimo questo incredibile strumento di sviluppo. Le risorse spaziano dai componenti JavaScript, ai tutorial per integrarlo con i vari CMS o linguaggi di sviluppo, ai file per creare…

Category : Web design   20-05-2013   by admin admin

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

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

Inauguriamo l'articolo settimanale sulle risorse per web designer, sviluppatori web e grafici! Nella realizzazione di un progetto web ci sono diversi aspetti di cui tenere conto in modo che il risultato finale sia di alta qualità e fedele alle aspettative. Oltre ad un design grafico semplice e d’impatto, ad una scrittura di…

Category : Web design   17-05-2013   by admin admin

E-book e pdf gratuiti sullo sviluppo web ed il web design

E-book e pdf gratuiti sullo sviluppo web ed il web design

Ogni tanto riceviamo richieste di aiuto da giovanissimi web-apprendisti con tanta voglia di imparare e tanta confusione rispetto a quelli che potremmo chiamare saperi fondamentali su web design e sullo sviluppo web. Riteniamo che nel mondo del design, soprattutto web, ci stiano due famiglie distinte: i creativi, quelli veri che con…

Category : Web design   25-04-2013   by admin admin

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 admin admin

Rilasciato jQuery 2.0

Rilasciato jQuery 2.0

Il 18 Aprile è stata rilasciata la nuova release di jQuery 2.0. In questo articolo vi offriamo una panoramica dei principali cambiamenti introdotti. Per avere una visione completa delle modifiche vi consigliamo di consultare la documentazione ufficiale di jQuery. Abbandono del supporto per IE6/7/8 (o IE9 e IE10 se usati in modalità“Compatibility…

Category : Javascript   22-04-2013   by admin admin

Le migliori risorse per Twitter Bootstrap

Le migliori risorse per Twitter Bootstrap

Risorse ufficiali di Twitter Bootstrap Titolo Descrizione URL Vedi Bootstrap itself Twitter Bootstrap Framework http://twitter.github.com/boot... Vai al sito Bootstrap Vai al sitoogle group Chiedi agli esperti di Bootstrap http://groups.google.com/group... Vai al sito Templates per Bootstrap Titolo Descrizione URL Vedi WrapBootstrap Temi and layouts per Bootstrap. https://wrapbootstrap.com/?ref... Vai al sito Bootstrap Fireworks Toolkit Il Toolkit originale per Bootstrap di Adobe Fireworks. Contiene tutti gli elementi UI della versione 2.1. Perfetto per creare web apps! http://www.fireworkstoolkits.c... Vai al…

Category : Web design   19-04-2013   by admin admin

Lista di generatori CSS3 online

Ormai il CSS3 sta prendendo sempre più piede nel web. Transizioni, oggetti scalati, bordi arrotondati, ombre su testi e sugli elementi, tantissime sono le funzioni che questo linguaggio ci offre come tantissime sono, le difficoltà che uno web designer potrebbe incontrare nello scrivere codice riguardante tale argomento, sopratutto se parliamo…

Category : Web design   11-04-2013   by admin admin

Animazioni con CSS3

Animazioni con CSS3

Quante volte avreste voluto dare un tocco "dinamico"alla vostra pagina, ma non avete sufficienti conoscenze in Javascript? Da oggi questo problema è risolto, grazie ai CSS3! Utilizzando infatti le proprietà keyframes e animation potrete animare il vostro contenitore senza l'ausilio di linguaggi esterni. Compatibilità -moz-animation * @-moz-keyframes -webkit-animation** @-webkit-keyframes animation *** @keyframes Non supportato da Firefox in versioni…

Category : Web design   11-04-2013   by admin admin

Collezione di 41 plugin di Jquery

Collezione di 41 plugin di Jquery

In questo post, troverete una raccolta di 41 nuovi plugin jQuery e librerie JavaScript che vi aiuteranno a trasformare il vostro sito in un vero gioiellino. Per comoditá abbiamo provveduto a suddividerli in categorie. Dialogs Come personalizzare le finestre di dialogo. 1. Alertify.js Alertify (github) è una piccola libreria facilmente personalizzabile con i CSS; per…

Category : Javascript   11-04-2013   by admin admin

28 strumenti utili per il responsive web design

28 strumenti utili per il responsive web design

Illustriamo di seguito una serie di strumenti utili allo sviluppo di siti internet che siano in grado di adattarsi in maniera reattiva e dinamica (responsive) alle diverse modalità di utilizzo da parte degli utenti. Sebbene le pratiche per il responsive web design siano ancora ad uno stadio iniziale, stanno pian piano…

Category : Web design   11-04-2013   by admin admin

50 utilissimi jQuery Plugin

50 utilissimi jQuery Plugin

Abbiamo stilato per voi una lista di 50 jQuery plugin utilissimi. Abbiamo pensato di suddividere la lista nelle segueti categorie: Web Page Layout Plugins, Navigation Plugins, Form Plugins, Slider & Carousel Plugins, Chart & Graph Plugins, Image Effect Plugins, Video Plugins, ed infine, "tutto il resto..:-D". Web Page Layout Plugins equalize.js equalize.js è un…

Category : Javascript   11-04-2013   by admin admin

Codemotion 2013: Roma

Codemotion 2013: Roma

Programmare è un’arte. Sbaglia chi pensa che sviluppare software sia un’attività meccanica, sempre uguale, senza stimoli o fantasia. Noi ci mettiamo testa ma soprattutto cuore. E' il claim dell'edizione romana del Codemotion, la più grande ed attesa conferenza italiana dedicata al mondo dello sviluppo, ospiterá quest'anno diversi speaker che provengono direttamente…

Category : Notizie   11-04-2013   by admin admin

Selettori CSS: Pseudo Classi Strutturali Parte 1

Selettori CSS: Pseudo Classi Strutturali Parte 1

Al giorno d'oggi gli sviluppatori web, principalmente coloro che si occupano di front-end, non devono solo studiare e capire i CSS ma devono cercare di trovare la maniera piú efficace ed efficente per scrivere un ottimo codice CSS. Con la versione 3 dei CSS la lista delle classi e delle pseudo…

Category : Css   11-04-2013   by admin admin

Guida CSS3 : 5 tecniche utili

Guida CSS3 : 5 tecniche utili

HTML e CSS sono gli elementi costitutivi delle pagine web. I moduli di specificazione CSS3 hanno aggiunto un gran numero di nuovi elementi che ci permettono di ravvivare un sito,  limitando l'utilizzo di codice ridondante e pesante nonché l'abuso di immagini decorative. In questo post approfondiremo l'uso delle ombre, delle transizioni, dei…

Category : Css   11-04-2013   by admin admin