Interesante tutorial de Juanjo Vargas que nos muestra cómo aplicar un sólo PNG a cualquier color para generar degradés a nuestro gusto.

En la web 2.0 se usan mucho los degradados y difuminados para fondos en general. La verdad es que si tenemos que abrir el Photoshop y hacer un degradado con cada color y medida que queramos podemos morir en el intento, y hacer que nuestra web sea tan heavy que nos podamos ir a mear antes de que se carguen todas las imágenes. Por ello una vez publicaron un artículo en Alistapart en que hablaban de usar siempre el mismo PNG para todo, y es lo que voy a tratar de explicar ahora.

Ver tutorial aquí: http://edenahp.net/

Interesante sitio creado por Julio Casal, con recursos varios para el programador en .NET. Qué bueno que se den estas iniciativas en nuestro medio.

Visítalo aquí: http://msguayaquil.com/

Gracias a una inquietud que tuvieron unos compañeros de trabajo acerca de como obtener estadísticas del un sitio basado en flash o simplemente de una película flash utilizando la herramienta de Google Analytics.

Google. en su página de Support explica esto de manera sencilla.

Google Analytics lets you track any browser based event, including Flash and JavaScript events. To track an event, call the urchinTracker() JavaScript function with an argument specifying a name for the event. For example, calling:

javascript:urchinTracker('/homepage/flashbuttons/button1');

will cause each occurrence of that Flash event to be logged as though it were a pageview of /homepage/flashbuttons/button1. The argument must begin with a forward slash. The event names may be organized into any directory style structure you wish, and actual pages with these filenames need not exist.

(Leer más…)

Excelente artículo de Chris Pearson acerca de cómo mejorar significativamente el orden semántico en la estructura de un blog (aplicable también a otro tipo de sitios).

Unbelievably, nearly every WordPress, MovableType, or TypePad theme that I’ve come across in the past year fails a simple test for truly semantic (and Google-recommended) XHTML markup.

Ver el artículo aquí: http://www.pearsonified.com/

Antes habíamos comentado acerca de sitios que enlistan recursos útiles para diseño y desarrollo web en Internet.

Hoy es el turno de este interesante sitio: http://www.afflictio.com/

The IAB Ad Unit Guidelines are intended for marketers, agencies and media companies for use in the creating, planning, buying and selling of interactive marketing and advertising.

Rectangles and Pop-Ups

Banners and Buttons

Skyscrapers

Those sizes that are bold above are part of the Universal Ad Package

Fuente: http://www.iab.net/standards/adunits.asp

Gracias a Eduardo Kang, llegué a este excelente sitio que publica tutoriales y ejemplos de Flash. Muy útil!

Link al sitio: http://www.dataflash.info/

Excelente listado (con imagen de prevista) con pequeñas scripts / soluciones en AJAX para todo tipo de uso.

Ver el listado en: http://www.smashingmagazine.com/

Gran listado de recursos para diseño y desarrollo web compilados por Marc Andreessen. Recordemos el primer listado de recursos, con gran material de apoyo disponible.

Meta-reference sites — organized lists of references and cheatsheets:

http://www.gotapi.com/
A wonderful online API reference covering many programming languages.

http://www.digilife.be/quickreferences/quickrefs.htm
An organized list of quick references and cheatsheets.

http://techcheatsheets.com/
A great site with links to cheatsheets on lots of programming languages.

Key providers of cheatsheets:

http://www.visibone.com/
Visibone, the company that makes the best commercial cheatsheets for HTML, CSS, colors, etc. Site includes free resources and downloadable versions of several great cheatsheets.

http://www.ilovejackdaniels.com/cheat-sheets/
Original cheatsheets for HTML, CSS, PHP, and other technologies.

HTML cheatsheets:

http://html-tags.info/
Free version of Visibone’s HTML cheatsheet.

http://www.ucc.ie/doc/World-Wide_Web/htmlcard.html
HTML cheatsheet from Andrew Ford.

http://www.utoronto.ca/ian/books/extras/html-7nov2000.pdf
HTML cheatsheet from Ian Graham.

http://www.ilovejackdaniels.com/
HTML cheatsheet from ILoveJackDaniels.

