7 recursos útiles para quienes están aprendiendo CSS

2024 Autor: Malcolm Clapton | [email protected]. Última modificación: 2023-12-17 03:53

Las hojas de estilo en cascada hacen que el HTML aburrido sea atractivo. Lifehacker ha seleccionado sitios en ruso e inglés, así como enciclopedias web que lo ayudarán a comprender mejor el CSS.

El Consorcio World Wide Web (W3C) recomendó la tecnología CSS (Hojas de estilo en cascada) en 1996. Desde entonces, los desarrolladores web han estado utilizando hojas de estilo en cascada para crear diseños de sitios únicos.

Hace veinte años, los desarrolladores jugaron con las opciones de fuente, los atributos de texto y los colores de los elementos de la página. Hoy en día se están realizando animaciones, sombras, degradados, suavizado y muchas otras cosas avanzadas.

Instale una extensión de Chrome o un complemento de Firefox para admirar sus sitios favoritos sin hojas de estilo en cascada.

Los cambios serán dramáticos, aunque no siempre. Por ejemplo, un agregador de noticias difícilmente cambiará: es tan simple como dos y dos. Sin embargo, el recurso se visualiza más de 150 millones de veces al mes.

Dónde aprender los puntos más finos de CSS

1. HTMLbook

Seamos coherentes y comencemos con una base teórica sólida. Para ello, recurrimos a Vlad Merzhevich, autor de libros y desarrollador web, quien mantiene varios recursos de calidad sobre diseño y estilo de páginas web.

Aquí encontrará un tutorial autoexplicativo y respuestas a preguntas populares sobre hojas de estilo en cascada. También hay artículos tutoriales sobre la tercera especificación CSS actual.

2. WebReference

ofrece una referencia alfabética a CSS. Cada propiedad tiene una breve descripción, sintaxis y un ejemplo en vivo. No dude en hacer preguntas: los autores del proyecto se ponen en contacto y discuten los detalles de buena gana.

3. Referencia CSS

Además de los tutoriales en ruso, agregaremos sitios extranjeros. Con su ayuda, es más fácil para algunos estudiantes profundizar en la profesión y aceptar su terminología. Por lo tanto, toda la atención está puesta. No hay nada superfluo en el sitio: propiedades CSS, explicaciones y acciones. De las pequeñas cosas agradables, notamos una búsqueda rápida y copia de una propiedad en el portapapeles con un clic del mouse.

4. Premios de diseño CSS

La educación es un asunto largo ya veces aburrido. Sería bueno encontrar la motivación para ayudar en tiempos difíciles. Nos inspiraremos en otros diseñadores web, o más bien en el sitio. Todos los días se presenta aquí un proyecto de calidad, que sirve como modelo de aquello por lo que vale la pena luchar. Muchos de los ganadores son realmente sorprendentes. No olvide pasar y votar por sus nominados favoritos.

5. CSS Zen Garden

Habiendo asegurado el conocimiento y un faro, es hora de poner a prueba su solidez en los negocios. Y para no elegir el camino durante mucho tiempo, lo dirigiremos a la página. Contiene un archivo HTML que no cambia, al que usuarios de todo el mundo intentan darle un diseño extraordinario utilizando hojas de estilo en cascada.

Cargue el HTML de referencia, agregue su estilo y envíelo todo de regreso. Quizás su enfoque sea el mejor. Por cierto, puede descargar la versión de otra persona y ver cómo se implementa.

6. CSSPlay

Está claro que querrá aplicar algo que atraiga la atención de todos. No sabemos si existe tal cosa, pero seguro que había decenas y cientos de trucos curiosos.

7. CSS Lint

¿Por qué necesitamos las de otra persona, si nuestras propias manos se enderezan? ¿Realmente se nota? Además de la verificación de sintaxis CSS básica, el servicio web verifica el cumplimiento de las reglas que afectan la velocidad de carga de la página. El resultado es CSS agradable y compatible con el navegador.