Caputo's blog

Informatica, tecnologia, programmazione, fai da te, papercraft e papertoy

Blocchi per la realizzazione di siti web

febbraio 4th, 2012 by Giovanni Caputo

Voglio proporvi un sito web dove è possibile visualizzare, trovare e scaricare dei blocchi predefiniti per la realizzazione di siti web. Ad esempio potrete scaricare codice HTML, Javascript e CSS per poter realizzare slideshow,menù, tabelle e griglie.

 

http://www.99lime.com/elements/

Category: Siti Web | No Comments »

Documentazione dettagliata su CSS

novembre 29th, 2011 by Giovanni Caputo

InstaCSS è un semplice sito che offre una grande documentazione delle proprietà CSS.

Dispone, inoltre, per ogni oggetto la compatibilità con i diversi browser.

 

Category: Programmazione | No Comments »

Trasformare CSS in 2D e 3D con javascript

settembre 30th, 2011 by Giovanni Caputo

TransformJS  permette di trasformare CSS  in 2D and 3D. E’ possibile utilizzare delle nuove proprietà CSS per impostare animazioni.
Demo: http://transformjs.strobeapp.com/

Category: Programmazione | No Comments »

Menu e navigazione con CSS

luglio 14th, 2011 by Giovanni Caputo

La navigazione è il più importante elemento dei siti web. Ci sono molti modi di creazione navigazioni e menu ma in questo articolo sono elencati i migliori tutorial per creare navigazioni e menu con CSS3.

 

Tutorial per realizzare Navigazioni e Menu CSS3

How to Create a CSS3 Tabbed Navigation

CSS3 Navigation Tutorials

How to Create a CSS3 Wheel Menu

CSS3 Navigation Tutorials

How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

CSS3 Navigation Tutorials

DARK MENU: PURE CSS3 TWO LEVEL MENU [TUTORIAL]

CSS3 Navigation Tutorials

Making a CSS3 Animated Menu

CSS3 Navigation Tutorials

The Apple.com navigation menu created using only CSS3

CSS3 Navigation Tutorials

CSS3 dropdown menu

CSS3 Navigation Tutorials

Create A Rocking Drop Down Navigation Menu Using Css3

CSS3 Navigation Tutorials

Pure CSS3 Multi Level Drop Down Navigation Menu

CSS3 Navigation Tutorials

Dark Navigation Buttons

CSS3 Navigation Tutorials

Sexy CSS3 menu

CSS3 Navigation Tutorials

Clean, sleek CSS3 navigation with some simple JQuery

CSS3 Navigation Tutorials

CSS3 Minimalistic Navigation Menu

CSS3 Navigation Tutorials

CSS3 Dropdown Menu

CSS3 Navigation Tutorials

Creating an Awesome Drop-Down Nav with CSS3 & jQuery

CSS3 Navigation Tutorials

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

CSS3 Navigation Tutorials

Creating A CSS3 Dropdown Menu #4

CSS3 Navigation Tutorials

Creating CSS3 Dropdown Menu #3

CSS3 Navigation Tutorials

RocketBar – A jQuery And CSS3 Persistent Navigation Menu

CSS3 Navigation Tutorials

Creating a cool CSS3 Dropdown Menu

CSS3 Navigation Tutorials

Fonte:

http://www.queness.com/community-news/8425/20-cool-css3-navigation-and-menu-tutorials

Category: Programmazione, tutorial | No Comments »

Creare div di uguale altezza con CSS

giugno 27th, 2011 by Giovanni Caputo

 

Equal height columns with faux Columns

Di seguito  un link che mostra come realizzare dei div paralleli di uguale altezza.

E’ possibile realizzare DIV di uguale altezza con solo CSS:

http://www.vanseodesign.com/css/equal-height-columns/c

Category: Programmazione | No Comments »

Maga drop down menu in CSS

giugno 20th, 2011 by Giovanni Caputo

Voglio presentare a tutti i web master e web designer un menu con CSS e jQuery:

Category: Senza categoria | No Comments »

Creare delle slide con HTML e CSS (simile a una presentazione power point)

maggio 7th, 2011 by Giovanni Caputo

In questo articolo voglio proprorvi un interessante articolo che spiega come realizzare con CSS e HTML una presentazione con delle slide simile a una presentazione power point.

 

The Business of WordPress Theme Design

Link: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-presentation-slides-with-html-and-css-2/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nettuts+%28Nettuts%2B%29&utm_content=Google+Reader

Category: Siti Web, Tecnologia | No Comments »

Testo curvo con CSS

marzo 14th, 2011 by Giovanni Caputo

 

CSSWarp genera al volo codice HTML e CSS per ottenere del testo curvato a forma circolare.


Category: Programmazione, Siti Web | No Comments »

Risorsa su html e CSS 3 di Google

agosto 18th, 2010 by Giovanni Caputo

HTML5Rocks è una risorsa online di Google che condivide regolarmente vari tutorial, video, novità su HTML5 e CSS3.

Category: Programmazione, Siti Web, Tecnologia | No Comments »

Trucco per inserire della variabili nei CSS

dicembre 6th, 2009 by Giovanni Caputo

Vediamo di seguito un trucco per utilizzare delle variabili all’interno di file CSS.

style.php

Invece di utilizzare un normale file .css, è necessario utilizzare un file con estensione . php

Quindi aggiungerlo nel file .html con il seguente codice:

<link rel='stylesheet' type='text/css' href='css/style.php' />

Content Type

All’inizio del file style.php scrivere il seguente codice:

<?php
    header("Content-type: text/css; charset: UTF-8");
?>

Inizializzazione Variabili

<?php
    header("Content-type: text/css; charset: UTF-8");

   $brandColor = "#990000";
   $linkColor = "#555555";
   $CDNURL = "http://cdn.blahblah.net";
?>

Uso delle variabili

#header {
   background: url("<?php echo $CDNURL; ?>/images/header-bg.png") no-repeat;
}
a {
  color: <?php echo $linkColor; ?>;
}

...

ul#main-nav li a {
  color: <?php echo $linkColor; ?>;
}

Fonte: http://css-tricks.com/

Category: Programmazione | 4 Comments »