Css

Tu propio ligthbox CSS 3 [CSS tutorial]

Aqui te explicare como pudes obtener tu propio ligthbox no como hacerlo pero si como puedes tener el tuyo con un toque bastante profesional en tan solo unos minutos

Ok durante este tutorial trabajaremos con un archivo que ya tiene todo lo necesario para que tu solo le des tu toque persona, lo primero sera descargar [...]

Etiquetas: , , , , ,

5 plantillas web en HTML 5 y CSS 3

Aqui te dejo esta increible coleccion de plantillas echas al 100% en html 5 y css 3 , esta coleccion es de uso libre y puede ser utilizada comercialmente no obstatne su venta esta prohibida
Si tienes una web y crees que ya es hora de actualizarla bueno estas plantillas te caeran de maravilla, podras encontrar [...]

Etiquetas: , , , , ,

Creación de botones web con CSS3: CSS3 Buttonize Framework

Creación de botones web con CSS3: CSS3 Buttonize Framework

Crear botones a sus páginas web desarrollados con CSS3 se te va hacer muy fácil con esta herramienta CSS3 Buttonize Framework.
CSS3 Buttonize Framework te permite la creación de botones con CSS3 de una manera sencilla y especial para todos aquellos no que tengan ningún conocimiento.
Principales características:

Posee una licencia Creative Commons.
Es liviano, flexible y muy fácil [...]

Etiquetas: , , , ,

Encontrar errores en el código CSS con CSS Lint

CSS Lint es una maravillosa herramienta online que nos facilita el trabajo a la hora de encontrar errores en nuestros códigos CSS.
Modo de uso:
Solo tienes que pegar tu código CSS, pegarlo y presionar el botón LINT!
Al presionarlo te va a generar un reporte en donde vas a poder observar todos los errores encontrados.
En el informe [...]

Etiquetas: , , , ,

Que es el FrameWork The Square Grid?

The Square Grid es un Framework CSS puesto en línea pensando en todos los diseñadores, esta pequeña pero potente herramienta online nos ayuda a disminuir el tiempo de desarrollo web, también nos ayuda a crear llamativos sitios web. El Framework nos propone utilizar 35 columnas de ancho iguales.
El sitio web The Square Grid es de [...]

Etiquetas: , , , , , , , , , , , ,

Que es CSS?

El CSS u hoja de estilos en cascada fue creado para permitir a los diseñadores tener más creatividad y control sobre sus diseños. Hoy en día hay más de un solo tipo de browser de internet y esto afecta la visualización de un sitio en diferentes plataformas,  esto puede ser difícil de solucionar con HTML y consumir mucho tiempo de los  diseñadores Con CSS los diseñadores  ahorran tiempo, esfuerzo y dinero en la  creación de sitios. Además, CSS necesita [...]

Etiquetas: , , ,

Crear una barra de progreso implementada con CSS3

Crear una barra de progreso implementada con CSS3

En alguna ocasión antes de montar nuestro proyecto web en nuestro servidor, necesitamos una barra de progreso para tener informados a nuestros visitantes del progreso del mismo.
En este día les dejamos esta herramienta online que le será muy útil a muchos de ustedes.
Esta maravillosa aplicación se encuentra disponible para su descarga gratuita desde CSS-Tricks.
CSS-Tricks: Enlace

Etiquetas: , , , ,

Generador en línea de gradientes CSS

Generador en línea de gradientes CSS

En algunas ocasiones podemos necesitar gradientes CSS para nuestros diseños, Colorzilla es una maravillosa extensión para firefox muy práctico y útil.
CSS Gradient Generator nos permite seleccionar los colores deseados y armar nuestro gradiente.
Esta interfaz nos permite elegir la orientación de nuestro gradiente como vertical como horizontal. Una vez que creemos nuestro gradiente nos genera un [...]

Etiquetas: , , , , ,

Generador online de degradados en CSS

CSS3 gradient generator es una generador en línea de degradados en CSS, en verdad que esta herramienta web es un sencillo generador de fácil utilización, definiendo los parámetros como: colores, posiciones, tamaños, etc.
Su interfaz es muy sencilla, pues solo deben de seleccionar y deslizar los controles, abrir los selectores de color, etc.
Y como resultado final [...]

Etiquetas: , , , , , , , , , ,

Excelentes recursos para incluir SlideShows en sus Websites.

