Los Temas más visitados de CSS

Listado de los Temas más visitados durante los últimos 30 días
Imágen de perfil

internetImprimir la web en el siglo XXI


250 visualizaciones el último mes

CSS

Publicado el 21 de Mayo del 2019 por Administrador
250 visualizaciones desde el 21 de Mayo del 2019
Hace poco tuve que afrontar en el trabajo una tarea poco habitual: «Dar la oportunidad al usuario de imprimir una web». Ante tan extraño reto y con total libertad para ejecutar este poco frecuente encargo, decidí ponerme a investigar. En el siguiente artículo transmitiré algunos consejos y sugerencias atesoradas durante este proceso.
Imágen de perfil

internetCambiando el diseño de las barras de scroll con CSS


203 visualizaciones el último mes

CSS

Publicado el 22 de Abril del 2019 por Administrador
368 visualizaciones desde el 22 de Abril del 2019. Una media de 84 por semana
Una de las recomendaciones fundamentales para una buena usabilidad es no modificar en exceso el diseño de los elementos que forman parte de la interfaz de usuario del sistema operativo, tales como botones, elementos select, las barras de scroll, etc. Hacerlo complica el uso de tu sitio o aplicación web porque el usuario tiene que aprender a reconocerlos.

No obstante, como toda norma tiene sus excepciones, a veces puede ser necesario modificar estos elementos en algunos diseños muy especiales. Firefox 64, publicado en diciembre de 2018, añade entre sus nuevas funcionalidades la posibilidad de cambiar el diseño de las barras de scroll.

En concreto, lo hace a través del estándar CSS Scrollbars Module Level 1, que todavía se encuentra en fase de borrador y no es un estándar oficial. Los tres escenarios para los que se ha pensado este estándar son:

1.- Cambiar el color de las barras de scroll para adaptarlas al diseño de la aplicación o sitio web.
2.- Mostrar barras de scroll más finas de lo normal cuando un elemento lo requiera.
3.- Diseñar barras de scroll totalmente personalizadas si el diseño así lo requiere.

Para ello se han definido dos nuevas propiedades CSS (scrollbar-color y scrollbar-width) que se pueden aplicar a la página entera y también a cualquier elemento que soporte la propiedad overflow de CSS.
Imágen de perfil
Actualizado

.pdfReferencias CSS


198 visualizaciones el último mes

CSS

Actualizado el 15 de Mayo del 2019 por Administrador (Publicado el 19 de Mayo del 2009)
5.341 visualizaciones desde el 19 de Mayo del 2009. Una media de 14 por semana
Articulo en formato pdf de las referencias CSS más importantes. Esquematizado en tres columnas: Propiedad, descripción y valores.
Imágen de perfil

internetCódigos CSS y HTML para editar tu página web en WordPress


56 visualizaciones el último mes

CSS

,

HTML

,

WordPress

Publicado el 13 de Febrero del 2019 por Administrador
615 visualizaciones desde el 13 de Febrero del 2019. Una media de 49 por semana
Los gestores de contenido como WordPress permiten hacer casi todo muy fácil sin necesidad de saber código web, pero en ocasiones resulta interesante poder hacer cosas muy concretas con tu plantilla para ir un poco más allá en cuanto a la personalización del tema y conseguir un resultado aún mejor que el que a priori podrías lograr.
Imágen de perfil

internetInter UI, una nueva tipografía para interfaces


52 visualizaciones el último mes

CSS

Publicado el 14 de Abril del 2019 por Administrador
385 visualizaciones desde el 14 de Abril del 2019. Una media de 70 por semana
En la actualidad, gracias en parte a la influencia de Bootstrap, es habitual utilizar en los sitios y aplicaciones web las tipografías base de cada sistema operativo para los elementos de la interfaz (botones, menús, etc.)
Imágen de perfil

internetCódigos CSS y HTML para editar tu página web en WordPress


36 visualizaciones el último mes

CSS

,

HTML

,

WordPress

Publicado el 05 de Noviembre del 2018 por Administrador
417 visualizaciones desde el 05 de Noviembre del 2018. Una media de 21 por semana
Los gestores de contenido como WordPress permiten hacer casi todo muy fácil sin necesidad de saber código web, pero en ocasiones resulta interesante poder hacer cosas muy concretas con tu plantilla para ir un poco más allá en cuanto a la personalización del tema y conseguir un resultado aún mejor que el que a priori podrías lograr. ¡Te lo cuento en este post!

