Crea una página inicial efectiva
Gracias a Javier, me enteré de este interesante artículo, con sugerencias acerca de cómo debería crearse una página de entrada (landing page) efectiva y vendedora.
- Contenido seleccionado y enfocado
- Textos claros y simples
- Informaciones de apoyo
- Trabajar teniendo en cuenta el “look and feel”
- Crea unos contenidos centrados en el usuario
- Una página, un producto
- Sin scroll
- Links repetidos
- Coloca muchos puntos de conversión
- Orientarlas al tipo de usuario
- Transmitir credibilidad y profesionalidad
- Evita errores ortográficos o gramaticales
- Redacción del título de la página y del titular
- El título de la landing page con las palabras clave
- Minimizar el tiempo de carga
- Pedir explícitamente
- Botones de acción
- Información actualizada
- Actualización periódica
- Diseño simple y limpio
Ver artículo detallado en: http://inclusion.es/
Tips y trucos de CSS (muy útiles)
Buena colección de tips de CSS que quizá no conocían.
Contiene:
1. Rounded corners without images
2. Style your order list
3. Tableless forms
4. Double blockquote
5. Gradient text effect
6. Vertical centering with line-height
7. Rounded corners with images
8. Multiple class name
9. Center horizontally (Muy útil!)
10. CSS Drop Caps
11. Prevent line breaks in links, oversized content to brake
12. Show firefox scrollbar, remove textarea scrollbar in IE
Ver listado detallado en: http://stylizedweb.com/
Crea formularios web en lÃnea… Gratis!

pForm es una herramienta en línea que nos permite crear formularios web customizados con gran facilidad.
La versión gratis te limita a crear un formulario cusstomizado con todas las opciones, pero sólo en formato HTML (que en muchos casos es suficiente, ya que se puede utilizar un simple mailer script para que funcione en línea).
Sitio web: http://www.phpform.org/
Inkscape: Efecto de interpolación para crear plumas

Interesante tutorial de cómo utilizar la "interpolación" para crear el efecto de una pluma gráficamente.
Ver el tutorial aquí: http://docs.google.com/
Vía: http://joaclintistgud.wordpress.com/
Ajaxrain: Una muy completa librerÃa de scripts de AJAX
Tabla de equivalencias entre px, pt, % y em para web
Interesante artículo de ateneupopular.com acerca de las equivalencias entre valores en pt (puntos), px (pixels), % y em cuando se declaran como propiedades de distancia en web.
| Pts | Px | Em | % |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
Ver artículo en: http://www.ateneupopular.com/ y en: http://www.webadictos.com.mx
Websitegrader: Reportes de marketing para tu sitio web… Gratis!
Interesante y muy útil herramienta para obtener reportes de marketing (SEO Reports) de tu sitio web, con sólo ingresar unos datos. Es gratis!
Website Grader is a free seo tool that measures the marketing effectiveness of a website. It provides a score that incorporates things like website traffic, SEO, social popularity and other technical factors.
Sitio web: http://www.websitegrader.com
PrestaShop: Tu negocio en internet, fácil y gratis!

