37 risultati per: css3
Flexbox, breve guida pratica
In questo articolo impareremo a gestire gli elementi del nostro sito web in modo più efficiente ed efficace, grazie alla proprietà Flexbox. Ma attenzione, non stiamo parlando di una semplice proprietà css, ma di un insieme di esse, che ci permetterà di organizzare, allineare e distribuire lo spazio degli elementi nel…
Category : Css 23-05-2020 by Silvia Mazzetta
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 Janeth Kent
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 Janeth Kent
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 28-10-2021 by Janeth Kent
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 28-10-2021 by Silvia Mazzetta
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
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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
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 Janeth Kent
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
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 Janeth Kent
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
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
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
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
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
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 Janeth Kent
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
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
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 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
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 Janeth Kent
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 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
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. Le pseudo-classi consentono di inserire uno stile basato sulle relazioni tra gli elementi,…
Category : Css 02-05-2020 by Janeth Kent
Guida CSS3 : 5 tecniche utili
I CSS sono spesso considerati una grande seccatura da molti sviluppatori web. Non si tratta del tipico linguaggio di programmazione e può essere un po' ostico (o noioso) da implementare. Tuttavia, è possibile imparare alcune comuni tecniche di layout CSS per rendere l'esperienza molto più facile. In questo articolo, tratterò cinque tecniche CSS che i…
Category : Css 29-09-2020 by Silvia Mazzetta