Si vas a tu web y das a botón derecho y a continuación Ver código fuente de la página, lo que verás es el código HTML y CSS con el que está construido tu sitio. Estos códigos los crea automáticamente tu CMS para que tu web pueda verse en internet. Si trabajas con un gestor de contenidos no tienes que implementarlos manualmente, pero conociéndolos un poco puedes hacer verdaderas maravillas.

Las plantillas premium suelen tener una amplia sección de opciones para modificar fácilmente casi todos los elementos de tu web, como colores, fondos, estilos de letra, etc. Pero, ¿y si hay elementos y zonas de la plantilla que no puedes modificar porque no vienen incluidos en las opciones?
Imágen de perfil

.pdf2017 CSS3 CheatSheet


21 visualizaciones el último mes

CSS

Publicado el 04 de Diciembre del 2017 por Administrador
877 visualizaciones desde el 04 de Diciembre del 2017. Una media de 14 por semana
Nueva edición (2017) de la CSS3 Cheatsheet (lenguaje de hojas de estilo) en formato PDF, incluyendo nuevos módulos como Flexbox, Grid o Motion Paths.
Imágen de perfil

internet¿Cómo limpiar estilos no usados de tu CSS para liberar espacio?


21 visualizaciones el último mes

CSS

Publicado el 13 de Febrero del 2019 por Administrador
525 visualizaciones desde el 13 de Febrero del 2019. Una media de 42 por semana
Quiero compartir con vosotros una técnica realmente útil para tener vuestro blog o web como los chorros del oro. Personalmente me parece interesante ya que he estado tiempo buscando cómo podría hacer esto y al final he visto una solución que puede resultar bastante efectiva. Voy a contar de qué se trata y cómo usarlo.
Imágen de perfil

internet¿Cómo hacer que una tabla HTML sea responsive?


16 visualizaciones el último mes

CSS

Publicado el 13 de Junio del 2018 por Administrador
803 visualizaciones desde el 13 de Junio del 2018. Una media de 21 por semana
Estoy segura de que muchos de vosotros, alguna vez, habéis tenido algún tipo de problema a la hora de ajustar el tamaño de tablas HTML. Quienes habitualmente maquetamos, sabemos de sobra lo complicado que es controlar los tamaños de una tabla, son uno de los elementos del diseño web que más quebraderos de cabeza nos trae a la hora de desarrollar una maquetación responsive.
Imágen de perfil

.pdfReferencia rápida de CSS3


15 visualizaciones el último mes

CSS

Publicado el 19 de Agosto del 2011 por Administrador
12.128 visualizaciones desde el 19 de Agosto del 2011. Una media de 35 por semana
Guía rápida en formato PDF con todas las opciones de CSS3. En formato pdf. contiene 5 páginas.
Imágen de perfil

.pdfQuick Reference Guide of CSS3


15 visualizaciones el último mes

CSS

Publicado el 14 de Octubre del 2011 por Administrador
6.781 visualizaciones desde el 14 de Octubre del 2011. Una media de 21 por semana
Guía de referencia rápida de CSS3 en formato pdf. Contiene 5 páginas.
Imágen de perfil

internetEstructura y maquetación de una página web con capas y CSS


14 visualizaciones el último mes

CSS

Publicado el 07 de Julio del 2010 por Administrador
3.726 visualizaciones desde el 07 de Julio del 2010. Una media de 14 por semana
Aprende a estructurar y maquetar tu propia página web por capas en CSS.
Imágen de perfil

internetGoogle Font Directory: tipografías libres para la web


14 visualizaciones el último mes

CSS

Publicado el 17 de Abril del 2013 por Administrador
11.584 visualizaciones desde el 17 de Abril del 2013. Una media de 42 por semana
Vamos a ver como embeber una tipografía en tu página desde Google para que el usuario vea la web tal y como la diseñes, aunque no sea una fuente de uso común.
Imágen de perfil

internetResponsive Slider utilizando FlexSlider


14 visualizaciones el último mes

CSS

