Pag 10 de 302« Primera...«78910111213»...Última »

Google cambia su home, nuevo logo y menú

Curiosidades, Internet, Noticias 3 Comentarios »

La web está viva y es uno de los principales problemas en la docencia, ya que al explicar el funcionamiento de un portal sabes que su imagen y funcionalidad cambiará. Desde hace algunos años la home de Google era un valor seguro, había permanecido invariable, siendo uno de los últimos cambios el menú superior con fondo negro que da acceso a los servicios del sistema.

New Google homepage, logo y menu

Sin embargo desde hace unos días, como si se tratase de un test AB, en algunos ordenadores en los que he estado probando, incluso sin estar logeado, se me invitaba a probar el nuevo diseño y navegación, en el que se nota como poco a poco los dispositivos móviles van adaptando a sus características las funcionalidades de la web.

New Google homepage, logo y menu

Entre los principales cambios destaca el suavizado del logo de Google, con colores planos, más suaves y eliminando el efecto de biselado de sus letras. El menú se ha reducido a las mínimas opciones destacando el desplegable de aplicaciones con iconos adaptas para que el dedo pueda seleccionar la opción deseada, algo que se hacia muy complicado en el menú anterior. Un gran cambio en el diseño en el que se hace primar la funcionalidad. No te pierdas el vídeo con los cambios de la homepage de Google que publique hace ya 6 años, puff! como pasa el tiempo.

Google es Internet

Internet, Introducción, Mis Trabajos 1 Comentario »

En marzo de 2012 colgué la presentación de uno de los cursos sobre Internet y se centraba en los servicios que ofrecía. Hoy los contenidos han evolucionado radicalmente hacia la movilidad, siendo el smartphone, la tablet y los nuevos dispositivos móviles, los protagonistas de la forma de interactuar con la información.

Google es Internet

Ya forman parte del pasado y no hace falta hablar de los distintos servicios de Internet, que competían por hacerse con la hegemonía de la red: IRC, news o incluso el correo pop … han caído fagocitados por la web y en concreto por los servicios de GOOGLE, para muchos usuarios Google es Internet y no saben de existencia de la barra de direcciones del navegador o el uso de la nomenclatura de un email.

Hoy en día la competencia de la web son las aplicaciones y aun no hay un claro ganador, html5, css3 y javascript están en auge y veremos como en poco tiempo la forma de interactuar con la información de la nube se irá transformando. Espero que este nuevo esquema de contenidos os parezca interesante, para el nuevo acercamiento a Internet, que sigue siendo el medio universal de comunicación y acceso al conocimiento.

Cuadernos del profesor 8 de php a html con Really-static

Diseño Web, Html, Mis Trabajos 1 Comentario »

Una etapa se acaba y con el dolor de ver desmantelado un centro cultural de referencia en Salamanca, como es el CILIJ de la Fundación Germán Sánchez Ruipérez, nuevos proyectos llenos de ilusión se abren en el horizonte.

Cuadernos del profesor

Uno de mis últimos trabajos en el CILIJ es la web para el portal de educación de la Junta de Castilla y León Cuadernos del profesor 8, una excelente iniciativa online que ofrece 24 actividades a los maestros y formadores relacionados con el desarrollo de la competencia lingüística, es decir, capacitar al alumnado para que sea capaz de hacer buen uso de la lengua oral y escrita en múltiples contextos.

Cuadernos del profesor

Entre los retos de este proyecto estaba el tener que desarrollar con un gestor de contenidos php/mysql con el que trabajar el contenido didáctico del portal y posteriormente migrarlo a html/css y javascript, ya que el servidor del portal de educación de la junta de Castilla y León no admite php/mysql. Para esta tarea utilice wordpress con el plugin Really-static.


really-static
really-static

El pluging me permitió migrar todo el contenido a páginas estáticas amigables html/css y javascript configurando únicamente las urls de origen y las direcciones locales donde guardar la estructura web. El web site se ha depurado con Total Commander y Notepad++ obteniendo el resultado que hoy esta funcionando en la web de educación de la Junta. Espero que os guste, os parezca didáctico e interesante.

Crea menús para tu web con cssmenumaker

Diseño Web, Html 1 Comentario »

El menú en el diseño web es un recurso fundamental que ofrece niveles de navegación para que el usuario no se pierda en el contenido de una página web. La técnica de personalizar con css las listas de elementos ordenadas o desordenadas es la más utilizada por los diseñadores web. Sin embargo es un sistema engorroso que muchas veces se puede sustituir por menús javascript o frameworks que ya ofrecen la estructura.

cssmenumaker

css menu maker es un sistema sencillo que permite la creación de multitud de tipos de menús personalizados para la web on line, sin necesidad de tocar el código html. En los menús freemium se puede usar un asistente para crear el menú completo para tu web, con enlaces incluidos y una vez terminado descargar el código para integrarlo en tu web. Si usas un gestor de contenidos como wordpress o blogger las guías te ayudarán a personalizar el menú que has creado.

cssmenumaker

Si deseas acceder a los menús premium o guardar los que has personalizado debes adquirir una licencia Básica (9$ al año) o Premium (19$ al año). Si eres usuario de Dreamweaver la extensión de css menu maker para instalarla en el programa cuesta 29$. Los menús son compatibles con todos los navegadores actualizados.

Slideshows javascript adaptables

Diseño Web, Html 1 Comentario »

Algunos recursos o comportamientos en la organización de los contenidos de una página web han llegado a ser fundamentales: menús de navegación, botones o zonas de información escondida, pestañas con información clasificada o los slideshows, permiten optimizar el espacio para ofrecer la máxima información.

slideshow

En el caso de los slideshows javascript, se ha perfeccionado el diseño, la funcionalidad y opciones como en Roundabout de fredhq creado con jquery, que ofrece un impresionante slide giratorio interactivo que debido al momento actual de máxima diversidad de dispositivos que se conectan a la web, se convierten en recursos obsoletos.

slideshow roundabout

Ya no basta con mostrar la información con un diseño bonito, ahora el diseño se tiene que adaptar a la pantalla, debe ser responsable (Responsive desing) y por tanto los recursos que se usan también.

slideshow bxslider

El clásico slideshow de imágenes se ha vuelto a reinventar con BXSLIDER que ofrece un slide en jquery personalizable con diseño adaptable a cualquier resolución y dispositivo en tiempo real.

slideshow layerslider

Y si buscas algo espectacular no te pierdas SLIDER REVOLUTION o LAYERSLIDER una herramienta que aprovecha las nuevas funcionalidades css3 ofreciendo un slideshow añadiendo las animaciones html que permiten las hojas de estilo. Con un diseño adaptable, los 10$ que cuesta, es una magnifica inversión para crear webs impactantes compatibles con todo tipo de dispositivos y resoluciones. También disponibles como plugin para Wordpress.

Blog Widget by LinkWithin

Pag 10 de 302« Primera...«78910111213»...Última »


Entradas RSS Comentarios RSS Acceder Subir
twitter facebook Rss mail rssSígueme en Google Currents