9 de noviembre de 2015

En la web podemos encontrar diferentes estilos de páginas, con efectos interesantes, con fuentes de escritura poco comunes y un sin fin de atributos que hacen de una página web dinámica y entretenida a la vista de los usuarios.

Slider JavaScrpit

SlidesJS es un plug-in SlideShow Responsive ( Adaptable ) para jQuery (1.7.1+) con características táctiles y  transiciones CSS3. Con este plug-in podemos en pocas palabras mostrar una galería de imágenes de una manera muy atractiva para el usuario. Al entrar en su pagina podemos leer una descripción y la manera correcta en la que debe usarse, además de esto, proporciona varios ejemplos mostrando su uso y un Basic Markup del código. Para poder usarlo, debemos descargar el código de dicho plug-in, al descargarlo nos dejara un archivo .ZIP que debemos descomprimir, y nos dejara una serie de archivos en donde podrás encontrar ejemplos prácticos con su respectivo código para que puedas ver su funcionamiento y puedas usarlo en tu proyecto web. Es importante aclarar que si vas a utilizar esta herramienta en tu propio proyecto, deberás copiar la carpeta "source" y pegarla en la carpeta raíz ( En donde se encuentre tu archivo .html ) de tu proyecto para que pueda funcionar. Espero que te sea de gran ayuda y cualquier duda que tengas sobre su funcionamiento puedes contactar conmigo o comentar este post!

6 de noviembre de 2015

¿Alguna vez has visitado una página web en donde un color de una parte de la página se va desvaneciendo o en su defecto va tomando efectos de gradiente? Pues bien, hoy hablaremos de una página web capaz de generar el código CSS que solo deberás copiar/pegar en tu hoja de estilos.

Gradientes con CSS


Ultimate CSS Gradient Generator es una página web en donde podrás hacer gran cantidad de estilos con colores para tu sitio web. Esta herramienta nos permite escoger alguna plantilla (y modificarla si queremos) o poder utilizar el código de colores para hacer nuestros propios efectos, teniendo una vista previa o Preview de lo que estamos haciendo; además y lo más importante nos genera el código CSS necesario para aplicar nuestro estilo a nuestro proyecto web, solo debemos copiar TODO el texto que aparece a la derecha de la página en el recuadro CSS y pegarlo en nuestra hoja de estilos.

Esta es una gran ayuda para los desarrolladores web que ahora podas probar y usar para tus propias páginas, espero te sea de gran ayuda!