Una de las cosas que más me frustran en el desarrollo de páginas web es el no poder utilizar ciertas instrucciones de CSS 3 en Internet Explorer cuando en otros navegadores (Firefox, Chrome, Opera y Safari) sí se pueden desde hace ya un par de versiones. El proceso de adopción por parte de IE a estándares como HTML5 y CSS3 ha sido muy lento, ya que hasta hace poco el IE9 ya soporta algunas de estas coracterísticas, pero sus predecesores no.

Un mecanismo que nos permite solucionar algunos de estos problemas es CSS3 PIE. Esta herramienta permite utilizar en  Internet Explorer 6-8 algunas de las capacidades de decoración de CSS3 tales como:

• border-radius.
• box-shadow.
• linear-gradient.

Si quieres resolver este tipo de problemas, accede a  http://css3pie.com/ y descarga el código fuente de este mecanismo.

En la actualidad la evolución del HTML nos permite cada vez más hacer más con menos, tener más posibilidades de Interfaces Ricas en Internet entre otras cosas. Desde hace tiempo me dí a la tarea de buscar en Internet una serie de recursos de la versión HTML 5 y encontré un excelente punto de referencia para construcción de sitios web con bastantes elementos interesantes, para que vean a qué me refiero, les paso la descripción de este proyecto:

HTML5 Boilerplate es un excelente punto de partida para construir sitios HTML/CSS/JS rápidos, robustos y de futuro.

Tras más de tres años en desarrollo iterativo, obtienes lo mejor de las mejores prácticas ya incorporadas en el proyecto: normalización entre navegadores, optimizaciones de rendimiento, incluso características opcionales como Ajax y Flash cross-domain. Un archivo de configuración de Apache .htaccess de arranque que configura las reglas de caché y prepara a su sitio para servir video HTML5, usar @font-face, y activa la compresión gzip.

Boilerplate no es un framework, ni tampoco sigue ninguna filosofía de desarrollo, son sólo algunos trucos para que puedas arrancar tu proyecto de una manera rápida y con buenos cimientos.

 

Yo en lo personal lo he utilizado y me ha dado muy buenos resultados!!!

Ref: http://html5boilerplate.com/

Como es bien sabido por aquellos profesionales de la web, no todas las tipografías se pueden utilizar en las páginas web de manera predeterminada, ya que no se cuenta en todo los dispositivos o equipos de cómputo, la fuente instalada. Las tipografías predeterminadas para uso en web son:

• Arial
• Arial Black
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Monaco
• Lucida Grande
• Palatino
• Geneva
• Times
• Helvetica
• Verdana

Esto en ocasiones es una gran limitante para muchos diseñadores, ya que no permite mostrar el mayor potencial gráfico a través de tipografías en las páginas web. Para solucionar esto, existen diferentes mecanismos, ya sea utilizando tipografías propietarias o de uso libre:

• SIFR: Scalable Inman Flash Replacement o simplemente sIFR es una tecnología de código abierto que hace uso de Javascript y Adobe Flash que permite el reemplazo de elementos de texto en páginas web HTML con sus equivalentes en Flash. Este mecanismo permite utilizar cualquier tipografía, ya que le Licencia (EULA) permite que un archivo SWF pueda contener cualquiera de las tipografías disponibles en Adobe Flash.
• FLIR:Facelift Image Replacement o FLIR es un script que genera de manera dinámica imágenes que reemplazan un texto en las páginas web. Para poder hacer uso de este script es necesario contar con la librería PHP GD. Por ser una imagen no viola la Licencia (EULA). Una desventaja que tiene es que no todas las tipografías cuentan con caracteres especiales cuando se convierten a imagen.
• Cufón:Cufón es una alternativa que convierte tipografía a su representación equivalente en vectores almacenada en el formato JSON y se muestra en un contenedor (CANVAS) o VML utilizando Javascript. Una desventaja es que no todas las tipografías se pueden utilizar, ya que algunas requieren licencia. Adicionalmente, cuando uno tiene la licencia de una tipografía, es necesario encriptar los datos para evitar que puedan descargarla de manera ilegal.

Otras alternativas para su uso es a través de servicios gratuitos/de pago de tipografías tales como:

