5 propiedades CSS simples y útiles

Parece mentira que tantos años metido en esto (bueno, no tantos) y todavía quedan muchas cosas por descubrir, como la propiedad clip de CSS que te permite crear una máscara sobre un elemento y solo mostrar una zona del mismo. La verdad es que nunca la había usado y ya se me han ocurrido varias ideas con las que puede funcionar.

Esta propiedad y otras cuatro mas, podeis consultarlas con sus respectivas demos en el siguiente link.

Link: 5 Simple, But Useful CSS Properties

4 técnicas para los links con CSS

En CSS Globe nos proponen estas cuatro originales técnicas para aplicar a los links solo usando CSS.

Recomiendo por lo menos ver la galería y el zoom en las imagenes.

Links: 4 Uber Cool Css Techniques For Links | Tooltip | Galería | Zoom en imagen | 3d

Apple patenta las transformaciones y animaciones con CSS

Con el culo torcido se habrá quedado mas de uno al leer el título de la entrada, por que no, no es cachondeo.

En un alarde de estupidez, Apple ha decidido patentar ciertos métodos para transformar y animar elementos por medio de CSS y teniendo en cuenta que dichos métodos no estaban incluidos en el estándar CSS3, parece que pueden hacerlo sin ningún problema.

Si hemos aprendido algo de Microsoft, es que lo único que consiguen con esto es frenar el avance, ya que no creo que ninguno de los navegadores integre estos metodos y que volvamos a la misma historia de siempre de programar versiones distintas para cada navegador.

Pero para Apple esto no es nada nuevo ya que está frenando la activación de la pantalla multitactil en los teléfonos con Android por que google no se quiere meterse en lios de demandas por tener los primeros la patente….

Si es que aquí el que no corre, vuela.

Links: Apple patents CSS transformand animation | La patente en cuestión

CSS Text Wrapper, juega a voluntad con el texto

CSS Text Wrapper es una apliacción online que nos permite introducir un texto y generar formas con el que luego podremos utilizar copiando el código HTML que nos facilita.

No se si será de utilidad pero curioso es un rato.

Links: Css Text Wrapper | Demos

Los misterios de la propiedad Float

float: left;

Para todos los diseñadores web llega un momento en la vida en la que te tienes que pelear con un layout de varias columnas y aquí es cuando entra en juego la propiedad Float. Muchas veces nos da dolor de cabeza y no sabemos por que este div está aquí, o por que este span está allá.

Y es que, la propiedad Float tiene un comportamiento especial, pero no os preocupéis, por que en Smashing Magazine tiene un artículo detalladísimo sobre el tema y nos explican todo tipo de peculiaridades y como resolver algunos de los problemas relacionados.

Link: The Mystery Of The CSS Float Property

The 1KB CSS Grid, Crear Framework CSS a medida

Si alguna vez habeis usado un Framework CSS como Tripoli o Blueprint para hacer diseños ajustados a una cuadrícula, al poco se da uno cuenta de que es mas complicado de lo que vosotros necesitais.

En el caso de The 1KB CSS Grid, la solución es crearnos nosotros mismos un framework adecuado a nuestras necesidades eligiendo el número de columnas, la anchura de estas y el margen, evitando toda la “paja” que no vamos a usar.

Link: The 1KB CSS Grid

Crear menu desplegable con CSS

Hoy vamos a ver como crear un menú desplegable sin nada mas que nuestro HTML y CSS. Realmente la técnica no es complicada, simplemente se basa en una lista que hace de menú y listas anidadas para los submenus.

Podeis ver una demo del resultado final

CSScaffold, extendiendo CSS con PHP

Estoy viendo ultimamente algunas librerías PHP que generan o interactuan con CSS de alguna manera.

El caso que tenemos hoy, CSScaffold, tiene la ventaja de que no hay que aprender nueva sintaxis, funciona exactamente igual que CSS, por lo que debería ser facil de usar y extender, ya que soporta plugins.

Si no he entendido mal, trabaja de tal manera que la librería “revisa” todas las CSS y las optimiza y comprime, a parte de poder usar constantes y otras ventajas en el propio archivo CSS.

Tambien digo, que todavía no he tenido ocasión de probarla y no se cual es el funcionamiento exacto, pero si alguien conoce esta u otras librerías similares, dejad alguna nota.

Link: CSScaffold

Creando CSS con estilo

En azad creative nos hacen unas recomendaciones útiles para mantener la cordura a la hora de crear y mantener nuestros estilos CSS.

Algunas seguro que las poniais en práctica de forma natural pero siempre está bien ver las ideas de los demás para mejorar las nuestras.

Por ejemplo, yo ultimamente hago las CSS por secciones tal como recomiendan en este artículo, y aunque parece una tontería, antes no lo hacía y ahora me doy cuenta de lo que hace mantener un poco el orden.

Link: The Art of Crafting Beautiful Stylesheets

Mas plantillas CSS gratis

Hay cosas que nunca son suficientes y una de ellas son las plantillas gratis. Si necesitas inspiración, échale un ojo a esta web que se dedica a recopilarlas.

Ojo, si necesitas inspiración, no si necesitas copiar una plantilla y encasquetarsela a un cliente, que ultimamente he visto varias webs comerciales con tufo a plantilla.

Si conocéis alguna comentad, que en el fondo soy una maruja.

Link: Solucija