JCMartínez - Diseño y Desarrollo web

La Fundación Mozilla lanzará un sistema operativo libre y abierto

chaluba — Sat, 30 Jul 2011 16:51:17 +0000

La Fundación Mozilla, creadora del navegador Firefox, lleva años atrapada en el fuego cruzado entre las grandes empresas de la red. Cuando estaba a punto de ganarle la batalla al Explorer de Microsoft, Google lanzó su navegador Chrome, que ha devorado la base de usuarios de Firefox. Ahora, la Fundación contraataca con su proyecto de crear un nuevo sistema operativo, Boot to Gecko (B2G).

“La misión de Mozilla es construir la soberanía del usuario en el tejido de internet. Trabajamos para asegurar que la red permanece abierta, interoperable y accesible a todos”, escribió en su blog el presidente de la Fundación Mozilla, Mitchell Baker. En su mensaje no mencionó en ningún momento a Boot to Gecko. Sin embargo, el título del post, Mozilla, en la nueva era de internet, más que un navegador, explicaba cómo la red ha cambiado en los últimos años. Cuando esta organización sin ánimo de lucro lanzó el navegador Mozilla (ahora Firefox), nacido de las cenizas del viejo Netscape, internet se había convertido en un coto privado del Explorer. “Con Firefox, hemos ganado el primer asalto de la batalla por la soberanía del usuario”, escribió. Pero con eso ya no basta.

Los navegadores están dejando de ser la ventana a internet. Con la red móvil y la popularización de los terminales móviles avanzados, las aplicaciones se conectan directamente a la red. El éxito de modelos cerrados, como el del iPhone de Apple, está provocando, además, que “los ordenadores que muchos de nosotros usamos sean más cerrados de lo que han sido en nuestra vida”, opina el presidente de Mozilla. “Es hora de expandir la experiencia de Firefox para abarcar el aspecto cambiante de internet”, añade.

Basado en Android

“Proponemos un proyecto que hemos llamado Boot to Gecko para alcanzar el objetivo de construir un sistema operativo completo e independiente para una web abierta”, escribió esta misma semana Andreas Gal, ingeniero de Mozilla. Sobre la base del motor de su navegador, la fundación quiere crear un software para teléfonos y otros dispositivos móviles, como las tabletas, pero sin descartar en un futuro desembarcar en el terreno de los ordenadores. Se da la paradoja de que B2G aprovechará el núcleo de Android, el sistema para móviles que creó Google, para construir sobre él uno nuevo.

No hay fechas para su disponibilidad. De hecho, por ahora son sólo tres los programadores que participan en el proyecto. Pero, siguiendo la filosofía abierta de la Fundación Mozilla, ya tienen un wiki y una web para que otros técnicos se sumen. Todo lo que sale de la fundación es de código abierto y, en este caso, el código estará siempre disponible a medida que vayan programando.

Geanet

chaluba — Thu, 30 Jun 2011 19:57:51 +0000

Diseño y desarrollo del website corporativo. Maquetación, programación de eventos javascript, diseño de elementos gráficos y retoque fotográfico.

Geanet es pionera en el desarrollo de aplicaciones en formato SaaS (Software as a Service) en España.

Tecnologías y características:

XHTML
CSS
JavaScript (jQuery)

Imágenes adaptables al tamaño de ventana del navegador

chaluba — Tue, 28 Jun 2011 21:01:22 +0000

Comenzamos con el primer ejercicio práctico en la web. En determinadas ocasiones, sobre todo en diseños web líquidos, tenemos el problema de que nuestras imágenes no se adaptan a la resolución de la ventana del usuario, ocasionando que en grandes resoluciones las imágenes se queden pequeñas respecto al contenido, y no conservando las proporciones originales de los elementos de la web.

Con CSS podemos crear un efecto sencillo para adaptar las imágenes al contenido sin distorsionarlas. Para lograr dicho efecto sólo necesitamos una capa que contendrá nuestra imagen, y aplicar ciertos estilos:

CSS:

.capa_imagen{
    float:left;
    margin:0px 30px 30px 0px;
    width:50%;
    overflow:hidden;
}

