webintenta

Vanetia Dearden

Thu, 31 May 2012 08:34:07 +0000

Gumby: framework CSS responsive

Wed, 30 May 2012 20:32:22 +0000

Gumpy es un framework responsive para diseñar cuadrículas de 960px. Al ser responsive permite que nuestra cuadrícula se vaya adaptando dependiendo de la resolución.

De un modo similar a Twitter Bootstrap, incluye un kit de interfaz de usuario con botones, formularios, navegación, tabs,... y un pequeño archivo de javascript que da funcionalidad a todos los elementos. Dispone de varias versiones para descargar: 12 columnas, 16 columnas, un paquete com todo, etc. El framework está bastante bien documentado y tiene ejemplos para todas sus características.

Gumby » »

Cita 30-05-2012

Wed, 30 May 2012 19:30:22 +0000

Las 3 mentiras más grandes del software:
- La aplicación está completamente testada y libre de errores.
- Estamos trabajando en la documentación.
- Por supuesto que podemos modificarlo.

Desconocido

PSDchest: Recursos gratuitos para diseñadores web

Mon, 28 May 2012 19:03:49 +0000

PSDchest es una web que ofrece recursos gratuitos para diseñadores: botones, cajas de búsqueda, elementos de paginación, etc.

PSDchest » »

Menú animado con CSS3

Thu, 24 May 2012 18:26:20 +0000

El siguiente ejemplo nos vuelve a mostrar las posibilidades que nos ofrecen las transiciones
de CSS3.

HTML:

 <ul>
        <li>Botón 1</li>
        <li>Botón 2</li>
        <li>Botón 3</li>
        <li>Botón 4</li>
        <li>Botón 5</li>
</ul>

CSS:

ul {
  display: table;
  width: 400px;
}
li {
  display: table-cell;
  width: 20%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
}
ul:hover li {
  width: 15%;
}
li:hover {
  width: 40% !important;
  opacity: 0.7;
}
ul li:nth-of-type(1) { background: #FF4C4C; }
ul li:nth-of-type(2) { background: #FFBF49; }
ul li:nth-of-type(3) { background: #444444; }
ul li:nth-of-type(4) { background: #6FDC6F; }
ul li:nth-of-type(5) { background: #3AADFE; }

Ver ejemplo en funcionamiento » »