Publicado el 08 de Mayo del 2013 por Administrador
13.242 visualizaciones desde el 08 de Mayo del 2013. Una media de 42 por semana
En este pequeño tutorial vamos a crear un slider animado con jquery y lo vamos a hacer responsive, es decir que se adapte a cualquier dispositivo que el visitante este utilizando, para esto vamos a trabajar con un plugins que nos facilitara el trabajo, se trata de FlexSlider un plugins de Jquery de código abierto que nos facilitará este trabajo y lo optimiza para los dispositivos móviles.
Imágen de perfil

internetMaquetar formularios sin tablas


13 visualizaciones el último mes

CSS

Publicado el 09 de Abril del 2010 por Administrador
4.085 visualizaciones desde el 09 de Abril del 2010. Una media de 14 por semana
En este artículo quiero comentar una de las formas de presentar un formulario web sin tener que utilizar tablas para que todos sus campos se vean correctamente. Utilizaremos CSS.
Imágen de perfil

.htmlCapas


13 visualizaciones el último mes

CSS

Publicado el 17 de Junio del 2011 por Administrador
6.199 visualizaciones desde el 17 de Junio del 2011. Una media de 21 por semana
Cómo usar las capas para dotar a las páginas de dinamismo y espectaculariadad y crear efectos especiales
Imágen de perfil

internetOptimización CSS para mejorar el rendimiento de tu web


13 visualizaciones el último mes

CSS

Publicado el 28 de Abril del 2017 por Administrador
1.077 visualizaciones desde el 28 de Abril del 2017. Una media de 14 por semana
Aprende como optimizar tus hojas de estilos para mejorar el rendimiento de tu sitio web.
Imágen de perfil

internet8 técnicas CSS que deberías de conocer


12 visualizaciones el último mes

CSS

Publicado el 12 de Abril del 2013 por Administrador
10.193 visualizaciones desde el 12 de Abril del 2013. Una media de 35 por semana
Los estilos CSS es lo que nos permite dar la apariencia que deseamos a nuestros desarrollos, por lo que forma parte fundamental de estos. Hoy vamos a ver un listado de 8 técnicas que nos pueden servir a la hora de realizar nuestros desarrollos.
1. Trabajar con medidas relativas
2. Utilizando columnas múltiples
3. Evitando el salto de línea
4. Rotando imágenes
5. Rotando texto
6. Estilizando enlaces según su destino
7. Centrando un elemento
8. Sombra interna
Imágen de perfil

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


12 visualizaciones el último mes

CSS

Publicado el 04 de Abril del 2016 por Administrador
1.092 visualizaciones desde el 04 de Abril del 2016. Una media de 7 por semana
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

internet15 artículos de CSS para principiantes


11 visualizaciones el último mes

CSS

Publicado el 12 de Mayo del 2011 por Administrador
6.825 visualizaciones desde el 12 de Mayo del 2011. Una media de 21 por semana
Colección de 15 artículos básicos de CSS para programadores principiantes.
Imágen de perfil

internetRecopilación de siete tutoriales sorprendentes de CSS3


11 visualizaciones el último mes

CSS

Publicado el 19 de Junio del 2013 por Administrador
9.701 visualizaciones desde el 19 de Junio del 2013. Una media de 35 por semana
Para los que están pensando en iniciar el año aprendiendo CSS3, aquí tenéis un recopilatorio de tutoriales que muestran diferentes aspectos o funcionalidades que podemos aplicar en nuestros proyectos. No hace falta explicar la importancia que tiene CSS para el desarrollo web. En ocasiones he encontrado soluciones utilizando muchas y engorrosas líneas en JavaScript que fácilmente se podrían haber resuelto conociendo debidamente las funcionalidades de CSS.
1. Botones CSS con pseudo-elementos.
2. Diseños angulares.
3. Banners animados.
4. Lightbox con transición.
5. Estados por filtrado de imagenes.
6. Diapositivas 3D.
7. Botones YouTube.
Imágen de perfil

internetRotación de palabras con animación CSS3


11 visualizaciones el último mes

CSS

Publicado el 27 de Febrero del 2015 por Administrador
1.773 visualizaciones desde el 27 de Febrero del 2015. Una media de 14 por semana
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

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


11 visualizaciones el último mes

CSS

Publicado el 29 de Diciembre del 2015 por Administrador
2.427 visualizaciones desde el 29 de Diciembre del 2015. Una media de 14 por semana
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

internetVentajas de CSS al posicionamiento Web


10 visualizaciones el último mes

CSS

