SPA CSS Framework es un “marco de trabajo CSS” para CSS similar a 960.gs o Bootstrap. Pero tiene de especial que están desarrollado en Argentina y está íntegramente en español.
Incluye la típica rejilla, diseños para botones, diseños para marcos y algunos efectos curiosos.
El contenido generado con CSS es bastante desconocido por muchos desarrolladores web. La razón es bien sencilla: hasta hace poco, había algunos navegadores que no soportaban totalmente las propiedades de CSS :before, :after, content, counter-reset y counter-increment, por lo que era un verdadero problema su uso.
En el artículo How To Benefit From CSS Generated Content And Counter se explica cómo se puede aprovechar. El artículo contiene numerosos ejemplos, por lo que es muy fácil de entender.
¿Cómo se enumera una lista ordenada? ¿Con las letras a, b, c, …? ¿Con los números 1, 2, 3, …?
Depende, depende de la cultura de cada país.
El W3C acaba de publicar el borrado Predefined Counter Styles, en el que se definen estilos de contadores para diferentes países y culturas.
Muy interesante el artículo How to modify Bootstrap simply and effectively, que muestra diferentes modificaciones del Bootstrap básico.
The 30 CSS Selectors you Must Memorize, un buen artículo que resume los 30 selectores de CSS más importantes que cualquier desarrollador web debe conocer. Para cada selector se indica la compatibilidad con los navegadores más populares.
Me ha sorprendido la pseudoclase :not(selector) que no conocía.
Hace tiempo que escribí sobre este tema, Divitis: abuso de div y span. Desgraciadamente, es una enfermedad que no ha sido erradicada y de vez en cuando aparece.
Hace unas semanas, un alumno del curso iDESWEB me dijo que no había explicado cómo usar la etiqueta <div>. Le recomendé que leyera el siguiente artículo, Divitis: what it is, and how to cure it.
Un buen truco: sustituir una imagen por otra cuando se imprime una página. La solución puede parecer obvia, pero como de costumbre, los navegadores hacen lo que les da la gana y no siempre funciona. En el artículo Replacing images when printing han hecho varias pruebas y han encontrado la mejor solución.
Bootsnipp es un conjunto de elementos de diseño y de código para Twitter Bootstrap basados en HTML, CSS y jQuery.
Por ejemplo, a continuación tenemos un ejemplo de fragmento de código para representar lecciones:
Y un ejemplo de interfaz similar al de Gmail:
…quizás, porque luego puede ser que nunca llegue.
En el artículo 2012 into 2013: web standards in perspective, nos cuentan lo último de lo último de HTML y CSS en lo que se está trabajando.
Como de costumbre, ahora falta que todos los navegadores lo soporten correctamente, de la misma forma, y entonces sí que valdrá la pena usarlo.
Acabo de encontrar la infografía Best Education Sites, en la que podemos encontrar mucha información sobre la presencial en la Web de las universidades de Estados Unidos más importantes.
Me ha llamado la atención un par de datos que ofrece sobre los errores que tienen las páginas web. La University of Phoenix, una universidad online con más de 200 centros distribuidos por todo el mundo, tiene una página principal con casi 200 errores de CSS:
Por otro lado, entre las 10 principales escuelas de ingeniería hay algunas con numerosos errores en su página principal, y destaca Caltech con 51 errores, demasiados errores para una universidad en la que enseñan a hacer cohetes espaciales:
Nota: en la infografía se indica que la fecha de realización fue el año 2011, así que las versiones actuales de estos sitios web puede ser que ya no presenten estos errores.