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.

Freebie Release: Web GUI Kit (PSD)

Para continuar agradeciendo a nuestros lectores y a la comunidad en general, nos complace lanzar un kit de promoción muy útil: el Kit de Interfaz Gráfica de Usuario Web (GUI) . Estos elementos de la GUI vienen en formas vectoriales en capas, lo que significa que puede cambiar el tamaño de los elementos sin perder calidad.El

(Consejos de tecnología y diseño)

Cómo arreglar las notificaciones demoradas de Android

Recientemente, las notificaciones en mi teléfono Android se retrasaron hasta en 15 minutos, y algunas veces ni siquiera llegaron hasta que abrí la aplicación. Fue bastante frustrante y me perdí muchos mensajes urgentes. Sin embargo, resulta que fue principalmente una falla de mi parte . Mientras intentaba optimizar mi teléfono para un mejor rendimiento, cometí algunos errores en el proceso.Si ta

(Consejos de tecnología y diseño)