qibbus

Ya ni nos acordamos de cuando FireBug no existía, y con el tiempo ha ido mejorando y le han salido muchos amigos.

Jan Odvarko, un miembro del Firebug Working Group, ha publicado unos tutoriales sobre como extender las funcionalidades de Firebug.

Para aprender un poquito más, se pueden visitar los siguientes enlaces:

1. Hello World!
2. Toolbar
3. Options
4. Localization
5. Domplate
6. Yahoo! Search

Y Adam DuVander de WebMonkey ha hecho una recopilación de sus 5 extensiones favoritas de Firebug. La más popular és YSlow que nos permite mejorar el rendimiento del site, pero también hay Firecookie, FirePHP, Pixel Perfect y Rainbow.

Seguro que siempre podemos descubrir una nueva herramienta que se convertirá en imprescindible para el trabajo diario.

Al web d'anieto2k trobem una explicació de com utilitzar la propietat clip de CSS per retallar imatges, i de passada aprofitem per aprofundir en 15 propietats css poc conegudes.

Smashing Magazine publica un recull de dissenys que consideren elegants i atractius.

Recull de links interessants relacionats amb CSS:

• Rediscovering the Button Element: "As is, the input with the type='submit' is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves. And it's unfortunate, because then we're reduced to the tedious tasks of opening up Photoshop every time we're in need of a new button. What we need is something better..."
• Creating Thumbnails Using the CSS Clip Property: "One of the least used properties in CSS is the Clip property. Clip is part of the visual effects module of CSS 2.1 and its job is to place a visible window on top of an object that is being clipped. It is useful for clipping images and creating thumbnails without having to create additional files."
• 71 barras de navegación en CSS: "Jugosa recopilación de links de sitios que ofrecen barras de navegación gratuitos en CSS para tu web. Horizontales, verticales, con o sin submenús desplegables, con y sin pestañas, con y sin iconos"
  

Algunes vegades és necessari maquetar un disseny en html, i pot ser útil recòrrer a empreses que es dediquen en exclusiva a aquest tema, i de forma on-line: els envies el disseny, t'esperes uns dies i et tornen la maqueta.

Una bona llista d'aquestes empreses es pot trobar al blog de aloe studios.

Amb l'arribada de la nova versió de l'Internet Explorer, cal repassar els css de les webs antigues, ja que alguns dels hacks que eren necessàris per temes de posicionament d'alguns div's ara cal aplicar-ne de nous. Alguns links sobre el tema:

• http://www.positioniseverything.net
• http://msdn.microsoft.com

En un cas concret, ens hem trobat amb la necessitat d'aplicar un estil concret per les versions anteriors a la 7, i hem decidit definir un nou full d'estils condicional, afegint la següent línia al fitxer principal: