Yahoo! UI Library: Grids CSS. Bullet-proof CSS directo de Yahoo: Layouts y Tipografía.

CSSVista, o edición píxel por píxel en IE y FX

Los que me conocen saben que soy un quisquilloso por los pixels. 2 pixels demás en IE pueden enfadarme y mucho, sobre todo sabiendo que en Firefox y Opera se vé todo perfecto. Esta manía por los píxels (llego hasta capturar pantallas y medir los píxels con la regla de Photoshop) viene de mi admiración hacia Douglas Bowman, el diseñador mas perfeccionista que conozco IMHO.

CSSVista es una utilidad (requiere el framework de .NET 2.0) que te permite editar un archivo CSS en IE y FX y ver los cambios mientras tipeas. Nada más. Es útil cuando tratás de despeluzar ciertos elementos que tienen un par de píxels demás, pero no sirve como editor por default (es bastante tosco).

En el screenshot pueden ver como 3 píxels en blanco (entre el borde espinado y el borde inferior de un DIV que contiene una cabecera) fueron corregidos con CSSVista (apliqué un pequeño hack: _width: 99.0% para el DIV) en minutos.

3px demás

También te puede servir para corregir layouts más complejos, todo depende del sitio que estés armando, claro.

TooMuchDesign es un vista de pájaro a los mejores blogs de diseño en español. Este blog ya está ahí.

Vyew es una pizarra colaborativa en Flash, con chat incluído. Ideal para hacer diagramas de flujo con clientes/partners remotos. Vía Flusser.

Feedsweep: Tus suscripciones RSS en tu blog

Feedsweep es una pequeña utilidad —muuuuy Web 1.0™— que te permite agregar extractos de posts de otros blogs en tu blog. Funciona tomando una fuente o archivo RSS de un blog para devolverte un código que podrás pegar en cualquier parte de tu sitio.

Es ideal para tener extractos de posts en una sección. Digamos, si tienes una red de blogs, podrías tener “los últimos posts en Pirulo’s Blog” con esta herramienta. También, podrías crear cientos de splogs tomando fuentes de sitios confiables en nuevos blogs … pero bueno, eso lo dejamos para otra ocasión, ¿cierto? :P

Es totalmente configurable, yo ya la estoy probando para poner las noticias de Podcasting Blog en 16BITS.

Mejora tu productividad al desarrollar usando NetDrive

Hablando con Hermann sobre los editores de código que usabamos al trabajar (él Dreamweaver, yo Topstyle), nos quejabamos de la pobre integración para con un servidor FTP al momento de actualizar/subir los sitios. Dreamweaver es lento y pesado y Topstyle directamente no tiene ninguna integración (por lo menos no con Filezilla, que es mi cliente FTP).

Lo ideal sería tener montado un servidor FTP en un directorio —esto en Linux es realmente sencillo de hacer— para poder hacer cualquier cambio necesario on-the-fly. Eso siempre, cuando el sitio no es muy delicado (en el sentido de aplicaciones grandes, en las cuales sería necesario probar todo en un servidor de desarrollo antes de subir todo al de producción).

Entonces, investigando, encontré NetDrive, un programita freeware que te permite asignar un servidor FTP a una unidad en Windows. Su uso es realmente sencillo, usuario/contraseña, unidad a la que queremos asignar el servidor y no mucho más. Ahora ya puedo abrir/grabar un archivo como si estuviera directamente en el servidor remoto (el delay en las operaciones es muy poco).

Sin embargo, quiero ir un paso más allá … como tengo varios sitios que actualizar, es muy pesado tener varias unidades para cada servidor FTP. Sé que con el comando JOIN en D.O.S podía enlazar una unidad a un directorio, pero hasta ahí llegué. Como mis lectores saben más que yo™, les quiero preguntar si hay alguna utilidad —gratuita de ser posible— que emule al comando JOIN, o mejor aún, que sea como NetDrive pero para directorios (carpetas) de Windows XP.

Ahh … no vale decir “cambiate a Linux” :P

Inmensa colección de fondos para sitios web. Solo copiar y pegar para que estén listos de usar en nuestros sitios.

Nedstat (ahora WebStatus4u) tendrá pop-ups. Pésima decisión Nedstat. Adiós, bienvenido Statcounter.

En Evolt hay versiones stand-alone de muchos browsers. Viejos, nuevos y desconocidos. Ideal para tirarlos a una carpeta y probar como se comporta tu CSS.



Copyright © 2004–2009 Rodrigo Galindez. All rights reserved. Web hosting by XMundo.

RSS Feed. Proudly powered by Wordpress. Correct at time of going to print.