• Google Fonts: Es un servicio gratuito para hacer uso de tipografías libres en páginas web.
• Web Fonts.com: Es un servicio gratuito (con ciertas limitaciones) y de pago para hacer uso de un catálogo disponible de tipografías.
• Font Spring: Es un servicio de pago para conseguir el kit de archivos necesarios para hacer uso de algunas de sus tipografías en nuestro sitio web.
• Font Squirrel:  Es un sitio que cuenta con un amplio catálogo de tipografías de uso libre y una herramienta para generar los archivos necesarios para hacer uso de esas tipografías en nuestra página web.

En la actualidad es muy importante desarrollar páginas web que puedan ser vistas en los navegadores web, por lo cual se hace de vital importancia el uso de herramientas y aplicaciones que nos permitan lograr este objetivo.

El primer paso a tomar en cuenta es el uso de los navegadores web por parte de los usuarios y para esto se recomienda visitar sitios que nos permitan obtener datos estadísticos tales como:

• http://www.w3counter.com/
• http://gs.statcounter.com/
• http://www.statowl.com/

El segundo paso es contar con las versiones más recientes de los navegadores más utilizados:

• Internet Explorer.
• Firefox.
• Chrome.
• Safari.
• Opera.

Es importante considerar también el uso y emulación navegadores web de dispositivos móviles como:

• Firefox Mobile: Fennec. (emulador Firefox Mobile)
• Opera Mobile. (emulador Opera Mobile)
• Safari Mobile – Ya incluído en iOs. (kit de desarrollo/emulador de iOS – solo Mac OS X)
• Dolphin. (kit de desarrollo/emulador de Android)

El tercer paso es contar con herramientas que permitan visualizar la página web en diferentes versiones de navegadores:

• IETester (Windows): Es una herramienta gratuita que permite visualizar las páginas web en diferentes versiones de Internet Explorer: 6, 7, 8 y 9.
• Multi-Safari (Mac Os X): Es un repositorio de diferentes versiones de Safari para la realización de pruebas.
• Multi Firefox/Opera/Chrome: Esto es posible gracias a las aplicaciones portables, un recurso que nos permite hacer uso de determinado software sin necesidad de instalarlo.
• Máquinas virtuales (Virtual PC, Virtual Box, VMWare, etc) : En algunas ocasiones es lo más recomendado cuando por alguna razón no podemos utilizar alguno de los recursos anteriores y que nos permite instalar algunas versiones de sistemas operativos en los cuales sí podemos hacer uso de navegadores anteriores o incluso otros sistemas operativos diferentes al que estamos utilizando en nuestro equipo de cómputo.

Uno de los navegadores que mayor crecimiento hay tenido en los últimos años, ha sido Firefox. A mí en lo personal me gusta mucho y es mi favorito. Cuenta con bastantes plugins muy útiles para los que se dedican al desarrollo web y posicionamiento en buscadores.

Los plugins que no pueden faltar son:

Desarrollo Web

• Web Developer.
• Firebug.
• TAW en un clic.
• IE Tab.
• FireFTP.
• Stylish.
• Greasemonkey.
• Measureit.
• ColorZilla.
• Google Page Speed. (actualizado)
• Yslow!. (actualizado)

Posicionamiento en Buscadores

• Alexa Sparky.
• GA? – Is Google Analytics Installed.
• SeoQuake.
• SEO for Firefox.
• SEO Toolbar.
• Rank Checker.

Por el momento son los plugins que recuerdo. Si me hace falta alguno, lo anexaré más adelante.

Algun plugin que recomienden para desarrollo o posicionamiento en buscadores?

Si te gustan las redes sociales para conocer gente o estar más de cerca de ellas a través de internet, quizás encuentres interesante contar con este mismo contacto, pero a través de redes de profesionistas y empresas que te permiten entre otras cosas, tener tu Currículum Vitae en línea, contactarte con empresas y reclutadores para encontrar trabajo o establecer relaciones de negocio.

Los 3 principales sitios son:

Flock es el navegador basado en Firefox 3.0 que agrega funcionalidad adicional enfocada a las redes sociales, para todos aquellos que quieren un todo en uno, pueden descargarlo aquí.

Les paso el dato de algunas herramientas que les pueden servir de apoyo en el marketing en redes sociales:

• Twitter Grader: (medir tu perfil de Twitter con los demás) http://twitter.grader.com/
• Búsqueda Avanzada de Twitter: http://search.twitter.com/advanced
• Sección Amarilla de Twitter: http://www.twellow.com/
• Contador de frases/palabras para Twitter: http://tweetvolume.com/
• Graficación de Tweets: http://tweetstats.com
• Contador de menciones en Tweets: http://trendistic.com/
• Gestionar followers en Twitter para envío de mensajes: http://tweetparty.com/
• Follow Friday en México: http://www.followfriday.com.mx/
• Buscador de usuarios interesantes: http://www.mytwittercloud.com/
• Track Twitter y Facebook en una hoja de cálculo: https://rowfeeder.com/
• Revista Twittera: http://www.revistatwittera.com/
• Buscador de usuarios por bio, ubicación, nombre o tweets: http://www.locafollow.es
• Recomendador de FF: http://autoff.com/es
• Buscador de conversaciones y blogs http://www.backtype.com/
• Estadísticas y Gráficas de Audiencia http://www.google.com/trends
• Buscador de conversaciones en tiempo real: http://socialmention.com/
• Administrador de múltiples cuentas de redes sociales: http://www.ping.fm/
• Administrador de múltiples redes sociales: http://hootsuite.com
• Administrador de múltiples redes sociales: http://twitterfeed.com/
• Estadísticas de Twitter: http://twittercounter.com

Les recomiendo un tutorial sobre mejores prácticas en el Marketing en Internet (inglés) en el siguiente link.

Tienes pensado crear una cuenta de negocios en Facebook, pues toma en cuenta lo siguiente:

TIPO DE MANEJO DE CUENTAS DE FACEBOOK

1) SOLO NEGOCIOS

Las cuentas comerciales están diseñadas para personas que sólo desean usar el sitio para administrar páginas y sus campañas de anuncios. Por esta razón, las cuentas comerciales no tienen la misma funcionalidad que las cuentas personales. Las cuentas comerciales tienen acceso limitado a información en el sitio. Una persona con una cuenta comercial puede ver todas las páginas y anuncios sociales que ha creado; sin embargo, no puede ver los perfiles de usuarios u otros contenidos en el sitio que no estén en las páginas que administra. Además, las cuentas comerciales no se pueden encontrar con la función de búsqueda y desde ellas no se pueden enviar ni recibir solicitudes de amigos.

Para más información consultar http://www.facebook.com/help/?page=721.

2) EL PERFIL PERSONAL Y PÁGINA DE FANS PARA NEGOCIOS

Algunas personas crean un perfil personal, porque se dieron cuenta de que es una gran herramienta para mantener contacto con amigos, compañeros de la universidad, familiares y amigos.

Cuando ya se cuenta con un perfil personal, se puede crear una página de fans. La página de fans permite crear una única página de negocio con una gran funcionalidad y  configuración que te permiten abrir la página al mundo más allá de sus actuales amigos de Facebook. Además, las actualizaciones y los mensajes en su página de fans se diseminan en el muro de todos los que se hagan fans en su página, haciendo de su presencia comercial aún mayor.

Algunas recomendaciones para el uso de este tipo de cuenta son:

1. Utilizar las ” Listas de amigos” así se podrán enviar mensajes e información a los contactos que son personales o que son de negocio.
2. Deshabilitar el marcado de fotos, para evitar relacionar el negocio con una fiesta personal por ejemplo.
3. Configuración de privacidad de lo que compartes, para indicar quiénes pueden ver esa información, fotografías, listas de amigos, información de contacto, los que pueden escribir en tu muro, etc.

3) PERFIL PARA LOS NEGOCIOS Y LA PÁGINA DE FANS DE NEGOCIOS

Cuando se crea una cuenta de perfil de negocios con página de fans, hay que tener cuidado en la información que se publica, ya que es tu carta de presentación, por lo tanto evitar comentarios, fotos y todo tipo de información personal, ya que todo deberá estar dirigido de y hacia la empresa.

El perfil deberá ser abierto y público. Estar al pendiente de la solicitud de amistad por parte de los usuarios.

Nota: Para todos los tipos de cuenta, es necesario elaborar un plan de trabajo para el mantenimiento de los contenidos.