TEMAS de CSS

Mostrando del 21 al 30 de 90 registros
Imágen de perfil

internetCómo controlar la forma en la que se cargan las fuentes web


CSS

Publicado el 4 de Abril del 2016 por Administrador
1.162 visualizaciones desde el 4 de Abril del 2016
Si tu sitio o aplicación web utiliza fuentes web, controlar cómo se cargan puede ser muy importante para mejorar el rendimiento percibido por tus usuarios. La nueva propiedad font-display disponible para @font-face permite a los diseñadores controlar cómo se muestra el sitio web en función de cuánto tardan en descargarse las fuentes web.
Imágen de perfil

internetLa guía rápida para aprender CSS básico desde cero


CSS

Publicado el 29 de Diciembre del 2015 por Administrador
2.529 visualizaciones desde el 29 de Diciembre del 2015
Sencilla guía de introducción a CSS nivel básico.
Contiene:
1. Aprender CSS es fácil si te lo planteas bien
2. ¿Cómo funcionan las hojas de estilo en cascada?
3. Los conceptos clave en las hojas de estilo CSS
3.1. Reglas, selectores y propiedades
3.2. La cascada: herencia, sobreescritura y conflictos de estilos
4. Un ejemplo práctico
5. Propiedades básicas que deberías conocer
5.1. Maquetación básica
5.2. Fuentes y texto
5.3. Color y fondos
5.4. Listas
5.5. Bordes
6. Vincular los estilos CSS a páginas HTML
6.1. Hojas de estilo CSS inline
6.2. Hojas de estilo CSS internas
6.3. Hojas de estilo CSS externas
7 Personalizar CSS en blogs: WordPress y Blogger
7.1. CSS en Blogger
7.2. CSS en WordPress.org
7.3. CSS en WordPress.com
8. Referencias para profundizar más
Imágen de perfil

internetComparativa de frameworks CSS


CSS

Publicado el 22 de Julio del 2015 por Administrador
1.396 visualizaciones desde el 22 de Julio del 2015
¿Qué se entiende por un framework CSS? ¿Cuál debemos utilizar según sus limitaciones o posibilidades? Ventajas e inconvenientes de los principales frameworks css comparados. Comparamos: 960, Blueprint, Bootstrap, Foundation y UiKit.
Imágen de perfil

internetCSS. Menús flotantes


CSS

Publicado el 22 de Mayo del 2015 por Administrador
1.435 visualizaciones desde el 22 de Mayo del 2015
Muchas son las propuestas para insertar menús en nuestras páginas Web, típicamente se han utilizado desde simples esquemas con hipervínculos, listas numeradas, rutinas en JavaScript, applets de Java, plug-ins de Abobe Flash, … por citar algunas soluciones populares.
En el presente artículo presentamos una alternativa que consideramos solvente y muy eficiente en varios aspectos, como su apariencia totalmente personalizable y facilidad de programación, o como en el escaso sobrecosto que puede suponer para el transito a través de Internet, tanto en tamaño, como en código potencialmente peligroso. Lo que entraría en el ámbito más general de la optimización de código HTML.
Imágen de perfil

internetRotación de palabras con animación CSS3


CSS

Publicado el 27 de Febrero del 2015 por Administrador
1.819 visualizaciones desde el 27 de Febrero del 2015
En este artículo voy a explicar como crear una rotación de palabras con animación tan sólo usando CSS3.
Imágen de perfil

internetCómo mostrar imágenes pixeladas con CSS 3


CSS

Publicado el 23 de Febrero del 2015 por Administrador
1.905 visualizaciones desde el 23 de Febrero del 2015
Las imágenes son una de las partes más importantes del diseño web. Normalmente dejamos que sean los navegadores los que redimensionen y escalen las imágenes para que encajen bien en el diseño y se vean lo mejor posible. No obstante, en ocasiones es mejor controlar explícitamente cómo se escalan las imágenes.
Imágen de perfil

internetCrea tu propio framework CSS con Stylus


CSS

Publicado el 30 de Enero del 2015 por Administrador
1.744 visualizaciones desde el 30 de Enero del 2015
Gracias a preprocesadores como Stylus podemos crear un CSS mucho más sencillo de mantener y editar. Aprovechando sus funciones podemos crear un pequeño framework a medida, nuestro propio Bootstrap, pero personalizado con las utilidades que necesitemos en nuestros proyectos.
Imágen de perfil

internetCómo conseguir que el texto de tus sitios web se vea igual en Mac OS, Windows y Linux


CSS

Publicado el 8 de Octubre del 2014 por Administrador
2.022 visualizaciones desde el 8 de Octubre del 2014
Una de las preguntas más habituales que surgen al comprobar tus sitios web en diferentes sistemas operativos es ¿Por qué se ve tan diferente el texto en Mac OS, Windows y Linux? De hecho es posible que más de una vez te hayan preguntado "¿por qué se ve la letra «tan gorda» en Mac OS comparada con Windows y Linux"?.
Imágen de perfil

.htmlMejora el rendimiento de tu Blog optimizando los CSS y JavaScript


CSS

Publicado el 29 de Septiembre del 2014 por Administrador
2.272 visualizaciones desde el 29 de Septiembre del 2014
Posiblemente la regla que más impacto negativo ha tenido en los resultados de Page Speed en la gran mayoría de Blogs de Blogger ha sido la que vamos a tratar y resolver en esta guía: los problemas de generación con bloqueos de Javascript y CSS.
Imágen de perfil

.htmlHTML5 optimizado mediante CSS/CSS3


CSS

Publicado el 24 de Julio del 2014 por Administrador
2.368 visualizaciones desde el 24 de Julio del 2014
En este artículo se trata:
1. Optimización de documentos HTML mediante el uso de sprites
2. Obtención de sprites
3. Inclusión de sprites mediante CSS
4. Obtención de sprites –imágenes en general- codificados en Base64
5. Técnica de inclusión de sprites embebidos