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.

Antes de ver cómo mandar los mapas del sitio a estos buscadores, debemos conocer qué son estos:

Los Sitemaps son una forma fácil que tienen los webmasters para informar a los motores de búsqueda de las páginas que se pueden rastrear en sus sitios web. Un Sitemap, en su forma más sencilla, es un archivo XML que enumera las URL de un sitio junto con metadatos adicionales acerca de cada una de ellas: la última actualización, frecuencia de modificación, importancia, en relación con las demás URL del sitio; así, los motores de búsqueda pueden llevar a cabo rastreos del sitio de una forma más inteligente. (http://www.sitemaps.org/es/)

Para enviar los sitemaps de tu sitio a los siguientes buscadores, tendrás que reemplazar el url en negritas por el url de tu sitemap:

BING

http://www.bing.com/webmaster/ping.aspx?siteMap=http://christianbonner.com/blog/sitemap.xml

YAHOO

http://search.yahooapis.com/SiteExplorerService/V1/ping?sitemap=http://christianbonner.com/blog/sitemap.xml

GOOGLE

http://www.google.com/webmasters/tools/ping?sitemap=http://christianbonner.com/blog/sitemap.xml

ASK

http://submissions.ask.com/ping?sitemap=http://christianbonner.com/blog/sitemap.xml

Si tienes duda sobre los formatos válidos de los sitemaps que aceptan los buscadores, puedes revisar las siguietes URL:

• Yahoo: http://help.yahoo.com/l/us/yahoo/search/siteexplorer/siteexplorer-37.html
• Google: http://www.google.com/support/webmasters/bin/answer.py?hl=es&answer=34609
• Bing: http://help.live.com/help.aspx?project=wl_webmasters&querytype=keyword&query=eliforp&mkt=en-US
• Ask: http://about.ask.com/en/docs/about/webmasters.shtml#22

Una de las ventajas de estos buscadores, es que todos ellos aceptan el protocolo de mapas del sitio en XML (http://www.sitemaps.org/es/).

Para todos aquellos que utilicen UWE (UML-based Web Engineering), ya cuentan con un artículo de apoyo para RIAs (Rich Internet Applications) llamado “State-of-the-Art. Technical Report.” El cual podrán descargar aquí.

UWE

Para todos aquellos que quieran aprender WebGL pueden hacerlo en el sitio http://learningwebgl.com/blog/ donde a través de 15 lecciones, te muestran cómo sacarle el máximo provecho a esta reciente tecnología.

Un ejemplo de lo que se puede hacer con WebGL es lo que nuestros amigos de Google hicieron:

Si alguna vez quieres empezar a practicar con Flash Catalyst, tienes un par de sitios que ofrecen plantillas gratuitas, que podrás utilizar para tus pruebas con ésta nueva herramienta de Adobe.

• http://www.mastertemplates.com/
• http://www.freewebsitetemplates.com/

Nota: Los templates tendrán que ser modificados en la forma de organizar los layers, ya que para hacer uso correcto de Flash Catalyst, requieres separar por componentes tu diseño.

www.youtube.com/watch?v=PxpqESgM-i4

Probando la importación de archivos, tuve la siguiente limitante: “No se puede importar archivos de componentes mayores de 15 MB”.

Flash Catalyst

Si este es tu caso, puedes hacer lo siguiente:

• Abre tu archivo en AI ó PS
• Te vas al menú Archivo -> Guardar como
• Seleccionas el formato FXG y lo guardas
• Abres Flash Catalyst e importas tu proyecto desde un archivo FXG y listo