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

Gracias a este enorme listado realizado por Emma Alvarez, tenemos otra gran fuente de recursos tipográficos (gratis) a la mano.
Ver listado en: http://www.emmaalvarez.com/
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/
Web 2.0 quiz!

Gracias nuevamente Javier, por hacerme llegar este interesante y divertido quiz, que prueba tus conocimientos en materia de "web 2.0".
Resuelvan el quiz aquí: http://web20.designinterviews.com/quiz.php
Y me cuentan como les va!
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/
Qué tan importante es el diseño para el éxito de un blog
Vandalay Design escribe un buen artículo acerca de la importancia de un buen diseño como factor de éxito de un blog.
"With so many blogs out there and so many themes, a good blog design will help the blog to stand out and be easily recognizable to visitors. This, in my opinion, is the most important benefit of a custom theme."
Ver artículo en: http://vandelaydesign.com/
Llegó Internet Explorer 8 (Beta)

Fue sopresivamente anunciado hoy en el una de las conferencias del MIX08. Con características como integración con Facebook e eBay, standards compliance, mejor integración con AJAX, Webslices, entre otros.
Veremos si esta versión representa finalmente una mejora sustancial con respecto de las versiones anteriores de IE, que han sido (y siguen siendo) dolores de cabeza para los diseñadores y desarrolladores web.
Algunas referencias anteriores relativas al tema:
-
IE7 sigue dando problemas a diseñadores y desarrolladores Tuesday, March 20th, 2007
-
Hablando de compatibilidad entre browsers Monday, March 19th, 2007
-
Internet Explorer y el Box Model Friday, February 16th, 2007
-
Lo soporta tu navegador? Friday, January 19th, 2007
-
El @import, tu aliado contra la desigualdad de browsers Friday, January 12th, 2007
Puedes descargar la versión "beta" para diferentes versiones de Windows aquí: http://www.microsoft.com/
ACTUALIZACIÓN
Algunas reacciones tempranas con respecto del nuevo Internet Explorer.
- First impressions of Internet Explorer 8 Beta 1
"I had high hopes after reading about the new features and improved support for standards Microsoft are aiming for in IE 8, but after trying out Beta 1 I have to say that I am a little disappointed." www.456bereastreet.com/
- Why Internet Explorer 8 is shaping up to be another IE6
"The beta release of IE8 does not pass the acid2 test, it is close— but no cigar." dustinbrewer.com/
100+ recursos para desarrolladores web
Excelente recopilación de recursos para desarrolladores web.
Incluye recursos como:
- códigos
- herramientas en línea
- testing
- documentación y referencia
- windows,
- convertidores,
- gráficos
- analizadores de sitios
Ver listado completo en: http://blog-well.com/
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
La evolución de algunos logos conocidos
Interesante recopilación de Alex, quién nos muestra cómo han evolucionado algunos logotipos de empresas muy conocidos hoy en día, como Apple, Microsoft, Xerox, Adobe, entre otras.


Ver artículo completo en: http://www.neatorama.com/
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
Project Gmail Grimace: Hagamos que Google nos escuche
Project Gmail Grimace es una iniciativa del Email Standards Project para llamar la atención de la gente de Google (específicamente los encargados de Gmail), para lograr que revisen las graves falencias que este cliente de correo electrónico tiene al desplegar correos con estilos y demás diseño.
Google has been conspicuously absent from our Email Standards Project inbox so far, frustratingly given Gmail’s otherwise excellent status as a webmail client. In fact, we use it ourselves. Given that we had not been able to reach them yet, we decided to have a bit of fun and at the same time make a serious point to the Gmail team.
Participar es relativamente sencillo, se requiere tomarse una foto haciendo una mueca, inscribirse a Flickr para enviar su foto y finalmente agregarla al grupo creado para este fin. Los detalles aquí.
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
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 16, 2008 | recuweb
en: FavIcon GeneratorMay 16, 2008 | recuweb
en: Herramientas en lÃnea para webMay 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Ãnea
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 24th, 2008


(2 votos, promedio: 3.5 de 4)