Transiciones CSS3

Transiciones CSS3 Aplicaciones atractivas con transiciones CSS3. Una aplicación atractiva tiene que provocar un impacto visual agradable en el usuario. Los usuarios siempre han de saber que cualquier orden suya (mediante clic del ratón, una pulsación en pantalla o cualquier otra forma) se recibe e interpreta de forma correcta en la aplicación, y las animaciones ofrecen una manera muy interesante de conseguir esto. La nueva especificación HTML5 (aunque, en honor a la verdad, tendría que decir «la nueva especificación CSS3») incorpora una herramienta muy potente para gestionar animaciones sencillas: las…

Leer más

Botones con efectos CSS 3

  Creamos una serie de botones con colores y efectos al pasar el ratón sobre ellos, únicamente con CSS 3. En este artículo vamos a ver como crear botones con CSS3. Estos botones van a tener diferentes colores y tamaños, y todos ellos tendrán un pequeño efecto al pasar el ratón por encima. Lo primero que vamos a ver seré el código html necesario para mostrar nuestro botón.  Partimos de que cada botón tendrá una clase que vendrá dada por el tamaño que queremos mostrar y el color del botón.…

Leer más

Menú animado con CSS 3

Menú animado con CSS 3 Nuevo ejemplo de animaciones CSS 3, en el que construimos un menú animado con HTML y CSS, sin necesidad de Javascript ni jQuery. Lo primero que vamos a hacer es crearnos nuestro HTML, es decir, el código necesario que utilizaríamos para crearnos nuestro menú normalmente, eso si, realizado con DIVs y no con tablas. <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 5.0 Transitional//EN»> <html> <head>    <title>Menú animado con CSS</title>  <link rel=»stylesheet» href=»menu.css» type=»text/css»>  </head> <body> <div class=»menu-general»>  <ul class=»nav»>  <li><a href=»#»>HTML</a></li>  <li><a href=»#»</a></li>  <li><a href=»#»>Javascript</a></li>  <li><a href=»#»>ASP</a></li> …

Leer más

Conceptos básicos para la animación CSS

Conceptos básicos para la animación CSS Seguimos con el tema de las animaciones CSS y repasamos los conceptos y propiedades más básicas para poder crear una animación simple con CSS 3. Fotograma clave Los fotogramas claves son valores iniciales y finales que debe tener la animación CSS. Estas localizaciones, en teoría, las sabemos a ciencia cierta, es decir, siempre conocemos en que punto vamos a empezar y en cual vamos a terminar la animación, así como su duración. Pero podemos crear otros fotogramas clave, no solamente los de inicio y…

Leer más

Colores RGBA en CSS 3

Colores RGBA en CSS 3 Veremos qué son los colores RGBA y su notación, que se incluyen en la especificación de Hojas de Estilo en Cascada CSS 3. Como sabemos, los colores en HTML se expresan en valores RGB, igual que en CSS, que admite diversas notaciones para definir el color, a través de números en hexadecimal e incluso en decimal. Todo esto suponemos no será un misterio para los lectores, que sin duda habrán experimentado con CSS y probablemente estén familiarizados con las distintas notaciones para especificar color en…

Leer más

Con CSS 3, más control sobre la forma

Con CSS 3, más control sobre la forma El objetivo inicial de CSS, separar el contenido de la forma, se cumplió ya con las primeras especificaciones del lenguaje. Sin embargo, el objetivo de ofrecer un control total a los diseñadores sobre los elementos de la página ha sido más difícil de cubrir. Las especificaciones anteriores del lenguaje tenían muchas utilidades para aplicar estilos a las webs, pero los desarrolladores aún continúan usando trucos diversos para conseguir efectos tan comunes o tan deseados como los bordes redondeados o el sombreado de…

Leer más

WordPress, Entradas y Categorias

WordPress, Entradas y Categorias Entradas Desde el menú “Entradas” de nuestra columna lateral izquierda del panel de control de nuestro WordPress, podemos ver el submenú “Crear” al cual le haremos un click para comenzar. Nos aparecerá una pantalla en la cual podremos colocar el título de nuestro post y debajo empezaremos a redactar nuestro artículo. Una vez concluída la redacción, veremos a continuación que tenemos un cuadro llamado “Discusión” en el cual debemos asegurarnos que estén tildadas las opciones “Permitir comentarios en esta entrada” y “Permitir trackbacks y pingbacks en esta…

Leer más

Administración de WordPress: Usuarios y perfiles

La Administración de WordPress: Usuarios y perfiles. Con el sistema de perfiles y permisos se puede dar acceso al panel de administración a cuantos usuarios se desee y configurar exactamente a qué funciones podrán acceder. Hay, por defecto, perfiles de: Suscriptor, que son usuarios que pueden acceder a contenidos privados o solo para suscriptores. Es un perfil ideal para webs donde se permita solo el acceso a los contenidos a usuarios registrados, capacidad que se habilita también en el panel de administración.   Colaborador es cualquier usuario que pueda escribir…

Leer más

Más de 50 Plugins de WordPress a considerar

Plugins para wordpress Plugins son herramientas usadas para extender la funcionalidad de la plataforma de WordPress. Estas herramientas sólo están disponibles para blogs con hosting propio usando WordPress.org, pero no son permitidos para WordPress.com por varias razones de seguridad. Algunos plugins a considerar: PLUGINS DIRIGIDOS A LAS ENTRADAS WP-Sticky WordPress Plug-in– Te permite resaltar una entrada para que permanezca en lo más alto de tu blog. Daily Top 10 Posts– A partir del número de páginas vistas de cada entrada te permite mostrar con un widget las entradas más vistas…

Leer más

Múltiples imágenes de fondo con CSS3

  Cómo conseguir que un elemento de la página tenga varias imágenes de fondo a la vez, con CSS básico y con características de CSS 3. Con el atributo background-image podemos conseguir que un elemento de la página tenga un fondo de imagen. Esto debemos saberlo, puesto que es algo básico de las hojas de estilo en cascada (CSS). Una de las nuevas características de CSS 3 consiste en la posibilidad de declarar varios fondos de imagen a un elemento de la página. Lo que antes hemos visto que es…

Leer más