Frogx.Three » desarrollo web...

Como se ve tu pagina web, según la resolución de pantalla

Jorge — Mon, 06 Feb 2012 16:00:23 +0000

Algo que buscadores como Google tomán es lo primero que ven los usuarios al entrar a una pagina web, según la resolución de pantalla es el rango de información que una persona logra ver a primera vista cuando entra a una pagina, es decir verticalmente no vas a ver la misma cantidad de información en una pantalla widescreen que en una pantalla estándar 4:3, eso Google lo toma en cuenta.

Si una persona al entrar a tu pagina lo primero que ve es publicidad y tiene que bajar el scroll para poder empezar a leer tu contenido, ten por seguro que Google te penalizara, pero como saber que es lo que tus visitantes miran primero, bueno existe una utilidad en Google Labs que te permite darte una idea, se llama Browser Size y es muy sencilla de utilizar, unicamente entra al sitio y escribe la dirección de tu pagina.

Automaticamente se cargara tu pagina y por encima una imagen translucida en la que puedes ver las dimensiones de pantalla y el porcentaje de los usuarios que las utilizan, es muy útil y es una de las herramientas que hemos tomado en cuenta en el diseño de este blog, espero sea de utilidad para ustedes.

Enlace: Browser Size

Tabla interactiva de compatibilidad HTML5

Jorge — Wed, 01 Feb 2012 20:20:51 +0000

Tabla interactiva de compatibilidad HTML5 para conocer en que navegador podemos implementar cada una de las características de HTML5 en diseño web, la tabla te recomienda que puedes utilizar y que navegadores y dispositivos tienen soporte para dicha función, en cada función se te muestra información y el tipo de función si se trata de CSS3, un API integrada en HTML5 o simplemente nuevo código HTML.

Enlace: HTML5 Please

Diseños web que aprovechan HTML5

Jorge — Tue, 03 Jan 2012 15:55:14 +0000

HTML5 esta dando mucho de que hablar y es que esta ayudando a muchos diseñadores a olvidarse de hacer multiples diseños para un solo sitio con el objetivo de mostrar el mismo contenido pero adaptado a varias plataformas como es el hecho de los sitios flash que no pueden visualizarse en dispositivos móviles, HTML5 permite crear interesantes animaciones las cuales son compatibles en la mayoría de los navegadores modernos y por supuesto en los navegadores de móviles.

El uso de HTML5 poco a poco se va incrementando y junto a esto navegadores obsoletos como Internet Explorer 6 e incluso Internet Explorer 7 (recientemente descontinuado en el soporte de Facebook) están quedando en el pasado, ya que la mayoría de los desarrolladores y diseñadores web se están enfocando en las nuevas tecnologías y posibilidades que HTML5 nos permite como la integración mas sencilla de audio, video, almacenamiento local, imagenes, gráficos e interacción con documentos.

Los siguientes sitios son algunos que me han llamado la atención por su diseño y el como aprovechan las bondades de este lenguaje de programación web junto con el CSS3, vienen de una recopilación de 40 excelentes diseños web con HTML5 que han realizado en dzinepress, como siempre al final del post esta el enlace a la fuente con todos los nuevos diseños web de la recopilación.

Orbitaldevs

Rough Guides

ArtePixel

Moods of Norway

Pioneer Records Managment

Nokia Discovery Zone

Themes Kingdom

Fuente: DZinePress

Nuevo Espresso 2: Editor web para Mac

Jorge — Tue, 13 Dec 2011 14:07:01 +0000

Espresso es un potente editor web para Mac, vio la luz en 2009 y realmente ha recibido muy pocas actualizaciones, sus creadores Mac Rabbit son los mismo que crearon el CSSEdit para Mac, bueno hace unos meses mencionaron en su blog la futura version de Espresso bajo el nombre Kaboom, bien hace unas semana ha sido lanzado el nuevo Espresso 2 para Mac con muchas mejoras en los procesos.

Entre ella la mas destacada es la fusión de CSSEdit y Espresso haciendo de este editor una poderosa alternativa para los desarrolladores web, personalmente desde su primera versión se ha convertido en mi editor favorito, por su sencillez y velocidad, esta nueva versión tiene entre sus características:

