SIMOTRONE WEB PAGE » css http://www.simotrone.it Simotrone is back! Fri, 30 Jul 2010 05:47:22 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Crazy CSS http://www.simotrone.it/2009/08/16/crazy-css/ http://www.simotrone.it/2009/08/16/crazy-css/#comments Sun, 16 Aug 2009 17:34:12 +0000 Simotrone http://www.simotrone.it/?p=2075 CSS e javascript mi mandano nei matti. O_o
Odiosi.

Comunque, per la cronaca: avendo un input con un value che viene visualizzato, è possibile formattarlo grazie ai CSS con font-width: bold, font-style: italic ecc.
Esempio:

Bene. Nel primo input non ho specificato la formattazione, nel secondo ho messo uno style con font-weight: bold.
Fin qua tutto facile.
La cosa funziona anche per l’italic.
Ora, se io volessi un oggetto sottolineato (text-decoration: underline;)

Come si puo’ notare non fa una piega (con FF).
Se però nello style metto display: block…

miracolosamente appare.
Ora, il fatto che i due attributi non centrino una fava l’uno con l’altro, nonchè il fatto che per sta minchiata mi tocchi usare un quintale di float: left… è abbastanza indicativo del pessimo umore serale. :->

Nota bene: questa bega è propria di Firefox (e Opera)… Chrome, safari ed Exploder (@#!!) non ce l’hanno.

Per ridere: un link con un sacco di bottoni a caso – i browser devono morire tutti… solo lynx deve rimanere… :-P

]]> http://www.simotrone.it/2009/08/16/crazy-css/feed/ 2 Mastering CSS http://www.simotrone.it/2009/08/15/mastering-css/ http://www.simotrone.it/2009/08/15/mastering-css/#comments Sat, 15 Aug 2009 06:22:54 +0000 Simotrone http://www.simotrone.it/?p=2065 Un indice di un resoconto di articoli sui css, da smashingmagazine.com. :)

Mastering CSS, Part 1: Styling Design Elements

  1. Layout and User Interface Techniques
  2. Navigation and Menu Techniques
  3. Image Styles and Galleries
  4. Typography Techniques
  5. Icons, Buttons and Links


Mastering CSS, Part 2: Advanced Techniques and Tools

  1. Calendars, Lists, Tables, and Timelines
  2. iPhone CSS Techniques
  3. Form and Search Techniques
  4. Visualization Techniques
  5. Other Handy Techniques and Tips
  6. CSS3 Techniques
  7. CSS Tools
  8. More Articles and Resources

Per ora ho usato i form, e letti gli articoli riguardanti le date (O_O), il testo sulle immagini, e gli angoli da sfogliare (bellissimo, provate il demo!). Molto carini anche gli articoli sulle liste visualizzabili in maniera diversa e riguardanti la validazione dei form.

]]> http://www.simotrone.it/2009/08/15/mastering-css/feed/ 0 Colori per siti http://www.simotrone.it/2009/03/31/colori-per-siti/ http://www.simotrone.it/2009/03/31/colori-per-siti/#comments Tue, 31 Mar 2009 06:38:21 +0000 Simotrone http://www.simotrone.it/?p=1571 Scegliere i colori per fare un qualunque disegno o progetto grafico, è spesso un’impresa. Se non lo è per tutti, di sicuro lo è per me.

Credo che sia particolarmente difficile scegliere dei bei colori per le proprie pagine web, non banali ma coerenti (lasciate perdere qua, il sito di Ghost Rider senza catene, per ora).
Of course, ci si rifugia in templete già fatti… ma a me non concede una gran soddisfazione.

Tempo addietro ho sviluppato un progettino personale sfruttando alcune colorazioni tratte da un libro che mi piace molto.

Un titolo rosso

