7 excelentes publicaciones de blog sobre la casa del árbol -

Mi patrocinadorTreehouse no solo tiene un excelente servicio de tutoriales en vídeo, sino también un blog revelador. Quería presentar algunas de las publicaciones que encontré más útiles. ¡Espero que puedas sacar algo de ellas!

Blog de la casa del árbol Prueba la casa del árbol

Ampliación de selectores de marcador de posición con Sass

Recientemente escribí un artículo sobre la creación de un conjunto de botones temáticos con Sass donde utilicé un mixin para definir todos los estilos base, luego se pasó un valor de color como argumento cuando se incluyó en cada tema.

Accediendo a la cámara del dispositivo con getUserMedia

En esta publicación de blog, aprenderá cómo acceder a la cámara del dispositivo usando getUserMedia y transmitir esta entrada a un elemento de video. Para terminar, jugarás con el uso de filtros CSS3 para agregar efectos interesantes al video.

Efecto de recorte de avatar de imagen dinámica jQuery

Después de jugar con Jcrop, realmente apoyo este complemento. Los códigos son muy pequeños y no requieren mucha configuración (aunque hay muchas configuraciones opcionales). Mi ejemplo de demostración incluirá actualización dinámica de avatar en tiempo real, junto con un script de renderizado PHP. Creo que la cantidad de nuevas redes sociales y sitios web que ofrecen perfiles de usuario definitivamente deberían tener en cuenta esta técnica de UX.

En este tutorial repasaremos el proceso de codificación de un menú de navegación responsivo CSS muy básico. Transformaremos una navegación de estilo básico sin lista en un menú desplegable utilizando consultas de medios en nuestra hoja de estilo. No es necesario utilizar JavaScript en este tutorial. Revisaremos la compilación en este orden Consultas de medios HTML CSS.Tome el control del modelo de caja con box-sizing

En este artículo, repasaremos algunas cosas importantes que debemos saber sobre el modelo de caja, como cómo afecta la definición de tamaños fijos y fluidos precisos, y luego aprenderemos cómo controlarlo con la nueva función de tamaño de caja.

Consejo rápido: guardar archivos SVG en Adobe Illustrator

¿Qué es un SVG y por qué tengo que usarlo? SVG, o gráficos vectoriales escalables, tienen un tamaño de archivo muy pequeño y son excelentes para pantallas retina. Los gráficos vectoriales tienen una ventaja sobre los formatos de píxeles como .gif o .jpg, ya que no tienen que ver con la resolución. Los SVG pueden escalarse a cualquier tamaño y no perder claridad. Todos los SVG suelen tener un tamaño de archivo más pequeño que los gráficos rasterizados.

Creación de un cuadro de entrada resaltado por sintaxis con JavaScript

En este artículo quiero presentar una biblioteca de JavaScript llamada ACE. Es completamente de código abierto y se puede descargar gratis para usarlo en cualquier proyecto de sitio web. Este script permite a los desarrolladores crear cuadros de entrada que admitan el resaltado de sintaxis. Luego, puede extraer este código para incrustarlo en otras partes de su diseño o procesarlo en el backend. La biblioteca ACE es mi primera opción para implementar el resaltado de código y su instalación es muy sencilla.