¿En busca de nuevos y geniales slideshows ?  aquí les traemos una colección…
Carrusel de Nubes.
Este es un carrusel en 3-D, con la opción de auto-reflexión que no necesita programación para subir las fotos a mostrar. Genera una perspectiva en 3D y se integra fácilmente con HTML, todo con un poco de JavaScript.

Sombra de Tiempo
Una nueva  galería de CSS3 con efectos de brillo animado. ”Este efecto hará que los elementos de la interfaz de usuario parecieran que están en  una foto polaroid (efecto vidrio). La mejor parte es que no es [...]

Etiquetas: , , , , , , , , , ,

Herramientas CSS 3

Creador de botones CSS3
Esta intuitiva herramienta de CSS-Tricks es etiquetada como un creador de botones “CSS3″ automático, debido al hecho de que hace uso de gradientes, sombras y esquinas redondeadas que por lo general no son compatibles con los navegadores más antiguos. Sin embargo, si alguna de estas  propiedades no son compatibles, los botones  se degradan de forma natural y agradable. Para usarlo, simplemente modifique la configuración hasta que el ejemplo se vea como lo quiera, luego solo tiene que hacer clic en el botón para obtener el código CSS. A [...]

Etiquetas: , , , , , , ,

Como crear el efecto: Iconos que rebotan con jQuery y CSS

Como crear el efecto de iconos que rebotan con jQuery y CSS

Recientemente en nealgrosskopf han publicado un tutorial el cual a muchos de ustedes les va a servir en sus nuevos proyectos webs o implementarlos en los existentes.
El tutorial fue publicado en Ingles para todos nuestros visitantes les traemos este maravilloso tutotial de como crear el efecto de iconos que rebotan con jQuery y CSS, utilizando [...]

Etiquetas: , , , , , ,

Trucos CSS que se pueden usar fácilmente

CSS u Hojas de estilos en cascada le permiten aplicar algunos efectos en sus páginas web fácilmente. Puede aplicar estos efectos CSS en su sitio, simplemente copiando y pegando el código. A continuación le listamos algunos de los más usados:
Vínculos de sustitución
COLOR DEL TEXTO
sus enlaces de texto cambian de color cuando el ratón [...]

Etiquetas: , ,

Como crear CSS al estilo de capas de Photoshop con Layers style

Layers style es una aplicación muy interesante para todos aquellos adictos a mantener su pagina web al día.
Todos sabemos que con Photoshop podemos hacer maravillas en nuestro beneficio, pero para todos aquellos que no lo manejan o utilizan se les hace difícil poder sacarle el máximo provecho.
Con Layers style podemos crear hojas de estilos o [...]

Etiquetas: , , , , , , , , , , , , , , ,

Crear lazos CSS con 3D Ribbon Generator

Con 3D Ribbon Generator puedes crear lazos perfectos para tus websites y tenerlo al día sin complicaciones y fácil de utilizar, además de ser una herramienta online.
3D Ribbon Generator es una generador en línea de lazos para utilizarlos en diseños de nuestros desarrollos, esta poderosa herramienta genera todo el HTML y CSS necesario para poder [...]

Etiquetas: , , , , , , , , , ,

Como crear hojas de estilo avanzadas con CSS3 Generator

CSS3 Generator es una herramienta online que nos podrá ser útil a la hora de crear cajas con esquinas redondas, sombras, degradados y demás usando las propiedades de CSS3.
Para cada opción esta poderosa herramienta nos ofrece parámetros de configuración a medida lo vamos configurando te muestra en tiempo real la apariencia que tendrá al final, [...]

Etiquetas: , , , , , ,

Diseño de tablas con Css y Ajax

Tabla con CSS

Aunque como todos sabemos las tablas en html están en desuso, en algunos casos nos pueden servir de ayuda. Os traemos una recopilación diseños para tablas html maquetadas con css y algunos elementos externos como por ejemplo imágenes.
Esperamos que os sean útiles.
1.- Tablecloth

2.- Crear una tabla tipo aerolinea

3.- Diseño de tabla con Css

4.- Tabla con [...]

Etiquetas: , , ,

Compatibilidad de los filtros CSS en los navegadores Web

Compatibilidad de los filtros css

Os dejamos un interesante enlace para averiguar la compatibildad de algunos filtros CSS en la mayoría de los navegadores Web y en todos los sistemas operativos.
Como dato curioso podemos resaltar que no hay un filtro CSS que funcione para todos los navegadores.  De todos modos esta tabla os será tremendamente útil para consultarla en la [...]

Etiquetas: , ,