W3C home > Mailing lists > Public > public-css-testsuite@w3.org > January 2014

CSS3 tests: the case of CodePen demos

From: Gabriele Romanato <gabriele.romanato@gmail.com>
Date: Sat, 11 Jan 2014 19:43:32 +0100
To: CSS Test Suite <public-css-testsuite@w3.org>
Message-Id: <7749A329-4AD9-40E5-97C5-4E671178B8ED@gmail.com>
http://codepen.io/

Except those demos that makes use of JavaScript ( or of a JS framework ), on CodePen there are many interesting examples of advanced uses of CSS3
features, including animations, transformations and transitions plus many other features. Consider the following demo:

http://codepen.io/godisacoder/pen/Cykpb

This is an interesting example of box-shadow and transformations applied to pseudo-elements. 
The HTML structure resembles that used in the past for the Acid 2 Test:

<div class="vader">
  		<div class="h"></div>
  		<div class="hbl"></div>
  		<div class="hb"></div>
  		<div class="hbr"></div>
  		<div class="e l"></div>
  		<div class="e"></div>
  		<div class="c"></div>
  		<div class="n"></div>
  		<div class="m"></div>
</div>

I think these demos deserve a look when creating tests that fall into the "evil" category.


Gabriele Romanato
Referente IWA ITALY - Regione Abruzzo
International Webmasters Association Italia
http://www.iwa.it  | e-mail:  abruzzo@iwa.it 

Professionista Web - Legge 4/2013

http://gabrieleromanato.com/
http://gabrieleromanato.name/
(English)
Received on Saturday, 11 January 2014 18:44:05 UTC

This archive was generated by hypermail 2.4.0 : Friday, 20 January 2023 19:58:20 UTC