Integrado con el nuevo CSSEdit 3
Web Preview con X-Ray (utiliza el motor de Safari)
Mejoras en la sincronización con servidores FTP/SFTP/Amazon S3
CSS Live Edit, la posibilidad de ver tus cambios en el CSS al momento
Mejoras en procesos
Mejoras de rendimiento

Son las nuevas características que se suman a las de la version 1.0, claro soporte para multiples lenguajes, snippets, Code Folding, Zen conding, buscador, Tabs, etc.

Se los recomiendo mucho la aplicación tiene un costo de $79 usd, pero adquiriste la version 1.0 despues del 10 de Abril de 2009 puedes obtener la actualización gratis, en caso contrario que la hayas adquirido antes de esta fecha tienes opción a actualizar a la version 2.0 por $29 usd.

Enlace: Espresso 2

Iconos gratis para desarrolladores

Jorge — Thu, 30 Dec 2010 13:19:33 +0000

Excelente paquete de iconos gratis para desarrolladores, están orientados a programación y pueden ser muy utiles para temáticas en blogs o periódicos, fueron diseñados por Thomas McGee de WinePress of Words.

Características:

25 iconos
Alta calidad
Formato PNG
32 x 32px hasta 512 x 512px

Enlace: Free Icon set for web developers | Directa

12 programas en Adobe Air indispensables para desarrolladores web

Jorge — Mon, 03 May 2010 10:54:31 +0000

Excelente lista de 12 programas en Adobe Air que deberían ser indispensables para todos los desarrolladores web, en la lista poodremos encontrar desde visores de bases de datos, navegación web multiple, exploradores de archivos, generadores de iconos, visores de fuentes, administradores de tareas y proyectos, etc..

La lista es muy completa y el lenguaje de programación (Adobe Air) con el que fueron desarrolladas todas estas aplicaciones nos ofrece la gran ventaja que las podremos utilizar en casi cualquier plataforma ya sea Windows, Linux o Mac, espero les sea de utilidad la lista de programas para desarrolladores web.

Visto en: CSSReflex

10 foros en ingles para desarrolladores web

Jorge — Sun, 09 Nov 2008 21:11:16 +0000

Si eres desarrollador web entonces enteras el hecho de que siempre se necesita buscar snippets recomendaciones y ayuda sobre algunos temas de desarrollo web para eso es el uso de los foros de desarrollo web.

Algunos temas son mayormente abarcados por foros en ingles porque? la verdad no lo se, pero bueno si necesitas de ayuda te recomiendo estos 10 foros para desarrolladores web.

10 articulos utiles para el diseño de bases de datos

Jorge — Mon, 06 Oct 2008 10:00:13 +0000

En woork han recopilado una lista de artículos muy buenos que todo desarrollador debe conocer, porque durante el proceso de desarrollo de una aplicación una de las partes mas importantes es el diseño de la base de datos, un mal diseño puede colapsar todos nuestros procesos y arreglar esto puede ser mas tardado.

En MySQL la pregunta de siempre es que utilizar MyIsam o InnoDB, las dos tienen ventajas pero todo depende de la aplicación, sin mas aquí les dejo el enlace para que le den una leida a estos articulos, el único problema es que estan en ingles.

1.- 10 errores comunes en el diseño de bases de datos (leer articulo)

2.- Crear tablas y relacionarlas con SQL (leer articulo))

Enlace: 10 useful articles about database design

25 excelentes tutoriales para diseño web

Jorge — Tue, 12 Aug 2008 08:58:05 +0000

Excelentes tutoriales para diseñadores web, son un total de 25 tutoriales gratis para hacer nuestros sitios web aun mas dinámicos e interactivos

Enlace: 25 awesome tutorials for web designers | Vía: Blog Vecindad Gráfica

Condicionales CSS

Jorge — Tue, 12 Aug 2008 07:00:54 +0000

Allan Jardine ha desarrollado una herramienta que permite utilizar condicionales IF en nuestro código CSS por ejemplo: “[if {!} browser] or”

Lo único que necesitas es seleccionar tu plataforma: PHP, C y C#, y subir tu archivo CSS para que te regrese el archivo que utilizaras ya con los condicionales aplicados.

Enlace: CSS Conditionals | Vía: Ajaxian