HTML:

En el siguiente ejemplo, veréis cómo la imagen se adapta de forma horizontal a la resolución de la ventana aunque la redimensionemos:

Ver ejemplo 1

Lo que estamos haciendo es que con el atributo “overflow:hidden;” ocultamos el 50% de nuestra imagen, ya que “capa_imagen” se está redimensionando al 50% de la anchura de la ventana.

Por ahora, la imagen sólo se adapta de forma horizontal. Para que la capa se adapte también en vertical, tenemos que aplicar el atributo “height:100%” a “body” y “html”, y una altura a nuestra “capa_imagen” de un tamaño porcentual a gusto del consumidor.

Por otro lado, si “capa_imagen” supera el ancho máximo de la imagen ésta sigue creciendo, desplazando el texto hacia la derecha. Para que la capa no supere el tamaño de la imagen, añadimos a la capa como tamaño máximo de altura/anchura los de la imagen. Así crecerá sólo hasta los límites de la misma.

CSS:

html,body{
    height:100%;
}
.capa_imagen{
    float:left;
    margin:0px 30px 30px 0px;
    width:50%;
    overflow:hidden;
    height:75%;
    max-width:750px;
    max-height:450px;
}

Ver ejemplo 2

Si necesitáis que “capa_imagen” esté contenida dentro de otras capas padre, éstas también deben tener el atributo “height:100%”.

La posición en los resultados de búsqueda de Google – Vídeo

chaluba — Mon, 27 Jun 2011 20:37:42 +0000

En el blog oficial de Google para webmasters encontramos este vídeo de Matt Cutts en el que explica la imposibilidad de garantizar la primera posición en los resultados de búsqueda de Google, aunque eso no nos impide tener un posicionamiento óptimo para los términos de búsqueda apropiados.

Transcripción del vídeo (subtítulos en español):

Hoy tenemos una pregunta enviada desde Colorado. La pregunta es: “Con muchos de mis clientes potenciales, las primeras palabras que mencionan al construir un sitio web son: “¿Puedes hacer que mi sitio sea n.º 1 en Google?” Esta pregunta es sumamente incómoda para mí. ¿Cómo puedo responderla de forma profesional y honrada?”

Es una buena pregunta. Creo que una de las cosas que puedes hacer es enviar a la gente a la página que tenemos en Google acerca de los optimizadores para motores de búsqueda y cómo encontrar un buen optimizador para motores de búsqueda, porque creemos que dice directamente que nadie puede garantizar la primera posición en los resultados de búsqueda de Google. Así que, puedes decir, directamente desde el principal responsable, directamente desde Google, que nadie puede garantizar la clasificación en primera posición.

La verdad es que, si eres, por ejemplo, fontanero, probablemente no quieras aparecer en primera posición como fontanero, porque recibirías llamadas de todo el mundo y de cualquier parte de los Estados Unidos, donde ni siquiera podrías atenderlas. Probablemente quieras aparecer en primera posición como fontanero en, pongamos por caso, Sunnyvale, California, o la población que te interese en particular. La realidad es que, la pregunta “¿Puedes hacer que mi sitio aparezca en primera posición en Google?”, a menudo hace que la gente acabe haciendo cosas más bien discutibles.

Yo podría, probablemente, aparecer en primera posición fácilmente por “cambiar mi impresora predeterminada en Firefox usando Lennox Ubuntu”, ¿verdad? Se trata de una frase de búsqueda muy larga. No hay demasiada gente que use tantas palabras distintas, así que no es tan difícil aparecer en primera posición para ellas.

Algunos SEO sintonizan esa onda y dicen: “Sí, lograremos la primera posición, y será para una frase exacta de cinco palabras que contenga palabras más bien raras y oscuras”. Y otras personas dicen, “Oh, voy a aparecer en primera posición”, y no se paran a pensar en esas frases en las que realmente quieren lograr una buena clasificación. Es mucho mejor aparecer en tercer, cuarto o quinto lugar con una frase que genere buenas conversiones, que obtenga una cantidad razonable de tráfico y esté bastante orientada hacia lo que te interesa, en lugar de cosas totalmente ajenas al tema que te ocupa.

