Tema: CSS

Las Torres de Hanói es un juego muy conocido por los estudiantes de programación, como introducción a la resolución de algoritmos sencillos. Pues Roman Cortes, ya conocido por las maravillas que hace con HTML y CSS, ha conseguido recrear este juego de una forma sencilla, y lo mejor de todo: haciendo uso únicamente de HTML y CSS. click en la imagen para ... sigue »

CSS 3 permite elaborar, de una forma muy sencilla, bordes redondeados sin necesidad de tener que utilizar imágenes para ello, como se ha venido haciendo hasta ahora. La forma de implementar estos bordes redondeados con CSS 3 es bien sencilla, con webkit-border-radius, moz-border-radius, y border-radius, en función de que utilicemos el motor de renderizado WebKit, Gecko, u otro, respectivamente. Existe una herramienta ... sigue »

En WebDesignerWall han publicado una lista de 47 ejemplos de animaciones elaboradas mediante CSS3, demostrando las capacidades de la propiedad de transformación y transición. Como dicen en el artículo, la mayoría sólo son bonitos efectos, pero también pueden plantearse como una posibilidad de sustituir a tecnologías como Flash o JavaScript. De la lista, mi animación preferida es la de Roman Cortés con ... sigue »

Román Cortés ha publicado en su blog un efecto creado con HTML y CSS en el que, pasando el puntero del ratón sobre la imagen, conseguimos un efecto 3D muy curioso. Lo más interesante de ésto es que tal efecto se consigue haciendo uso exclusivo de HTML y CSS. Puedes ver el efecto y leer la explicación del autor en el post ... sigue »

En instantShift han publicado un listado de 99 plantillas de sitios web elaborados en (X)HTML y CSS, totalmente gratuitas. Un recurso importante para inspirarte o trabajar a partir de las ideas de otros.

Gracias a The Design Magazine por la siguiente lista de 14 editores para CSS: - Free CSS Toolbox - Simple CSS - JustStyle - CSS Editor - tsWebEditor - Astyle - Eledicss - Notepad++ - iStylr - Snap{css} - Oxygen CSS Editor - Freedomeditor - MacRabbit CSSEdit - StyleMaster

Un framework es una estructura mediante la cual un proyecto de software puede ser organizado y desarrollado. Puede incluir programas, bibliotecas y un lenguaje interpretado (entre otras cosas) para ayudar en el desarrollo del proyecto, cohesionando sus diferentes partes. Y he aquí una comparativa de los mejores frameworks para el desarrollo en CSS: (click para ampliar la imagen) (*) Comparativa realizada con Bestwebframeworks.

En Desarrolloweb.com han publicado un par de vídeos didácticos para el aprendizaje de CSS. En el primero de ellos nos encontramos con una introducción, de aproximadamente una hora, de los “distintos usos de las hojas de estilo” : En el segundo vídeo se tratan los siguientes temas: archivos externos, sentencia @import , y sintaxis y unidades CSS :

CSS Type Set es una interesante herramienta gratuita y online que nos permite “jugar” con un texto y modificar sus propiedades (tipo de letra, color, tamaño, espaciados, etc), obteniendo simultáneamente el código CSS necesario para reproducirlo en nuestras páginas web. Pruébalo, y seguro que ya no puedes vivir sin él.

Pure CSS Menu es un generador online de menús desplegables CSS, que sólo necesita que introduzcas los parámetros necesarios del menú que quieres generar y te devuelve el código CSS+HTML necesario, sin necesidad de conocer estos lenguajes ni escribir nada de código fuente. La herramienta está divida en 3 secciones, la primera de ellas es en la que introducimos los elementos/secciones ... sigue »