es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


MaintainableCSS - Guía en línea toc Writing Maintainable CSS Code

Escribir CSS es bastante simple una vez que comprenda la sintaxis y los métodos para estructurar una página. Pero dominar CSS para crear código modular, semántico y reutilizable es otro tema completamente diferente.

Hay muchas técnicas diferentes que puede usar como SMACSS o ITCSS, pero estos son modelos que lo fuerzan en una determinada dirección. En su lugar, es posible que le guste MaintainableCSS, que es una guía en línea llena de consejos y estrategias para escribir un mejor código CSS a largo plazo .

La guía es completamente gratuita e incluso está alojada en GitHub, incluido todo el código del sitio web. Deberías comenzar a leer en la introducción que explica los conceptos básicos de esta guía en línea y por qué es valiosa para los desarrolladores web.

Estas pautas de código lo ayudan a desarrollar hábitos en lugar de estructuras forzadas. De esta forma, puede organizar el código de la manera correcta, sin importar cómo escriba realmente los selectores específicos (pero MaintainableCSS también tiene sugerencias para esto).

Además de la organización del código, este sitio también aborda temas más complejos relacionados con el desarrollo de CSS moderno . Algunos de estos temas incluyen:

  • Desarrollo modular
  • Velocidad y rendimiento
  • Manejando la redundancia
  • Convenciones de código
  • Estados CSS como cargar, deshabilitar y ocultar

La mayoría de los capítulos son muy cortos y se mueven rápido, por lo que no pasará mucho tiempo repasando esta guía.

Eche un vistazo a la tabla de contenido y los doce capítulos dentro de esta guía. Los conceptos básicos son bastante comunes, pero aprenderá muchos temas avanzados como el desarrollo de versiones y JavaScript + CSS .

Los nuevos desarrolladores que aún no entienden CSS pueden querer evitar esta guía . Asume un nivel básico de conocimiento que involucra especificidad, selectores y propiedades .

Pero si ya sabes cómo escribir CSS y solo quieres hacerlo mejor, MaintainableCSS es para ti. Es el enfoque corto y agradable para limpiar el desarrollo frontend modular volviendo a lo básico y escribiendo código que durará en los años venideros.

4 maneras de crear impresionantes acordeones CSS-Only

4 maneras de crear impresionantes acordeones CSS-Only

Los acordeones de contenido crean un patrón de diseño útil. Puede usarlos para muchas cosas diferentes: para menús, listas, imágenes, extractos de artículos, fragmentos de texto e incluso videosLa mayoría de los acordeones se basan en JavaScript, principalmente en jQuery, pero dado que el uso de técnicas avanzadas de CSS3 se generalizó, también podemos encontrar buenos ejemplos que solo usan HTML y CSS, que los hacen accesibles en entornos con JavaScript deshabilitado.Crear aco

(Consejos de tecnología y diseño)

Cómo personalizar la vista de Firefox Reader para mejorar la legibilidad

Cómo personalizar la vista de Firefox Reader para mejorar la legibilidad

Reader View es una característica popular del navegador Firefox, que cambia la apariencia de una página web y la hace más legible al eliminar el desorden visual, como imágenes, anuncios, encabezados y barras laterales. Sin embargo, Reader View no está disponible para todas las páginas de inicio.Si la

(Consejos de tecnología y diseño)