Five new proposals about CSS

Good day,

Below are some suggestions I gathered about how to improve CSS. Any  
feedback would be appreciated. I also published this on my blog  
<http://blog.empyree.org/?2005/10/15/382-propositions-de-rgles-css>

Relative colours
----------------

== Proposed in a different way in 2000 ==


+#001100, for instance would make the element “greener”. This is  
especially useful for “graphical chart” consistency. Other  
possibility: rgba(+20,+150,-30,-0.1) (but only WebCore will recognize  
the alpha value). Note: rgba(0,0,0,-0.1) is not the same as rgba(+0, 
+0,+0,-0.1)/rgba(-0,-0,-0,-0.1).
Some uses:

- pseudoclasses: to make :hover lighter and :visited darker  
than :link. Example: <http://www.espezon.org/>
- status-dependant: anchor, internal (same site), external (other  
site)… Example: <http://www.espezon.org/>
- thematic colouring. For instance a blue theme for my computing  
pages, a green theme for my hicking pages… Example <http:// 
www.matkurja.com/projects/wine/>

Of course, what can be done for link pseudoclasses should be allowed  
for background-color (and others) too.

Gradient colours
----------------
== Proposed in a different way in 1998 ==

A lot of “layout pictures” are simply gradients. In the way it is  
now possible to produce real CSS tabs, colour-processing (Internet  
Explorer had already implemented some proprietary filters, such as  
blur) would alleviate the amount a pictures in a page. Internet  
Explorer has the proprietary blur extension, text-shadow and rgba are  
supported by WebCore.
Gradients should be easy to implement. Variations includes concave/ 
convex (see Apple website)

List-style-type:character
-------------------------

In order to avoid adding a lot of style type, this one allow you to  
choose any character (arrows and check marks would be popular). It  
only makes sense for unordered lists, though. This will be especially  
valuable with Unicode (✔,✘,☺,☹,→,➡).

Updating selector support for XML
---------------------------------
== A broader use of what is proposed here <http://www.w3.org/TR/css3- 
lists/#list-content"> ==

A picture is worth a thousands words :

     span[lang=fr]    {font-style:italic}
     <span lang=fr>Bonjour !</span>
     That will work (on an otherwise valid document)
     span[xml:lang="fr"]    {font-style:italic}
     <span xml:lang="fr">Bonjour !</span>
     That won’t (on an otherwise valid document)

Problem is I don’t know if it comes from the browser (Safari and  
Firefox) or from the specifications.

[(X)HTML] Removing i and b elements
-----------------------------------
They can be replaced by:

     em and strong when it comes to semantics (an important text)
     font-style:italic font-weight:bolder when it comes to  
presentation (a different way to show it)

--
</david_latapie>
blog.empyree.org

Received on Sunday, 16 October 2005 03:52:00 UTC