background preloader

CSS-Tricks

https://css-tricks.com/

Related:  Code & Development

Unidades VH y VW de CSS3 En este tutorial vamos a conocer las unidades vh y vw, que introdujo la versión 3 de CSS. Seguro muchos de nosotros conocemos las unidades px, em, rem, % y pt, pero quizás no todos conocían o usan las unidades de medida vh y vw. Es por eso, que hoy responderemos a las preguntas ¿Qué son estas medidas? y ¿Cómo usarlas en nuestros proyecto?

Creando una página en Facebook, con Wix, en menos de 45 minutos En algunas ocasiones hemos mostrado herramientas que nos permiten crear páginas en Facebook de forma rápida y sencilla, aunque hasta ahora no habíamos probado la nueva función de Wix.com que nos permite integrar un sitio web completo dentro de dicha red social. Para probar el sistema hemos decidido crear una página de Facebook para la empresa brasileña Cenprel Revestimentos, dedicada a la venta de material para revestimiento de suelos y paredes. El objetivo era hacer el trabajo en menos de 45 minutos. Hemos tardado 35. El primer paso es acceder al creador de páginas de Wix.com, donde tenemos la opción de crear una Página de Facebook: Aunque el editor es muy flexible y permite realizar cualquier diseño que imaginemos, podemos agilizar trabajo seleccionando alguna de las plantillas ya existentes, existiendo una categoría dedicada a las páginas en la red social:

¡Aprenda HTML5 en 5 minutos! ¡Aprenda HTML5 en 5 minutos! No hay duda, HTML5 es un tema candente para los desarrolladores. Si usted necesita un curso acelerado para comprender con rapidez los fundamentos de la funcionalidad de HTML5, está en el lugar correcto. Hablaremos del nuevo lienzo para dibujo y animación semántico de marcado, el soporte de audio y video, y como usar HTML5 con navegadores anteriores. Podría tomar un poco más de cinco minutos, pero les prometo que trataré de hacerlo rápido. No olvides tu hoja de estilo CSS para impresión - Pablo Román Hacer una hoja de estilo para impresión es un detalle que a la hora de desarrollar una web, frecuentemente y por desgracia se pasa por alto. Sin embargo, es una de las cosas más sencillas y que mejor impresión (ja, ja) pueden dar al lector ocasional de tu página que por necesidad o comodidad decide imprimir tu contenido en papel, sobre todo en blogs, sitios de noticias, CV’s online… Predicando con el ejemplo, ayer me entretuve en incluir apenas una docena de líneas de CSS dedicadas a la impresión en esta web que estas leyendo ahora mismo. El método clásico para usar una hoja de estilos para impresión es enlazarla en la etiqueta head de la página especificando el atributo media="print", para que estos estilos solo se apliquen en el papel, pero para ahorrar otra petición HTTP, he preferido incluirlo todo dentro del archivo CSS general de la página usando @media queries, que no solo son útiles para desarrollar web móviles y no dan ningún problema en navegadores modernos. @media print { ... }

Introducción Introducción a la serie de videos que componen este curso de Front-End. Vamos a hablar también de la teoría detrás de crear un producto y de como crear HTML y CSS no es un fin en si mismo sino que es una forma de poder transmitir una idea y resolver un problema. Breve introducción a la creación de wireframes. Código Keywords

Mockups para mejorar el trabajo de diseño web El trabajo de un diseñador web pasa por intentar mejorar constantemente el proceso de creación, intentando trabajar con herramientas que puedan ayudar a optimizar sus tareas. Experimentar con herramientas de diseño con interfaces de usuario que evolucionen constantemente para apoyar al creador es esencial para conseguir un buen flujo de trabajo que permita mantener la efectividad del diseñador en sus tareas diarias. En este sentido, los mockups se han convertido en un excelente aliado para mejorar el trabajo de un diseñador o un desarrollador web. ¿Qué son los mockups? En esencia, son un modelo o maqueta que nos puede ayudar a presentar de manera realista la presentación del diseño que hayamos hecho para una tienda online cara a su aprobación definitiva.

Mis 3 herramientas indispensables para el Community Manager: Feedly, SocialBro, Crowdbooster. Entre las tareas fundamentales del Community Manager se encuentran la de monitorizar contenido de valor para publicar en sus redes y la de gestionar los miembros de su comunidad de forma eficiente. Sí además, conoces cuáles de tus seguidores son los que más interactúan con tu marca, lo tienes todo de cara para poder cuidar a esas personas. Con la combinación de Feedly, SocialBro y Crowdbooster podemos desarrollar todas estas funciones, sin que nada se nos escape. Son mi fondo de armario 2.0.

Lenguajes y estándares - Introducción al currículo de estándares web/contenidos Chris Mills. 8 de julio del 2008. Publicado en: currículum, principiante, web, estándares, curso Tengo un sueño desde hace tiempo. Los últimos 8 o 9 años, mi trabajo se ha centrado mucho en la enseñanza, ya sea encargando y editando publicaciones técnicas con el fin de ayudar a los demás a crear algo interesante con la tecnología, formando nuevos empleados en las diferentes empresas para las que he trabajado o editando y redactando artículos de seminarios para ayudar a los demás a utilizar el software Opera. También me entusiasma la web y creo firmemente en los estándares web abiertos.

@page :nth( ) Selector Css de página en medios paginados Las especificaciones de Css tienen un grupo o apartado dedicado en exclusiva a controlar el contenido de los documentos cuando su salida es un medio paginado. Hace ya un tiempo le dediqué un artículo (Estilos Css para imprimir: La regla @page en los medios paginados) que si bien está plenamente vigente no recoge, como es lógico, las novedades que el consorcio ha ido añadiendo. Recientemente fue publicado el módulo CSS Generated Content for Paged Media (status WD) que desarrolla algunos aspecto relacionados con los medios paginados y el contenido generado por Css en ese medio.

Related: