Crea una página inicial efectiva

 0 Comentarios   Accesibilidad y Usabilidad, Estándares, Tips Avanzados, Internet   March 20th, 2008   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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.

  1. Contenido seleccionado y enfocado
  2. Textos claros y simples
  3. Informaciones de apoyo
  4. Trabajar teniendo en cuenta el “look and feel”
  5. Crea unos contenidos centrados en el usuario
  6. Una página, un producto
  7. Sin scroll
  8. Links repetidos
  9. Coloca muchos puntos de conversión
  10. Orientarlas al tipo de usuario
  11. Transmitir credibilidad y profesionalidad
  12. Evita errores ortográficos o gramaticales
  13. Redacción del título de la página y del titular
  14. El título de la landing page con las palabras clave
  15. Minimizar el tiempo de carga
  16. Pedir explícitamente
  17. Botones de acción
  18. Información actualizada
  19. Actualización periódica
  20. Diseño simple y limpio

continúa…

Ver artículo detallado en: http://inclusion.es/

Tips y trucos de CSS (muy útiles)

 0 Comentarios   HTML y CSS, Tips Avanzados   March 19th, 2008   Enviar por e-mail
1 Votes | Average: 4 out of 41 Votes | Average: 4 out of 41 Votes | Average: 4 out of 41 Votes | Average: 4 out of 4 (1 votos, promedio: 4 de 4)
Loading ... Loading ...

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!

 0 Comentarios   HTML y CSS, Herramientas, Tips Avanzados, Internet   March 7th, 2008   Enviar por e-mail
1 Votes | Average: 3 out of 41 Votes | Average: 3 out of 41 Votes | Average: 3 out of 41 Votes | Average: 3 out of 4 (1 votos, promedio: 3 de 4)
Loading ... Loading ...

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

 1 Comentario   Tips Avanzados, Diseño Gráfico, Adobe, Photoshop, Tutoriales   March 4th, 2008   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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

 2 Comentarios   Tips Avanzados, Ajax   March 3rd, 2008   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

Visitar el sitio: http://www.ajaxrain.com/

Tabla de equivalencias entre px, pt, % y em para web

 1 Comentario   HTML y CSS, Tips Avanzados, Fuentes   February 25th, 2008   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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!

 0 Comentarios   Herramientas, Tips Avanzados, Internet, SEO   February 18th, 2008   Enviar por e-mail
2 Votes | Average: 3 out of 42 Votes | Average: 3 out of 42 Votes | Average: 3 out of 42 Votes | Average: 3 out of 4 (2 votos, promedio: 3 de 4)
Loading ... Loading ...

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!

 0 Comentarios   Herramientas, Tips Avanzados, CMS   January 23rd, 2008   Enviar por e-mail
2 Votes | Average: 3.5 out of 42 Votes | Average: 3.5 out of 42 Votes | Average: 3.5 out of 42 Votes | Average: 3.5 out of 4 (2 votos, promedio: 3.5 de 4)
Loading ... Loading ...

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!

 0 Comentarios   Diseño Web, Tips Avanzados, Diseño Gráfico, Adobe, Photoshop, Tutoriales   January 10th, 2008   Enviar por e-mail
2 Votes | Average: 3.5 out of 42 Votes | Average: 3.5 out of 42 Votes | Average: 3.5 out of 42 Votes | Average: 3.5 out of 4 (2 votos, promedio: 3.5 de 4)
Loading ... Loading ...

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

 0 Comentarios   Diseño Web, Tips Avanzados, Diseño Gráfico, Fireworks, Photoshop, Tutoriales   January 3rd, 2008   Enviar por e-mail
3 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 4 (3 votos, promedio: 3.33 de 4)
Loading ... Loading ...

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

 0 Comentarios   HTML y CSS, Diseño Web, Herramientas, Tips Avanzados   December 29th, 2007   Enviar por e-mail
 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 Votes | Average: 0 out of 4 (No hay votos)
Loading ... Loading ...

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

 1 Comentario   Herramientas, Tips Avanzados   December 28th, 2007   Enviar por e-mail
3 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 43 Votes | Average: 3.33 out of 4 (3 votos, promedio: 3.33 de 4)
Loading ... Loading ...

Sitio web con demo y descarga: Dragonfly (http://194.95.111.244/)

BitNami: Aplicaciones web empaquetadas y listas para instalar!

 0 Comentarios   Herramientas, Tips Avanzados, Blogs, Internet   December 26th, 2007   Enviar por e-mail
2 Votes | Average: 4 out of 42 Votes | Average: 4 out of 42 Votes | Average: 4 out of 42 Votes | Average: 4 out of 4 (2 votos, promedio: 4 de 4)
Loading ... Loading ...

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!)

 0 Comentarios   Tips Avanzados, Diseño Gráfico   December 20th, 2007   Enviar por e-mail
3 Votes | Average: 3 out of 43 Votes | Average: 3 out of 43 Votes | Average: 3 out of 43 Votes | Average: 3 out of 4 (3 votos, promedio: 3 de 4)
Loading ... Loading ...

(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

 3 Comentarios   HTML y CSS, Accesibilidad y Usabilidad, Diseño Web, Tips Avanzados   December 17th, 2007   Enviar por e-mail
1 Votes | Average: 4 out of 41 Votes | Average: 4 out of 41 Votes | Average: 4 out of 41 Votes | Average: 4 out of 4 (1 votos, promedio: 4 de 4)
Loading ... Loading ...

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…)

Siguiente página »

Populares


Comentarios Recientes


Artículos Anteriores


Los Temas


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


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.


MMC Design | michaelmuller.net | Diseño y Desarrollo Web
Macromedia Certified Developer
MMC Design