TEMAS de CSS

Mostrando del 61 al 70 de 102 registros
Imágen de perfil

internetIntroducción al Diseño Web Adaptable o Responsive Web Design


CSS

Publicado el 5 de Febrero del 2013 por Administrador
7.566 visualizaciones desde el 5 de Febrero del 2013
Hoy en día los usuarios de nuestras páginas web o tiendas online pueden acceder a las mismas desde diferentes medios: un ordenador de sobremesa con pantalla panorámica, un móvil, una tableta… Partiendo de la base de que el diseño de una web, para que funcione, tiene que estar centrada en el usuario (y no en el diseñador, en el programador o en el dueño de la web), es importante que la experiencia que tiene el usuario con nuestra web sea lo más placentera posible con independencia de qué medio esté usando para verla. Es por ello que últimamente tantos sitios webs están utilizando lo que se llama Responsive Web Design o Diseño Web adaptable.
Imágen de perfil

internetAgregar íconos a los links con CSS3


CSS

Publicado el 28 de Enero del 2013 por Administrador
6.810 visualizaciones desde el 28 de Enero del 2013
En este artículo vamos a ver una forma de emplear los pseudo-elementos ":before" y ":after", en combinación con la propiedad content y los selectores de atributos, para agregar un ícono a nuestros enlaces de manera selectiva, dependiendo del contenido al que apunte el enlace. Con esto no solo podemos darle un estilo fresco al diseño del sitio, sino que también vamos a mejorar la usabilidad del mismo ya que le evitamos sorpresas al usuario al indicarle de antemano el tipo de contenido que está por abrir, sobre todo si se trata de documentos de Office o archivos PDF que solicitan la descarga del mismo.
Imágen de perfil

internet7 consejos para hacer buen responsive design


CSS

Publicado el 17 de Enero del 2013 por Administrador
5.949 visualizaciones desde el 17 de Enero del 2013
Este 2012 es el año de la prima de riesgo, Lana del Rey, las pelis de superhéroes y el diseño sensible o responsive design (amigo lector, esto es sólo la intro del post, no centres tus iras en ella…). Por eso, cuando he visto un post en uno de mis blogs de desarrollo de cabecera, Cats who Code, con una serie de consejos o tips para crear diseños responsive de calidad, me he visto en la obligación ética y moral de compartirlo con toda la comunidad de Genbeta Dev. En total son 7 consejos para hacer buen responsive design y tengo que reconocer que los comparto todos y cada uno.
Imágen de perfil

internetPosicionamiento de componentes en HTML con el soporte de CSS


CSS

Publicado el 31 de Agosto del 2012 por Administrador
4.101 visualizaciones desde el 31 de Agosto del 2012
En este tutorial vamos a explicar, de una manera más o menos gráfica, cómo se disponen los componentes visuales que pueden ir dentro del código HTML de una página web, con el soporte de hojas de estilo CSS.
El nivel de complejidad del tutorial es básico, sobre todo si los comparamos con otros publicados recientemente sobre Responsive CSS, pero hay que empezar por abajo, es capital tener las siguientes nociones claras para evitar problemas de renderización de componentes entre distintos navegadores y versiones de los mismos.
Imágen de perfil

internetCrear Múltiples columnas en los artículos con CSS3 Multicolumn


CSS

Publicado el 21 de Agosto del 2012 por Administrador
4.008 visualizaciones desde el 21 de Agosto del 2012
Esta propiedad de css3 nos va a permitir extender el contenido de un elemento html en múltiples columnas, igual como se utilizan en los periódicos y revistas. Esto sirve para no hacer ver una columna de texto muy larga y tediosa a la vista, si no que al insertar múltiples columnas vamos a poder ver un solo artículo en un tamaño determinado en un solo pantallazo del navegador, y así no evitamos el hacer scroll, que a mucha gente aburre.
Con CSS3 Columns el navegador determina cuando pone fin a una columna y comienza la siguiente columna, sin necesidad de algún código extra vamos a conservar la flexibilidad para cambiar el número de columnas así como sus anchuras.
Imágen de perfil

internetCSS: propiedad background en css3


CSS

Publicado el 15 de Junio del 2012 por Administrador
3.583 visualizaciones desde el 15 de Junio del 2012
HTML5 nos ha brindado nuevas propiedades para background, convirtiendo a esta etiqueta en una herramienta realmente potente, que nos va a permitir crear diseños realmente impresionanetes, usando simplemente CSS3.
Imágen de perfil

internetEquivalencias en tamaños tipográficos (CSS)


CSS

Publicado el 23 de Abril del 2012 por Administrador
3.798 visualizaciones desde el 23 de Abril del 2012
En la siguiente tabla se encuentran las equivalencias entre las distintas unidades de medida que podemos encontrar en CSS (la equivalencia es aproximada, no exacta, en última estancia depende de la fuente, el navegador y el sistema operativo).
Imágen de perfil

internetCSS sprites - Principios básicos


CSS

Publicado el 17 de Febrero del 2012 por Administrador
4.970 visualizaciones desde el 17 de Febrero del 2012
La técnica de los sprites, consiste en sustituir el mayor número de imagenes posibles de una página web, por una sola. La idea, es unir todas las imágenes que aparecen en un web condensadas en una sola, para aumentar la velocidad de carga de un web. No parece lógico que cinco imágenes pequeñas, tarden (por ejemplo) más en cargar que una sola imagen grande que las contenga a todas ellas, pero es así.