CalinSoft

Ya falta pocos días para que el Iphone 3G llegue al Perú y se que más de un blogger tratara de adaptar una versión móvil de su pagina para que encaje bien en el navegador Safari del Iphone.

Muchos no tendrán la posibilidad de adquirirlo, pero eso no nos privara de diseñar una versión móvil de nuestra página.

Para esto necesitaremos emular el navegador del Iphone esto se logra modificando el UserAgent, los cuales son mandados al Web Server el cual identifica el navegador y el sistema operativo del usuario con lo cual se redirección según el navegador que lo visita..

Contamos con 2 opciones para cambiar el UserAgent de Firefox.

Configurando en la pagina about:config

Digitamos en la barra de direcciones about:config, después filtramos el parámetro general.useragent.override y le damos doble clic para cambiarle el valor a:

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3

Con la extension “User Agent Switcher”

Instalamos el User Agent Switcher, luego nos dirigimos al menu Herramientas ›› User Agent Switcher ›› Options ›› Options, luego elegimos UserAgents y presionamos el botón Add.

Luego llenamos la información.

Descripción: iPhone
User Agent: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)
App Name: AppleWebKit/420+ (KHTML, like Gecko)
App Version: Version/3.0
Platform: Mobile/1A543 Safari/419.3

Aceptamos y seleccionamos Herramientas ›› User Agent Switcher ›› Iphone con lo cual ya estamos emulando al iphone en primera instancia se vera igual pero te recomiendo que pases a Google para que veas su versión Móvil.

Todas las paginas de internet tienen fotos, iconos y flash, con Firefox 3 podemos grabar todo ese contenido sin necesidad de extensiones o algún otro programa y ahorrándonos mucho tiempo.

- Para esto le damos click en el FavIcon de la página Web.

(Leer más »)

Siempre estoy buscando una nueva forma de crear las esquinas redondeadas para los diseños. Normalmente siempre tomo el camino más fácil y el uso de imágenes. En mi búsqueda en esta ocasión me encontré con un sitio Web llamado SpiffyCorners.

SpiffyCorners genera el código html y css necesario para crear el efecto de esquinas redondas y todo lo hace sin la utilización de imágenes o javascript.

SpiffyCorners es fácil de usar, ofrece la posibilidad de personalizar el radio de las esquinas ( 3, 5 o 9 píxeles), también la personalización del nombre de la clase, el color de fondo y del bloque.

Lo tendré en cuenta para futuro proyectos .