En este sencillo tutorial les explicaré como "siluetear" o perfilar una imagen aprovechando el potencial de los filtros (en este caso el "Blending Mode").

Los pasos son muy sencillos y no requieren conocimientos avanzados en el uso de programas de diseño, sin embargo los resultados son excelentes y sobre todo ahorran mucho tiempo en la tediosa labor de siluetear imágenes para utilizarlas en algún diseño.

TUTORIAL PASO A PASO

¿Qué necesitamos?

• Macromedia (Adobe) Fireworks o también Photoshop
• Imagen que se va a siluetear, con fondo blanco de preferencia

Empecemos entonces…
(Leer más…)

Esta herramienta en línea te permite transformar un archivo CSS (que esté en línea) para visualizarlo como una página web.

Ver el Visual CSS Creator aquí.

CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications. If you’re a developer who lives in the real world of shared hosting accounts and clients with deadlines, and if you’re tired of ponderously large and thoroughly undocumented frameworks.

http://codeigniter.com/

DomainTools es otra herramienta bastante útil para revisar varios aspectos relacionados con un dominio en Internet como: SEO Score, Meta Relevance, Terms, Images, Links, Related Sites, Server Type, IP Address, IP Location, Response Code, Blacklist Status, SSL Cert, Website Status, Registrar History, NS History, IP History, Whois History, Reverse IP, Monitor Domain, etc…

He estado monitoreando el movimiento de la primera (y hasta ahora la única) colección de íconos para Windows que subí en InterfaceLIFT hace algunos meses. Me he llevado la grata sorpresa que después de 4 meses de estar en línea, se mantienen entre las 10 colecciones de íconos más bajados (actualmente en el puesto 7)!.

Algunos usuarios me han contactado para pedir la segunda parte (Vol 2) e incluso uno escribió un comentario en el que me sugería crear la colección de carpetas.

"This set of icons rock the only thing is that there are no folder icons but it’s still a good set of icons."

Esto me pareció una gran idea, por lo que espero ponerme a trabajar en la misma pronto!

Aquí pueden descargar la colección en un archivo ZIP. También está el link en la barra lateral derecha.

ACTUALIZACION

Hice una captura de pantalla de las estadísticas de descargas de esta colección desde diciembre del 2006… casi 20000 descargas! (clic para agrandar)

Con este pequeño código/servicio web, pudes saber cuántos sitios "linkean" actualmente a otro. Un servicio más sencillo al que brinda, por ejemplo, Technorati u otros similiares.

Encuentra el código aquí: http://countinglinks.com

Interesante artículo que muestra como, utilizando la compresión gzip (un método de PHP), se puede comprimir (optimizar) el archivo CSS de un sitio para lograr una descarga más rápida.

Leer artículo en: http://paulstamatiou.com

Revisando las últimas actualizaciones en Feedorama, me encontré con este nuevo y muy útil servicio para visualizar las estadísticas de un sitio en Google PageRank, Alexa Rank, Google Backlinks, Yahoo! Backlinks,Live Search Backlinks, Technorati inbound links, etc. Esta es una más de las creaciones de Juan Xavier, quien ya ha puesto en línea otros interesantes servicios/herramientas.

Ver popuri.us aquí.
Otra herramienta similar: http://www.siteamount.com/

Ya hace algunas semanas me venía quejando del incremento desmedido de los comentarios de "spam" en este blog. Antes de implementar la última medida que tenía en mente, y que por cierto funciona muy bien, el usar el gráfico de verificación al momento de comentar, decidí darle una oportunidad al plugin de Wordpress, Spam Karma 2.

Spam Karma 2 (SK2) is an anti-spam plugin for the WordPress blogging platform. It is meant to stop all forms of automated Blog spam effortlessly, while remaining as unobtrusive as possible to regular commenters. Spam Karma 2 is the proud successor to Spam Karma, with whom it shares most of the development ideas, but absolutely none of the code

Casi inmediatamente el ataque de spam terminó en este blog. Ya no hay comentarios retenidos en moderación (los cuales he tenido que limpiar manulamente a cada rato), sino que tampoco lograron colarse a los posts publicados.

El panel de control de SK2 es bastante completo, pero aun asi es simple de usar. Altamente recomendado!

Bajar el plugin aquí.

Interesante tutorial que muestra paso a paso la construcción de layouts en CSS.

This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout. I will try my best to explain the concepts behind each step, but a lot of the time other people have already covered these things better than I can. Because of this there will sometimes be links to more information on external sites.

Fuente: http://www.subcide.com/

Después de algunas pruebas con varios layouts de 3 columnas en CSS, incluyendo el que plantea el Santo Grial de los Layouts en CSS, encontré este método en DynamicDrive, el cual me sirvió de base para armar la estructura de este blog.

Ha sido probado en IE6, IE7, Firefox y Safari exitosamente, por lo que lo puedo recomendar para futuros desarrollos de este tipo de diagramaciones.

Interesante artículo en DevThought acerca de cómo la renovada versión de Internet Explorer (7) aún da ciertos dolores de cabeza a los que diseñan y desarrollan sitios web.

En lo personal, rescato que han mejorado con respecto de la versión anterior de IE, sin embargo, y como bien lo menciona este artículo, aún quedan cosas pendientes, fuera del hecho de que, ya no sólo se evalúa un sitio en IE7 y Firefox (y Safari), sino también en el aún existente IE6.

IE7, however, was supposed to solve all these bugs, and add those all missing features. Nothing could be farther from the truth. In this article I’ll highlight some of the new built-in annoyances.

Leer artículo en DevThought

Existen algunas herramientas en línea que te permiten visualizar el diseño de un sitio en desarrollo con respecto de los diferentes browsers existentes. Una de las herramientas que recomendaría es Netrender, que te permite, en este caso, hacer renderizaciones y comparaciones de un sitio web en linea entre las versiones 5.5, 6 y 7 de Internet Explorer.

Ver herramienta aquí.

Intersante listado de formularios basados en CSS.

• Prettier Accessible Forms over at ALA shows you a technique that uses inline-blocks, fieldsets and legends to create an nicely styled form that’s also accessible and degrades well.
• formArchitect provides an online tool that creates complex html forms without using tables for layout.
• Semantic horizontal Forms via skyrocket.be
• c82 has a good article on transforming cumbersome select box into a scrollable checklist with some nice-looking examples.
• Form layout using definition list — via clagnut.com
• CSS-only forms that don’t suck — good article on lining up those form elements with labels.
• One button, many destinations — collylogic.com on show/hiding form elements via JS.
• Form Text Area Tools — DHTML/CSS that enables functions like word count, maxlength limit, and resizable text area box.
• Styling Form Elements — A great reference to default & styled form pulldown menus, the notoriously difficult element to apply CSS styles consistently across browsers/platforms, can now look like this thanks to some fancy DOM scripting by Aaron Gustafson. The process is explained here.

Via: http://www.soxiam.com