http://gosquared.com/liquidicity/archives/51
HTML cheatsheet from Liquidcity.

CSS cheatsheets:

http://www.deepx.com/resources/quickref/CSS-1.0.pdf
CSS cheatsheet from DeepX.

http://www.utoronto.ca/
CSS cheatsheet from Ian Graham.

http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/
CSS cheatsheet from ILoveJackDaniels. (And really, who doesn’t?)

http://www.gosquared.com/liquidicity/archives/33
CSS cheatsheet from Liquidcity.

http://www.spectrum-research.com/V2/projects_css_reference.asp
CSS cheatsheet from Spectrum Research.

http://www.veign.com/downloads/guides/qrg0007.pdf
CSS cheatsheet from Veign.

http://home.tampabay.rr.com/bmerkey/cheatsheet.htm
CSS cheatsheet from Brett Merkey.

(Leer más…)

Muy buen tutorial y muy simple. La imagen lo dice todo.

Ver tutorial: http://www.tutorialdash.com/

Esta no es mi área, pero me pareció interesante compartir esta información.

1) "Design first, then code"

2) "Code all the corner cases immediately, cause otherwise you’ll never go back and fix things"

3) "Be tolerant with input and strict with output"

4) "Use the singleton pattern for variables that you KNOW you should have only one instance of"

5) "Use accessors or properties rather than public fields"

6) "Write lots of comments"

7) "Make sure your team shares a common coding standard"

8) "Design classes parallel to their physical counterparts"

9) "Use unsigned integers for values that can only be positive"

10) "Use error codes instead of exceptions"

Ver listado detallado en: http://www.chrylers.com/

Un par de sitios con layouts en CSS listos para descargar.

• http://csseasy.com/
• http://www.openwebdesign.org/
• http://www.oswd.org/
• http://www.opensourcetemplates.org/
• http://dodesign.us/

Interesantes puntos a tomar en consideración para los que trabajan "freelance", acerca de cómo conservar a nuestros clientes.

1. Asegúrese de obtener los datos completos y veraces de cada cliente que llegue a su negocio.

2. Haga una lista de todos sus clientes que incluya la mayor cantidad de información interesante de ellos. Mientras más los conozca, mejor.

3. Mantenga contacto permanente con sus clientes, al menos una vez al mes.

4. Haga que la relación evolucione. Eduque a sus clientes en los beneficios de sus productos y servicios, conviértalos en compradores expertos.

5. Distinga a sus mejores clientes con un trato preferencial y privilegios exclusivos como facilidad de apartado, mejor acceso a nuevos productos, mejores condiciones de crédito, etc.

6. Asegúrese que sus clientes se enteren de lo bien que trata usted al grupo de los consentidos, y dígales cómo pueden pertenecer a ese grupo selecto.

7. Llame a su cliente al menos dos veces al año para preguntarle cómo le puede usted servir mejor.

8. Mande tres mensajes de relación por cada mensaje de ventas con sus clientes regulares.

9. Utilice el mayor número de medios para contactar a su cliente (teléfono, correo electrónico, correspondencia escrita, visitas personales, etc.)

10. Invierta en sus clientes un porcentaje fijo de lo que ellos compran en su negocio.

Vía: http://espanol.business-opportunities.biz y El Universal

Apple finalmente puso en línea la versión beta 3 para descargar de su famoso navegador Safari, ahora también para Windows.

Aun no lo instalo en la PC, pero la experiencia de usarlo en Mac siempre me ha dejado con la impresión de que es un navegador más rápido que Firefox, Internet Explorer u Opera. Según he leído, esta versión beta es realmente "beta", dado los pequeños problemas que aun tiene.

Parece que ahora las revisiones de sitios podrán ser más ágiles y quizá podamos evitar estos inconvenientes.

Descárgalo aquí: http://www.apple.com/safari/download/

Dos sitios que cubren el tema del manejo de PNGs con transparencia en Internet Explorer 6. Este asunto nos ha causado seguramente a todos una molestia en algún proyecto, pero hay soluciones.

Esperemos nomás a que pronto termine de desaparecer este infame navegador.

• http://www.webmasterlibre.com/
• http://www.twinhelix.com/css/iepngfix/