TEMAS de CSS

Mostrando del 41 al 50 de 89 registros
Imágen de perfil

internetRecopilación de siete tutoriales sorprendentes de CSS3


CSS

Publicado el 19 de Junio del 2013 por Administrador
9.764 visualizaciones desde el 19 de Junio del 2013
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

internetOptimizar CSS, 12 consejos y 4 herramientas


CSS

Publicado el 24 de Mayo del 2013 por Administrador
11.808 visualizaciones desde el 24 de Mayo del 2013
Simple y llano. Aprende a optimizar tus códigos CSS a través de estos 12 consejos y 4 herramientas.
Imágen de perfil

internetResponsive Slider utilizando FlexSlider


CSS

Publicado el 8 de Mayo del 2013 por Administrador
13.336 visualizaciones desde el 8 de Mayo del 2013
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

internetCSS. Menús flotantes


CSS

Publicado el 7 de Mayo del 2013 por Administrador
10.006 visualizaciones desde el 7 de Mayo del 2013
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.
Nos basaremos en la aplicación de estilos a listas no ordenadas de entradas con hipervínculos –que serán las opciones del menú resultante-, convirtiendo dichas listas en verdaderos menús flotantes, con la toda la apariencia y prestaciones de los habitualmente utilizados.
A modo de resumen, trataremos:
1. La aplicación de los estilos básicos para la conversión en un menú
2. Control de anchos, fuentes y cursores
3. Menús horizontales y verticales
4. Menús con efectos de bordeados, sombras, centrados y demás
Imágen de perfil

internetMaquetando un site en 3 columnas!! con CSS


CSS

Actualizado el 1 de Mayo del 2013 por Administrador (Publicado el 22 de Febrero del 2012)
11.724 visualizaciones desde el 22 de Febrero del 2012
Aprende a maquetar tu site en 3 columnas con CSS.
Imágen de perfil

internetGoogle Font Directory: tipografías libres para la web


CSS

Publicado el 17 de Abril del 2013 por Administrador
11.652 visualizaciones desde el 17 de Abril del 2013
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

internet8 técnicas CSS que deberías de conocer


CSS

Publicado el 12 de Abril del 2013 por Administrador
10.261 visualizaciones desde el 12 de Abril del 2013
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

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


CSS

Publicado el 5 de Febrero del 2013 por Administrador
7.058 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

internetCSS3 Dropdown Menu


CSS

Publicado el 29 de Enero del 2013 por Administrador
7.871 visualizaciones desde el 29 de Enero del 2013
Aprende a hacer menús desplegables con CSS3
Imágen de perfil

internetAgregar íconos a los links con CSS3


CSS

Publicado el 28 de Enero del 2013 por Administrador
6.260 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.