Publicado el 18 de Febrero del 2008 por Administrador
5.044 visualizaciones desde el 18 de Febrero del 2008. Una media de 14 por semana
Ventajas que ofrecen las CSS para un buen posicionamiento web.
Imágen de perfil

internetMaquetando un site en 3 columnas!! con CSS


10 visualizaciones el último mes

CSS

Actualizado el 01 de Mayo del 2013 por Administrador (Publicado el 22 de Febrero del 2012)
11.646 visualizaciones desde el 22 de Febrero del 2012. Una media de 35 por semana
Aprende a maquetar tu site en 3 columnas con CSS.
Imágen de perfil

internetFormularios con estilo


9 visualizaciones el último mes

CSS

Publicado el 26 de Julio del 2007 por Administrador
5.692 visualizaciones desde el 26 de Julio del 2007. Una media de 14 por semana
Esta es una breve explicación que te servirá de guia para crear formularios totalmente accesibles usando XHTML estricto para la estructura y hojas de estilo en cascada (css) para darle formato.
Imágen de perfil

internetBordes punteados con CSS


9 visualizaciones el último mes

CSS

Publicado el 26 de Febrero del 2010 por Administrador
4.840 visualizaciones desde el 26 de Febrero del 2010. Una media de 14 por semana
Para dar efectos distintos a elementos estructurados, como las tablas, podemos recurrir a las clases, parte integrante de las hojas de estilo (CSS).
Imágen de perfil

internetColocar un mapa de Google Maps como imagen de fondo de tu web


9 visualizaciones el último mes

CSS

Publicado el 22 de Abril del 2011 por Administrador
5.784 visualizaciones desde el 22 de Abril del 2011. Una media de 14 por semana
Google Maps, se ha convertido en un elemento prácticamente imprescindible en nuestras aplicaciones webs, para que todos nuestros usuarios puedan saber donde nos encontramos. Pero que pensaríais si os damos la opción de ponerlo como fondo de nuestra web.
Imágen de perfil

internetSelector de ventanas de Opera Mobile con CSS y Jquery


9 visualizaciones el último mes

CSS

Publicado el 02 de Noviembre del 2011 por Administrador
6.103 visualizaciones desde el 02 de Noviembre del 2011. Una media de 21 por semana
Con JQuery podemos crear cosas realmente sorprendentes y divertidas, como menús, carruseles o pestañas . Es muy enorgullecedor recrear algo que ya existe y con lo que estás disfrutando, pero realizarlo con otro lenguaje. Con JQuery podemos crear el selector de ventanas de Opera Mobile, así, varias ventanas que están superpuestas una debajo de otra,teniendo sólo una porción de estas visibles. La que está en la parte superior es la única que se encuentra visible. Al elegir otra ventana, veremos un bonito efecto.
Imágen de perfil

internetMover las cosas con animaciones CSS


9 visualizaciones el último mes

CSS

Publicado el 20 de Junio del 2013 por Administrador
9.539 visualizaciones desde el 20 de Junio del 2013. Una media de 35 por semana
Tradicionalmente, la web era un lugar muy estático. Animace no era posible de ninguna manera cuerda hasta la llegada de JavaScript, los GIFs animados y Flash, momento en el que nos regocijamos y aplaudimos la gran cantidad resultante de 'saltar intro' y horribles animaciones molestas.

Estaba todo muy bien, pero seguía sin haber manera para que los no desarrolladores creasen animaciones con estándares abiertos. Puedes dar salida a todos los argumentos religiosos que desees sobre que la animación que pertenece a la capa de comportamiento, y no a la capa de presentación, pero creo que la animación definitivamente cae en el ámbito del diseño. Y ahora, con las transiciones y animaciones CSS3, se pueden animar los elementos de nuestro sitio web. ¡Diseño web basado en estándares con más diversión! Y más 'saltar intro', si lo prefieres…

Opera tiene soporte para transiciones desde hace mucho tiempo, y ya hemos escrito sobre ellos en CSS3 transitions and 2D transforms. Este artículo se centra en la otra manera de animar las cosas usando hojas de estilo: las animaciones CSS. A continuación daremos una introducción concreta incluyendo el estado de la especificación y el soporte en navegadores, las diferencias entre animaciones y transiciones, la sintaxis básica, y una lista de ejemplos.
Revisar política de publicidad