Una frase a caso, scritta verde su panna!
Posto su l’arco ed incoccato il dardo, traeva seduto, siccom’era, al petto con la man destra il nervo: indi la mira tra i ferrei cerchi prese, e spinse il telo, che, senza quinci devïare o quindi, passò tutti gli anelli alto ronzando.

Fatto sta che mi sono poi ritrovato a dover inventare altri schemi, e non sempre le scelte sono state facili.

Di recente ho scoperto 3 strumenti davvero notevoli, online e gratuiti. :)

A me questi strumenti son sembrati molto carini e utili, e il sito è ricco di guide sugli aspetti più vari del web design..

Non risolvoneranno tutti i problemi, ma aiutano.

]]> http://www.simotrone.it/2009/03/31/colori-per-siti/feed/ 2 CSS Compatibility and Internet Explorer http://www.simotrone.it/2009/03/28/css-compatibility-and-internet-explorer/ http://www.simotrone.it/2009/03/28/css-compatibility-and-internet-explorer/#comments Sat, 28 Mar 2009 18:53:26 +0000 Simotrone http://www.simotrone.it/?p=1565 Ho installato IE8 (sic) su Elio.
Per ora gira.

L’articolo riguardante le compatibilità coi CSS: http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx.

Un riferimento al bug del box model: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug.

Un po’ di caratteristiche di IE8: http://en.wikipedia.org/wiki/Internet_Explorer_8.

Attualmente mi pare ben allineato con FFox3, Opera9 e Safari4 (mamma quanto è brutto safari!!). Sperem.

]]> http://www.simotrone.it/2009/03/28/css-compatibility-and-internet-explorer/feed/ 0 I website devono apparire identici in tutti i browser? http://www.simotrone.it/2009/01/05/i-website-devono-apparire-identici-in-tutti-i-browser/ http://www.simotrone.it/2009/01/05/i-website-devono-apparire-identici-in-tutti-i-browser/#comments Mon, 05 Jan 2009 06:00:51 +0000 Simotrone http://www.simotrone.it/?p=1121 Qualcuno ha registrato il seguente sito: dowebsitesneedtolookexactlythesameineverybrowser.com

do websites need to look exactly the same in every browser?

Ahah. :)

Source.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Do websites need to look exactly the same in every browser?</title>
<style type="text/css" media="screen, projection">
body {
	margin: 0;
	padding: 10em;
	font: small Baskerville, Georgia, serif;
	background: #dfd5c5 url(tile.gif);
	}
h1 {
	margin: 0;
	padding: 0 0 70px 0;
	font-size: 1400%;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	text-shadow: 3px 3px 4px #a0937f;
	white-space: nowrap;
	color: #48433d;
	background: url(flourish.png) no-repeat 50% 100%;
	}
</style>
</head>

<body>

<h1><em>NO!</em></h1>

</body>
</html>
]]> http://www.simotrone.it/2009/01/05/i-website-devono-apparire-identici-in-tutti-i-browser/feed/ 2 Tab e liste in CSS http://www.simotrone.it/2008/12/19/tab-e-liste-in-css/ http://www.simotrone.it/2008/12/19/tab-e-liste-in-css/#comments Fri, 19 Dec 2008 05:30:24 +0000 Simotrone http://www.simotrone.it/?p=1067 Una robba paurosa. O_o Un elenco di siti vari sui CSS. ]]> Di siti sui CSS ce ne sono a quintali, ma poi mi dimentico sempre di segnarmeli.
Alcuni di questi sono spettacolari per chiarezza ed effetti ottenuti.

]]> http://www.simotrone.it/2008/12/19/tab-e-liste-in-css/feed/ 1 Promemoria link http://www.simotrone.it/2008/06/29/promemoria-link/ http://www.simotrone.it/2008/06/29/promemoria-link/#comments Sun, 29 Jun 2008 21:45:39 +0000 Simotrone http://www.simotrone.it/?p=580 Promemoria link di questo periodo.

]]> http://www.simotrone.it/2008/06/29/promemoria-link/feed/ 4