| | |

Los diseñadores de Microsoft también tiene problemas con IE

ByLuis

microsoft.pngCurioso y gratificante ver que no solo los nosotros sufrimos al IE, sino que los propios que trabajan en Microsoft lo sufren. En una de sus CSS se puede apreciar como una clase tiene el nombre StupidIEMarginHack y otra el nombre StupidIEWidthHack. Esto me recuerda la costumbre que solemos tener de poner trazas con insultos, palabras mal sonantes, … debido a la desesperación que sufrimos al desarrollar y que luego se nos olvida quitar.
Vía / Digg

Similar Posts

DLayer: script jQuery que nos ayuda a maquetar diseños

ByLuis

Cuando nos pasan un diseño en PNG o PSD y tenemos que transformarlo a CSS y XHTML, una de las partes más tediosas es comprobar que el HTML se ajusta al diseño. Por ello, he creado un script rápido (y un tanto chapuzas) que permite añadir una imagen en el documento HTML y modificar su top y left así como el opacity para poder comprobar si vamos por buen camino.

La imagen la podemos indicar mediante una URL o haciendo drag&drop del fichero (PNG, GIF o JPEG). El D&D sólo funciona en Firefox y sinceramente, el resto del script solo lo he probado en Firefox. Luego solo nos falta cambiar el opacity, el top o el left y hacer pruebas.

Para instalarlo solo hay que añadir el script y añadir jquery si no está ya incluido.

Espero que os sea útil

jquery-dlayer

|

Paso a paso de un diseño web

ByLuis

La gente de SitePoint han publicado un gran artículo en el que explican cómo hacer un diseño (layout) mediante XHTML y CSS.
Hace tiempo alguien nos preguntaba por un comentario en un artículo cómo podía pasar de su forma de diseñar por tablas a diseñar sin tablas. Creo que con este artículo podrá aprender la transición de forma muy sencilla y rápida.
Empieza explicándonos los pasos que hay que llevar a cabo para la fase inicial de nuestro diseño. Dibujar los contenidos (cabecera, panel, contenido, pie de página) y cómo crear la estructura de capas y sus estilos.
Después nos indica como añadir fondos y contenidos a las distintas partes de nuestra página, como por ejemplo las imágenes con float. No solo se centra en lo estrictamente desarrollo, sino también un poco en diseño. Añade imágenes de fondo al pie y a la cabecera que realmente quedan bastante bien.
Y por último nos indica como dividir el contenido en rejillas para darle un aspecto más uniforme.
Breaking Out of the Box

|

Adding Stroke to Web Text

ByLuis

Fonts on the web are essentially vector based graphics. That’s why you can display them at 12px or 120px and they remain crisp and relatively sharp-edged. Vector means that their shape is determined by points and mathematics to describe the shape, rather than actual pixel data. Because they are vector, it would make sense if we could do things that …

Post original

Los 10 mejores addons para IE7

ByLuis

Una lista con 10 de los mejores addons para IE7:

  • IESpell: comprueba las faltas de ortografía de las cajas de texto de las páginas web.
  • IE7 Open Last Closed Tab: reabre una pestaña cerrada anteriormente.
  • Inline Search: método de búsqueda dentro de las páginas al estilo de Firefox.
  • StumbleUpon Toolbar: una forma de descrubir buenas páginas, videos, etc…
  • GooglePreviewIE: muestra previsualizaciones de las páginas en buscadores como Google, Yahoo y Amazon.
  • Trailfire Toolbar: Trailfire provee un método único de comentarios, navegación web y web social. Dejando notas en las páginas que visitas puedes ayudar a otros a descrubrir nuevas páginas.
  • Add Search Providers: añade otros buscadores a IE.
  • Mouse Gestures for Internet Explorer: ejecuta comandos moviendo el ratón sobre la pantalla.
  • Wikipedia Toolbar for IE: busca y accede a contenido de la Wikipedia desde cualquier punto de la web.
  • Star Downloader Free: Star Downloader es un gestor de descargas que las acelera dividiendo los archivos en varias partes y descargándolas simultáneamente.

10 best IE7 add-ons

Vía / Infected-FX

|

21 cuestiones sobre block, inline y floating en HTML

ByLuis

Una colección con 21 preguntas/respuestas sobre block, inline y floating en HTML. Para aquellos que se inicien en el mundo del HTML y tengan dudas sobre los diferentes tipos de elementos (bloques e inline), sobre los márgenes, el padding, los bordes…
Un FAQ muy sencillo, y muy bien explicado que nos puede resolver muchas dudas.
CSS Tutorials – HTML Formatting Model: Block, Inline and Floating Elements
Vía / Pixel Groovy

Addons para IE7

ByLuis

IEMicrosoft ha lanzado un portal desde el cual nos podemos descargar add-ons para la nueva versión de Internet Explorer, ya sean gratuitos o de pago.
Organizado por categorías, podemos acceder tanto a addons sobre seguridad (bloqueo de pop-ups, control paterno) o que nos ahorren tiempo (feeds, autorelleno de formularios), navegadores y una última categoría de entretenimiento.
Me entran dos dudas, la primera es cómo poder desarrollar mi propio addon, la otra es si estos addons son ejecutables, ¿qué garantía tengo de que no haya spyware?, ellos nos dicen que es una de sus prioridades, pero…
Add-ons for Microsoft Internet Explorer
Vía / Micro Persuasion