Interesante sistema de comercio en línea para los que deseen vender a través de internet. Esta solución desarrollada en código abierto nos permite de manera prácticamente gratuita, tener sitio para ventas en línea.
PrestaShop™ is a free, open-source e-Commerce solution that allows you to open your own Internet business in just a few clicks!
On the Web, you provide your customers with a fun, personalized online store, to which you can add a variety of functions (“modules”) such as:
- Special deals (such as price reductions and gift coupons)
- Payment with Paypal™
- New products
- Top sellers
- Text-message alerts for new orders and inventory levels
Sitio: http://www.prestashop.com/
Demo en línea: http://www.prestashop.com/demo.php
Excelente listado de tutoriales de Adobe Photoshop!
.gif)
Una vez más, Smash Magazine nos sorprende con uno de sus clásicos mega listados con información útil. Esta vez un compendio de excelentes tutoriales para Photoshop.
Entre los temas de tutoriales están:
- Photo- and Picture Editing and Processing
- Drawings, Paintings, Cartoons
- Texteffects
- Buttons, Logos & Menus
- Adobe Photoshop Techniques
Ver el listado en: http://www.smashingmagazine.com/
Buen tutorial de Fireworks para poner brillo a los elementos
Interesante y muy sencillo tutorial visto en flisterz:blog para incluir brillo (glow) en elementos.
Ver tutorial aquí: http://www.flisterz.com/
22 sitios útiles para crear layouts en CSS
Interesante recopilación de sitios con ejemplos listos para descargar y usar de layouts en CSS. Recomendo: Dynamic Drive’s CSS Library.
Ver listado en: http://vandelaydesign.com/
Muy buena galerÃa de fotos con Javascript
BitNami: Aplicaciones web empaquetadas y listas para instalar!

BitNami Stacks te permite instalar directamente en tu PC/Mac las aplicaciones de código abierto más populares, por medio de un instalador común y corriente. Incluye todos los servicios asociados con la aplicación, como Apache, MySQL, etc.
BitNami stacks make it incredibly easy to install your favorite open source software. Application stacks include an open source application and all the dependencies necessary to run it, such as Apache, MySQL and PHP or Ruby.
Sitio web: http://bitnami.org/stacks
120 ideas para diseñadores y freelancers para promocionarse (Gratis!)
(1) Give Away Freebies With Your Design Business’s Name and Contact Information.
Go to where your target customers hang out and set up a booth or table. Give out some freebies and a flyer or leaflet as well. Some examples of freebies include free magnets, rubber bands, rulers, note pads, etc. All of these items should have your information printed on them.(2) Free Demonstrations of Your Services.
Go to local print shops, office supply stores, and other local stores and offer to give free demonstrations of your services. You can also offer lessons as well.(3) Speaking Engagements.
Contact local schools and associations about classes, colleges, seminars, lectures that you can speak or teach at.(4) Go to Your Local Library or Book Store and Place Business Cards in Relevant Books.
This one is a little iffy. Go to your local book stores and libraries and find books that a potential customer might read and place your business card in it.(5) Shave Your Logo into Your Hair or Get a Logo Tattoo.
Want to strike up conversation easily? Shave your logo into your hair or get a tattoo.…
Ver artículo completo en: http://allgraphicdesign.com/
Notas acerca de HTML y su correcta visualización en e-mails
Cada vez es más popular el envío masivo de correo electrónico por parte empresas, particulares y cualquier de nosotros que quisiera llegar a un público específico o a la mayor cantidad de gente en general.
Esta labor podría sonar bastante simple, contando con herramientas estándar como el Outlook o Mail (Mac) o cualquier otro cliente de mail que utilicemos y contando con una base de datos de personas a las que querramos llegar. Copiar y pegar las direcciones en el BCC, copiar y pegar el contenido que queremos incluir en el e-mail, agregar un "subject" vendedor y enviar!
Pero, quién nos garantiza que lo que enviamos se verá igual en las pantallas de todos nuestros recipientes? Habiendo hoy en día una cantidad moderadamente grande de servicios de e-mail gratuito, clientes de mail, etc (refiriéndonos a los más utilizados, como Gmail, Hotmail, Yahoo, etc.).
Pues nada nos garantiza ese desplegado impecable y sin errores en la bandeja de entrada de quien recibe nuestro e-mail. A menos que tomemos una serie de precauciones y recomendaciones al momento de crear el contenido a enviar.
Aquí algunos sitios con información muy útil acerca de cómo lograr los mejores resultados con envíos masivos de e-mail:
(Leer más…)
Populares
- Notas acerca de HTML y su correcta visualización en e-mails



(4 / 4) - BitNami: Aplicaciones web empaquetadas y listas para instalar!



