epelpad

El post que buscas se encuentra eliminado, pero este también te puede interesar

Guía imprescindible para aprender CSS visualmente.

Guía imprescindible para aprender CSS visualmente.

Aprender CSS puede ser mucho más sencillo si es visual, y si lo hacemos a prueba y error. CSS Reference es justo eso, una guía visual para aprender CSS.

Una máxima de programar es que tienes que escribir código para aprender a hacerlo. Se aprende a prueba de probar, y de corregir todos los fallos que cometes.

Pero nunca está de más que nos echen una mano.

Una pequeña guía para comenzar nuestra andadura, o guiarnos cuando estemos perdidos. Algo que nos ayude cuando no sepamos por dónde continuar, en otras palabras.

guia

CSSReference.io es la guía que estás buscando para aprender a trabajar con CSS. Es cierto que ya existen recursos, como la ‘Mozilla Developer Network‘, que son útiles y respetables.

Pero CSS Reference tiene una gran baza: ser una página preciosa.

El diseño es genial, el código es limpio y los ejemplos son visuales. ¿Qué más necesitamos para aprender CSS en condiciones?

La mejor guía visual para aprender CSS

tutorial

Como podéis ver si entráis por vosotros mismos, lo primero que nos encontramos son ejemplos bonitos de CSS. Podemos clasificar el contenido en colecciones, y la barra lateral nos permite buscar atributos concretos. Además de que esa barra lateral también nos permite explorar los atributos de la colección con rapidez, para perder el menor tiempo posible.

Todos los atributos vienen con un link dedicado para compartir, y un enlace a Mozilla Developer Network con información mucho más técnica. Elementos como las animaciones y los elementos interactivos también son recreados, de tal forma que podemos ver cómo funciona cada elemento.

imagenes

Todos los atributos vienen con un link dedicado para compartir, y un enlace a Mozilla Developer Network con información mucho más técnica.

Elementos como las animaciones y los elementos interactivos también son recreados, de tal forma que podemos ver cómo funciona cada elemento.

lista

Sólo tenemos que acceder a CSS Reference para verlo todo. Es gratuito, sólo nos encontraremos con algo de publicidad para mantener la página. Y es una de las páginas que debe parar en tus favoritos si estás aprendiendo a, o si ya sabes, trabajar con CSS. ¿Qué otros trucos utilizas?

Gracias por su tiempo amigos espero sus comentarios y puntos

CSS

Guía imprescindible para aprender CSS visualmente.

50 comentarios - Guía imprescindible para aprender CSS visualmente.

SantiagoDela0
Parece que está bueno. Yo no entiendo nada de este tema
Padd_44
Me gustaría iniciarme en este tema. Gracias por el post!
ChukBerry
Se parece en algo a C++? es el unico que medio conozco porque me gusta boludear con videojuegos
exterminioo90 +4
No, nada que ver. C++ es un lenguaje de programacion, CSS es un lenguaje de modelado. Lo unico que haces es manejar fuentes, colores, tipografias, tamaños, etc etc etc
ChukBerry +1
@exterminioo90 Gracias capo
ivandgp73
muy bueno master, eso es inteligencia colectiva
generandoroles
Soy más del backend pero es lo más interesante que vi hoy
Pony-Ario
En cuanto se aprende decentemente el backend?
logosmas
Parece complejo pero buen aporte
diegox_15
Estos temas referentes a esos lados y al muno del css siempre me han parecido medio complicados y complejos para mi aun así espero poder aprender mas sobre ellos en el futuro
tengo-codigos +2
Casi todos lo comentarios dicen lo mismo y fueron todos a la misma hora casi. Esas cuentas clones si se pueden ver. Pd: ya que dos programador hacete los bots con selenium y que posteen comentarios en horarios diferentes así no es tan evidente
orlandoxm
buscate una vida campeon
exterminioo90
Sería mejor si recomendas la página de la W3c, tambien tiene todo con ejemplos, y bueno... es la w3c, define el estandar
santy_1993
si podes posteas algo de responsive design con bootstrap seria genial
Sergio9104
Esa pagina la recomendaría solo si ya tienen buenas bases en el tema, pero deja muchas cosas al aire, si quieren aprender bien desde 0 les recomiendo
http://learn.shayhowe.com/html-css/building-your-first-web-page/
y si quieren profundizar les recomiendo
http://learn.shayhowe.com/advanced-html-css/
Morazzi
Que bueno ver algo útil en medio de tanta basura +10