Siete principios para el código CSS limpio y optimizado

Posted on | Agosto 18, 2008

Muy buen artículo de Tony White, para Smashmagazine, que nos da una serie de tips avanzados para mantener nuestro código CSS limpio y optimizado.

Utiliza “Shorthands” (abreviaciones de código)
Hacks
Usa sabiamente el espacio en blanco
Resetea el código que no usarás
Valida el CSS para el futuro
Documenta lo que escribas
Utiliza compresión

Sitio: http://www.smashingmagazine.com/

{ Filed Under HTML y CSS, Tips Avanzados | Leave a Comment }

michaelmuller.net ahora también en el iPhone

Posted on | Agosto 18, 2008

Aprovechando el plugin iWPhone para Wordpress, ahora este blog también es accesible en una interface amigable para iPhone.

La instalación del plugin es igual de sencilla que otros plugins, e incluye un tema (el que hay que instalar en la carpeta temas) que puede ser customizado para alinearse con la imagen del blog en cuestión.

Sitio: http://iwphone.contentrobot.com/

{ Filed Under iPhone | Leave a Comment }

Evaluando plantillas de Wordpress temporalmente

Posted on | Agosto 18, 2008

Como que no me decido con esto del diseño… bueno, por lo pronto encontré un par de plantillas de Wordpress que me van a ayudar a mantener en algo la imagen limpia.

La idea general, es tener un nuevo diseño (propio), el cual espero poder trabajarlo pronto!

{ Filed Under Personal | Leave a Comment }

Despertando de la ausencia…

Posted on | Agosto 2, 2008

Bueno, aquí estamos de vuelta, al menos lo haremos de a poco… Fueron varios meses en los que por fuerza mayor tuve que dejar de actualizar este blog, pero espero, ahora que estoy en un proceso de rediseño global y saliendo de algunos proyectos, retomar con más fuerza este blog. Por ahora, estoy utilizando un template, pero espero tener un nuevo diseño lo más pronto posible!. Gracias por su paciencia!

{ Filed Under Personal | 1 Comment }

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

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

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 | 4 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:

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/