css (2)


The magic of CSS, un sitio perfecto para aprender CSS de forma muy profesional

A principios de año les decía que este 2014 era un año donde ya el tener que aprender CSS no debería ser un problema. Hay miles de tutoriales donde podemos aprender HTML y CSS, tantos sitios que ofrecen clases y cursos en vivo que el poder decir que no encuentra recursos es porque no tiene ganas de aprender.
Hoy les presento un sitio más donde podemos aprender CSS pero de una forma mucho más profunda y teórica. El sitio se llama The magic of CSS, es un proyecto de Gihub el cuál trata el tema de CSS de una forma completamente diferente. En vez de enseñarnos como tal las clases y estilos que estamos acostumbrados a aprender, el sitio trata esos mismos temas desde categorías, de tal forma que lo que aprendemos no es solamente a usar las propiedades, sino la teoría de diseño detrás de ellas.

El sitio trata los temas como si fueran capítulos de un libro. Hasta ahorita hay 6 capítulos y en lo personal la forma en que enseñan a usar CSS es bastante sencilla pero muy comprensible. Por ejemplo, para los colores uno pensaría que no hay demasiado que contar, y sin embargo nos platican un poco sobre la teoría del color, su significado y los colores que corresponden a las reacciones humanas ya establecidas de una forma psicológica, algo que ningún otro sitio te platica cuando aprender a poner colores en formato hexadecimal.
En fin, un buen sitio para aprender si es que quieren empezar con algo sencillo. También para los que buscan un poco de más teoría es un buen recurso para que también conozcamos las bases de las mejores prácticas de uso de estilos con CSS.
Enlace: The magic of CSS




10 códigos rápidos de CSS3 para descargar

Siempre que empecemos con un nuevo proyecto van a surgir ocasiones donde sea necesario implementar controles mucho más llamativos que los que nos ofrece HTML por defecto. Al decir llamativos siempre pienso en hacer el mismo elemento de una forma mucho más compleja o sencilla de usar. Aquí entran ejemplos de formularios más estilizados, controles personalizados como botones o switches, o también efectos a elementos.
Por eso les presento 10 códigos rápidos de CSS3 para descargar, donde podemos encontrar ya estilos listos para usarse en nuestros sitios web. Como les mencionaba arriba, tenemos ya los estilos para formularios, botones, cargadores, y lo que se imaginen. Para poder usarlos solo necesitamos implementar el HTML como nos lo indiquen, aunque en realidad en la mayoría de las veces representa solo cambiarle el nombre o la clase a nuestros elementos.

Formulario multi pasos con barra de progreso
multistep form progress bar css
Cinta en CSS3
css3 ribbon open source code freebie
Cargadores hechos con CSS3
rotating circle loaders in css3
Botones switch
basic switch button css3 open source
Efectos de movimiento con CSS3
css transition keyframe shake code
Botón de navegación de botones sociales
vertical dropdown social icons navigation
Gráficas con pestañas
tabbed chart js css open source code
Efecto de scroll con créditos
css3 animated scrolling movie credits
CSS3 Tags
css3 tag links open source code
Cintas en las esquinas CSS3

css3 corner ribbon effect open source
 Vía spyrestudios