Tag Archives: css

Ten more CSS tricks you may not know

12 Dic

Ten more CSS tricks you may not know.

Anuncios

La propiedad text-overflow : Vagabundia

12 Dic

La propiedad text-overflow : Vagabundia.

Transition Timing Functions < CSS | The Art of Web

7 Dic

Transition Timing Functions < CSS | The Art of Web.

Possible to say “width: 65characters;” in CSS?

7 Nov

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

4 Nov

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

4 Nov

iPhone Safari Viewport Scaling Bug.

Cursor personalizado (jQuery)

3 Nov

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.

8 Ago

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)

16 Jun

Useful :nth-child Recipies | CSS-Tricks.

Cambiar CSS mediante Javascript

25 Mar

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.