Probando tu diseño en todos los navegadores.
Tags: CSS, estandares, navegadores, xhtml
Entradas en la categoría: CSS
Probando un nuevo tema
Después de más de 3 años del tema anterior, estamos probando un nuevo tema, desde que decidí hacerlo me ha tomado hacerlo aproximadamente 1 año, aun está en pruebas, ya que por el hosting que tenemos algunas cosas no han estado funcionando bien.
El tema se llama “Sumac”, es una palabra quechua que significa bonito y además es el nombre de mi hermana 
. Después de las pruebas pondremos el enlace para la descarga si es que a alguien le gusta el tema obviamente 
.
Cualquier sugerencia es bienvenida.
Dive into HTML5
Dive Into HTML5, un libro que explica algunas ventajas de HTML5. (Vía CSSBeauty)
Todo listo para el “CSS Naked Day”
CSS Naked Day, es un evento que se realiza cada 5 de abril y tiene como objetivo promover el uso de estándares web.
Para participar, lo único que tienen que hacer es quitar todas las hojas de estilo y dejar que se muestre sólo la estructura de vuestros sitio. Si utilizan Wordpress y quieren formar parte de este evento, puedes utilizar el siguiente plugin:
php:
<?php
/*
Plugin Name: CSS Naked Day
Plugin URI: http://www.buayacorp.com/
Description: Elimina todas las hojas de estilo definidas en la cabecera del tema que actualmente usas.
Author: Alexander Concha
Version: 1.0
Author URI: http://www.buayacorp.com/
*/
function is_naked_day() {
return '0405' == mysql2date('md', current_time('mysql'));
}
function css_naked_stylesheet($stylesheet_uri) {
if (is_naked_day()) {
return '';
}
return $stylesheet_uri;
}
function css_naked_head() {
if (is_naked_day()) {
$header = ob_get_contents();
ob_end_clean();
$header = preg_replace('|<link.*?rel="stylesheet"[^>]*>|is', '', $header);
$header = preg_replace('|<style[^>]*>.*?</style>|is', '', $header);
print $header;
}
}
add_filter('stylesheet_uri', 'css_naked_stylesheet');
add_filter('wp_head', 'css_naked_head', 100);
?>
/*
Plugin Name: CSS Naked Day
Plugin URI: http://www.buayacorp.com/
Description: Elimina todas las hojas de estilo definidas en la cabecera del tema que actualmente usas.
Author: Alexander Concha
Version: 1.0
Author URI: http://www.buayacorp.com/
*/
function is_naked_day() {
return '0405' == mysql2date('md', current_time('mysql'));
}
function css_naked_stylesheet($stylesheet_uri) {
if (is_naked_day()) {
return '';
}
return $stylesheet_uri;
}
function css_naked_head() {
if (is_naked_day()) {
$header = ob_get_contents();
ob_end_clean();
$header = preg_replace('|<link.*?rel="stylesheet"[^>]*>|is', '', $header);
$header = preg_replace('|<style[^>]*>.*?</style>|is', '', $header);
print $header;
}
}
add_filter('stylesheet_uri', 'css_naked_stylesheet');
add_filter('wp_head', 'css_naked_head', 100);
?>
Lamentablemente el código mostrado no elimina el CSS generado por otros plugins, así que hay que modificar manualmente éstos -pueden usar la función is_naked_day para determinar si es el día indicado o no 
Actualización: Sergio publicó una versión más genérica, pero usando javascript.
The people’s toolbox
ThePeoplesToolbox, es una página que agrupa un conjunto de sitios que ofrecen recursos o tratan sobre desarrollo web (íconos, fuentes, imágenes, tutoriales, colores, etc.
