michaelmuller.net | Diseño y Desarrollo Web

Datos útiles para diseñadores y desarrolladores web.

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

Posted on | Marzo 24, 2008

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/

{ Filed Under Tipografías | 4 Comments }

Crea una página inicial efectiva

Posted on | Marzo 20, 2008

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/

{ Filed Under Diseño Web | 1 Comment }

Web 2.0 quiz!

Posted on | Marzo 19, 2008

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!

{ Filed Under Curiosidades | 5 Comments }

Tips y trucos de CSS (muy útiles)

Posted on | Marzo 19, 2008

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/

{ Filed Under HTML y CSS | 2 Comments }

Crea formularios web en línea… Gratis!

Posted on | Marzo 7, 2008

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/

{ Filed Under HTML y CSS, Herramientas | 1 Comment }

Qué tan importante es el diseño para el éxito de un blog

Posted on | Marzo 6, 2008

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/

{ Filed Under Blogs, Diseño Web | 1 Comment }

Programas para videotutoriales, gratis!

Posted on | Marzo 6, 2008

  • AviScreen. Graba el vídeo en formato AVI, también captura la pantalla en formato BMP. Sólo para Windows y no graba audio.
  • CamStudio.org. Programa de código abierto que graba el vídeo y audio en formato AVI. Sólo funciona en Windows.
  • Copernicus. Trabaja con los archivos pesados rápidamente ya que guarda el vídeo en la memoria RAM para un acceso más rápido. No graba audio. Sólo para MAC.
  • JingProject.com. Graba vídeo y captura la pantalla del tamaño de tu escritorio. Además puedes añadir un mensaje al vídeo o captura de pantalla y subirlo a Screencast.com desde Jing. Funciona en MAC y Windows.
  • Screencast-O-Matic.com. Basado en Java, no requiere descargar un software sino que grabas el vídeo online. Puedes subir automáticamente el vídeo a un hosting. Funciona bien con Windows y MAC pero con Linux tiene algunos problemas.
  • Wink. Graba vídeo y audio con posibilidad de implementar texto. Puedes guardar el vídeo como Flash, EXE, HTML, entre otros.

http://xkod.com.pe/software/12-programas-gratuitos-para-grabar-videotutoriales/

{ Filed Under Herramientas, Tutoriales | Leave a Comment }

Llegó Internet Explorer 8 (Beta)

Posted on | Marzo 5, 2008

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:

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/

{ Filed Under Microsoft | 1 Comment }

100+ recursos para desarrolladores web

Posted on | Marzo 4, 2008

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/

{ Filed Under Herramientas, Programación | 1 Comment }

Inkscape: Efecto de interpolación para crear plumas

Posted on | Marzo 4, 2008

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/

{ Filed Under Photoshop, Tutoriales | 1 Comment }

Ajaxrain: Una muy completa librería de scripts de AJAX

Posted on | Marzo 3, 2008

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

{ Filed Under AJAX | 2 Comments }

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

Posted on | Febrero 25, 2008

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

{ Filed Under HTML y CSS | 1 Comment }

La evolución de algunos logos conocidos

Posted on | Febrero 20, 2008

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/

{ Filed Under Logos | 1 Comment }

Websitegrader: Reportes de marketing para tu sitio web… Gratis!

Posted on | Febrero 18, 2008

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

{ Filed Under Herramientas, SEO | Leave a Comment }

Project Gmail Grimace: Hagamos que Google nos escuche

Posted on | Febrero 15, 2008

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í.

{ Filed Under Diseño Web | Leave a Comment }
« go back — keep looking »