Para llegar a ser un buen diseñador es necesario participar y compartir ideas y recursos con otros diseñadores. Actualmente existen multitud de comunidades online y páginas como la siguiente donde podemos encontrar infinidad de recursos gratuitos listos para utilizar en nuestros propios diseños.
La página se llama Pixeden y según sus creadores ha nacido con la idea de crear un sitio único para recoger todas las herramientas que un diseñador necesita para su trabajo en el día a día. La... ...
ver más
No es sencillo encontrar un generador de código CSS3 tan completo como lo es css3maker.
Con esta herramienta podremos generar código CSS3 simplemente modificando los parámetros de los diferentes componentes con los que podemos trabajar, entre los que se encuentran: bordes redondeados, degradados, trasformaciones, animaciones y transiciones CSS, selector de colores RGBA, sombra en: texto y cajas y rotación y seleción de tipografía @Font Face.
Como es puede ver el la imagen, a medida que... ...
ver más
Una de las tareas más laboriosas a la hora de diseñar una web es elegir correctamente su esquema de colores, es decir, pensar y comprobar hasta dar con la combinación correcta de colores. Es uno de los primeros pasos y también de las tareas más importantes a las que se enfrenta un diseñador web.
Como en la vida real, en el mundo de internet, el diseño es lo primero que entra por los ojos y antes de comenzar a leer o adentrarnos en el contenido de la página, en lo primero que nos... ...
ver más
Aunque existen muchas técnicas para asignar la misma altura a diferentes columnas de elementos, como CSS o Javascript este es quizás el método más rápido para conseguirlo, utilizando jQuery:
$(document).ready(function(){
var altomax = 0;
$('.alturas').each(function(){
if($(this).height() > altomax){
altomax = $(this).height();
}
});
$('.alturas').height(altomax);
});
Para finalizar añadimos en el HTML la clase... ...
ver más
Ya hemos hablado de cómo colocar en nuestro blog un botón para “subir”, muy útil cuando la longuitud de la página requiere desplazar varias vueltar la rueda de nuestro ratón para volver a ver la cabecera, pero estéticamente no siempre queda bonito que se muestre permanentemente un botón de “Ir arriba“, en la parte infereior de nuestra web.
La solución lógica es hacer que ese botón se muestre sólo cuando es realmente necesario y tiene una utilidad, es decir, el... ...
ver más
Textualizer es un plugin jQuery con el que podrás realizar transiciones entre textos con hasta cuatro efectos diferentes como: aparición progresiva (fadeIn), desplazamiento a la izquierda (slideLeft), desplazamiento arriba (slideTop) y efecto aleatorio (ramdom), además el plugin acepta cualquier número de palabras.
Para ello primero definimos los tres estados diferentes:
.textualizer('pause') // Pausar animaciones finalizando la animación
.textualizer('stop') // Parar la... ...
ver más