(4 / 4) - Tips y trucos de CSS (muy útiles)



(4 / 4) - Más fuentes y tipografÃas para descargar (Gratis!)



(4 / 4) - Layouts en CSS de 3 columnas fijas



(4 / 4) - Stemplate: Templates de elementos web



(3.86 / 4) - La importancia de los Meta Tags



(3.8 / 4) - Tutorial: Perfila imágenes con un par de clics



(3.8 / 4)
Comentarios Recientes
May 6, 2008 | EcuadorGlobal
en: Más fuentes y tipografÃas para descargar (Gratis!)May 3, 2008 | kenneth
en: Crea tu propio logo Web 2.0April 23, 2008 | AlvaroG
en: Mega listado de generadores "web 2.0" en lÃneaApril 11, 2008 | Luigi Salas
en: Web 2.0 quiz!April 9, 2008 | piko ctm
en: Conceptos de Arquitectura de la Información
Artículos Anteriores
- Project Gmail Grimace: Hagamos que Google nos escuche
- PrestaShop: Tu negocio en internet, fácil y gratis!
- FreeVectors.net: GalerÃa vectorial gratis!
- Excelente listado de tutoriales de Adobe Photoshop!
- 10 malententidos sobre la usabilidad
- 56 tutoriales de Flash!
- Buen tutorial de Fireworks para poner brillo a los elementos
- 22 sitios útiles para crear layouts en CSS
- Muy buena galerÃa de fotos con Javascript
- Top 10 hosting compartidos
- BitNami: Aplicaciones web empaquetadas y listas para instalar!
- 120 ideas para diseñadores y freelancers para promocionarse (Gratis!)
- Tutoriales de Adobe Illustrator
- Entendiendo el funcionamiento de “z-index” en CSS
- Notas acerca de HTML y su correcta visualización en e-mails
Los Temas
- .net (4)
- 3d (1)
- Accesibilidad y Usabilidad (34)
- Adobe (11)
- Ajax (7)
- Apple (3)
- Banners (6)
- Blogs (22)
- Browsers (17)
- Buscadores (5)
- CMS (2)
- Colores (1)
- Curiosidades (29)
- Diseño Gráfico (39)
- Diseño Web (98)
- Dreamweaver (3)
- Encuestas (1)
- Estándares (36)
- Eventos (29)
- Fireworks (6)
- Flash (9)
- Fuentes (5)
- Google (7)
- Herramientas (82)
- HTML y CSS (85)
- Iconos (11)
- Internet (57)
- Libros (2)
- Logos (1)
- Microsoft (9)
- Personal (17)
- Photoshop (12)
- Programación (22)
- SEO (1)
- Templates (6)
- TipografÃas (4)
- Tips Avanzados (107)
- Tutoriales (11)
Archivos
Acerca del Autor
Michael Müller C. es un diseñador y desarrollador de sitios web radicado en Guayaquil, Ecuador. Creador de MMC Design en 1998 y de Iconiza en el 2007.
Del Portafolio
Lo que leo
- 456 Berea Street
- A List Apart
- Andufo.com
- Bloggus
- Cinerama.ec
- Design View
- Digital Web Magazine
- Diseño web
- Diseño web profesional
- EINICIO.com
- El Café de Joe
- El Ecuador de Hoy
- Freelance Switch
- FutbolAdicto.com
- Garrett Dimon Blog
- Inclusion.es
- Jackob Nielsen
- Javier Romero
- Jeffrey Zeldman
- Jonathan Snook's Blog
- Juan Xavier
- Mentalized
- Simplebits
- Smashmagazine
- Verlee's Blog
Servicios
Contribuye
¿Te ha servido la información de este blog? Considera hacer una donación a través de:
Conoce más recomendaciones personales de libros relacionados con Diseño y Desarrollo Web en Amazon.

March 20th, 2008


(2 votos, promedio: 3.5 de 4)