Yo estaría satisfecho de contar a la gente que, muchas veces, si eres el cliente de un SEO, no tienes la intuición de decir: ¿Cuál es la frase que pueda dar buenas conversiones? ¿Cuáles son las frases que vale la pena comprar? ¿Cuáles son las frases a las que realmente deberías prestar atención frente a las grandes frases en las que crees que quieres lograr una buena clasificación?

Los optimizadores para motores de búsqueda deben gestionar esto muy a menudo. Si tuviese que decir una sola cosa, diría: “Mira, no te centres en obtener la primera posición, en particular si se trata de una frase que no va a servir de nada. Busca resultados que puedan soportar el paso del tiempo. Busca construir un gran sitio web y después podrás trabajar para lograr los resultados que realmente te importan”. Como alternativa, te invitamos a indicarles esa página de Google sobre optimización para motores de búsqueda, para que puedan leer que Google, por su parte, dice exactamente lo mismo.

Extraído de: googlewebmaster-es.blogspot.com

Torresol Energy

chaluba — Sat, 25 Jun 2011 12:38:30 +0000

Diseño y desarrollo del website corporativo. Maquetación, programación de eventos javascript, animaciones y control de vídeos flash, diseño de elementos gráficos y retoque fotográfico.

Torresol Energy desarrolla proyectos de energía solar globalmente a través de inversiones en plantas de concentración solar eficientes y rentables. Basado en tecnología desarrollada por SENER.

Tecnologías y características:

XHTML
Flash
CSS
JavaScript (jQuery)
WAI nivel A

PHOTOESPAÑA

chaluba — Sat, 25 Jun 2011 12:37:02 +0000

Desarrollo del portal web. Maquetación, programación de eventos javascript y manipulación de archivos flash.

PHotoEspaña nace el año 1998 como el Festival Internacional de Fotografía y Artes Visuales.

Tecnologías y características:

XHTML
Flash
CSS
JavaScript (jQuery)

Ciclos Florida

chaluba — Sat, 25 Jun 2011 12:36:32 +0000

Diseño y desarrollo del website. Maquetación web, programación de eventos javascript, animaciones flash, diseño de elementos gráficos y retoque fotográfico.

CICLOS FLORIDA ofrece una amplia gama de bicicletas de todos los tipos y estilos, de manera que sus clientes pueden escoger el modelo que más se ajusta a sus necesidades en un seleccionado abanico de las marcas más prestigiosas.

Tecnologías y características:

XHTML
Flash
CSS
JavaScript (jQuery)
WAI nivel AA

Viajes La Cultural

chaluba — Sat, 25 Jun 2011 12:35:58 +0000

Diseño y desarrollo del website. Maquetación, programación de eventos javascript, animaciones flash, diseño de elementos gráficos y retoque fotográfico.

La Cultural organiza viajes específicamente enfocados al conocimiento de la Cultura, la Historia, el Arte y la Arqueología.

Tecnologías y características:

XHTML
Flash
CSS
JavaScript (jQuery)
WAI nivel AA

La noche de los teatros

chaluba — Sat, 25 Jun 2011 12:01:26 +0000

Diseño y desarrollo del portal web bajo estándares de accesibilidad nivel AA. Maquetación y programación de eventos javascript.

La noche de los teatros es un evento cultural que organiza la Consejería de Cultura, Deporte y Turismo de la Comunidad de Madrid.

Tecnologías y características:

XHTML
CSS
JavaScript (jQuery)
WAI nivel AA

La noche de los libros

chaluba — Sat, 25 Jun 2011 11:54:37 +0000

Diseño y desarrollo del portal web bajo estándares de accesibilidad nivel AA. Maquetación y programación de eventos javascript.

La noche de los libros es un evento cultural que organiza la Consejería de Cultura, Deporte y Turismo de la Comunidad de Madrid.

Tecnologías y características:

XHTML
CSS
JavaScript (jQuery)
WAI nivel AA