Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación, y ofrecer contenidos y publicidad de interés.
Al continuar con la navegación entendemos que se acepta nuestra política de cookies.
Iniciar sesión Cerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Crear cuenta

Temas de CSS

Mostrando del 1 al 10 de 57 registros temas
<<>>
Titulo:internetUnidades de medida de fuentes en CSS 3
Autor:Forma parte de Msdn - Microsoft
Para fijar las dimensiones de las fuentes de textos, disponemos de un buen grupo de unidades de medida estandarizadas en CSS 3. Este artículo te explica como usarlas.
Comentarios: 0 Comentar Recomendar
Titulo:internetHow To Set Up A Print Style Sheet
Autor:Forma parte de Smashing Magazine
Crea correctamente las CSS necesarias para que tu página web disponga de versión para impresión.
Comentarios: 0 Comentar Recomendar
Titulo:internetCreando fácilmente imágenes de relleno para tus prototipos
Autor:Forma parte de LibrosWeb
Al crear prototipos o wireframes de sitios y aplicaciones web, es habitual incluir contenidos de relleno por no disponer de los contenidos definitivos. Rellenar texto es muy sencillo con el famoso Lorem Ipsum y otras técnicas que ya presentamos en este mismo sitio. Sin embargo, incluir imágenes de relleno no es tan fácil, ya que requiere mucho tiempo preparar imágenes con diferentes tamaños.
La librería holder.js, creada por el diseñador y programador Ivan Malopinsky, soluciona este problema creando las imágenes de relleno directamente en el navegador. Las imágenes se crean mediante el elemento canvas y otras técnicas similares, por lo que funciona bien en todos los navegadores móviles y de escritorio, incluyendo Internet Explorer.
Comentarios: 0 Comentar Recomendar
Titulo:internetCómo mejorar el rendimiento de las animaciones con CSS
Autor:Forma parte de LibrosWeb
Los navegadores web modernos pueden aplicar con facilidad los siguientes cuatro efectos CSS: cambio de posición, escalado, rotación y opacidad. Si aplicas cualquier otro efecto CSS en la página, es muy posible que el rendimiento se resienta y no puedas mantener los 60 frames por segundo que hacen que la página se vea tan bien. Que hacer en estos casos.
Comentarios: 0 Comentar Recomendar
Titulo:internetCómo utilizar entidades HTML en el contenido generado por CSS
Autor:Forma parte de LibrosWeb
La propiedad content de CSS permite añadir dinámicamente contenidos en las páginas HTML. Aunque siempre debe utilizarse con moderación, es una solución muy útil para añadir pequeños contenidos sin tener que modificar la página HTML y sin tener que utilizar JavaScript para manipular la página.
Comentarios: 0 Comentar Recomendar
Titulo:internetAprende a usar los pseudo-elementos :before y :after en CSS
Autor:Forma parte de Creativa Sfera
Los pseudo-elementos :before y :after se utilizan junto con la propiedad content para añadir contenidos antes o después del contenido original de un elemento. En este artículo vamos a ver a fondo qué son los pseudo-elementos :before y :after, y cómo sacarles el máximo partido en nuestros diseños web.
A pesar que la W3C incluye otros pseudo-elementos, como son los conocidos :link, :hover o no tan conocido :first-child, en este artículo nos vamos a centrar exclusivamente en los pseudo-elementos :after y :before y explorar algunas de las cosas que podemos hacer con ellos para enriquecer nuestros diseños.
Comentarios: 0 Comentar Recomendar
Titulo:internetMover las cosas con animaciones CSS
Autor:Forma parte de Mosaic
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.
Comentarios: 0 Comentar Recomendar
Titulo:internetRecopilación de siete tutoriales sorprendentes de CSS3
Autor:Forma parte de Genbeta:dev
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.
Comentarios: 0 Comentar Recomendar
Titulo:internetOptimizar CSS, 12 consejos y 4 herramientas
Autor:Forma parte de Aurea
Simple y llano. Aprende a optimizar tus códigos CSS a través de estos 12 consejos y 4 herramientas.
Comentarios: 0 Comentar Recomendar
Titulo:internetResponsive Slider utilizando FlexSlider
Autor:Forma parte de Tutos y Tips
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.
Comentarios: 0 Comentar Recomendar
|< << 1 23456>>>|