Ten more CSS tricks you may not know

Ten more CSS tricks you may not know.

La propiedad text-overflow : Vagabundia

La propiedad text-overflow : Vagabundia.

Transition Timing Functions < CSS | The Art of Web

Transition Timing Functions < CSS | The Art of Web.

Possible to say «width: 65characters;» in CSS?

width: 65ex;

vía Possible to say «width: 65characters;» in CSS?.

Interesantísima discusión acerca de limitar el número de caracteres que pueda contener un elemento.

lessphp – leaner css in php

lessphp – leaner css in php.

Aún no he podido probarlo, minimiza y optimiza (agrupando clases) tu css.

Hay un ejemplo puesto…

iPhone Safari Viewport Scaling Bug

iPhone Safari Viewport Scaling Bug.

Cursor personalizado (jQuery)

Técnica para ocultar el cursor y usar uno propio (imágen).

http://www.ajaxblender.com/howto-create-custom-image-cursors.html

Stickybox, la cajita o menú que se queda «pegada» en el tope de la página.

Había visto alguna vez su uso, pero no fué hasta que ví en la cojonudísima https://digital.darkhorse.com/ lo práctica que puede ser.

Si miras la página de ejemplo, al hacer scroll, la barra de menu (subheader) se queda en la parte superior como si de un frame de toda la vida se tratara; pero sólo la parte que nos interesa (no toda la cabecera, con el logo etc;).

Después de alucinar un rato con el inspector del firebug, me he dado cuenta que era un plugincito de jquery, así que aquí guardo la url de un tutorial que además está en una página que contiene más recursos. Bastante chula; plus another

http://www.marcofolio.net/webdesign/create_a_sticky_sidebar_or_box.html

http://www.jugbit.com/jquery/jquery-sticky-box/

Vital :nth-child usos fácilmente explicados (selectores pares, impares, alternación)

Useful :nth-child Recipies | CSS-Tricks.

Cambiar CSS mediante Javascript

Setting CSS3 properties using JavaScript.

Ya me curré hace tiempo otro tutorial pero éste es álgo más avanzado. No sólo te explican como cambiar una propiedad CSS mediante eventos Js, también te ayudan a aplicar de golpe la misma propiedad parametrizada para cada navegador (y así no tener que repetir los prefijos y la instrucción: -moz-border-radius, -webkit-border-radius, etc.