En Noupe encontramos este interesantísimo artículo en inglés titulado The Future Of The Web: Where Will We Be In Five Years?, donde podemos encontrar 15 predicciones de como serán y que tendrán las páginas web de aquí 5 años. Así, encontramos un listado con 15 puntos a tener en cuenta para prepararnos para las páginas web del futuro. Los puntos son los siguientes:

• Inclusión de micropagos para obtener contenidos de calidad. Estos micropagos estarán presentes en revistas online, servicios de noticias, páginas web de artistas, etc.
• Incremento del uso del scroll horizontal en el diseño web, debido a que las pantallas cada vez son más grandes y con resoluciones variables.
• Revistas online en formato más interactivo, con la inclusión de Wikis, vídeo y audio digital, redes sociales propias, etc.
• Contenido colaborativo y en tiempo real.
• Más contenidos semánticos y mejor uso de ellos, con nuevas aplicaciones que sepan sacarle partido.
• Mejor uso de los estándares web.
• Realidad aumentada en aplicaciones web para dispositivos móviles.
• Mejoras en la seguridad contra ataques de Phishing, Scams y Spam.
• Más aplicaciones y redes sociales.
• Programas televisivos de más alta calidad en Internet.
• Las aplicaciones web deben desempeñar un papel más importante en la vida diaria.
• El SEO (Search Engine Optimization) perderá importancia, ya que muchos usuarios utilizarán las recomendaciones que puedan encontrar en las redes sociales.
• Sistemas Operativos online.
• Interfaces de usuario personalizadas.
• La Web será el centro de información y distribución de contenido (mejor y mayor uso de RSS).

Desde NBSP, recomendamos una lectura exhaustiva de todos los puntos con sus explicaciones y comentarios: The Future Of The Web: Where Will We Be In Five Years?.

SilverStripe es un sistema de gestión de contenidos (CMS) basado en PHP que presenta una agradable y moderna interfaz de usuario y simplifica bastante la construcción de un sitio web profesional.

SilverStripe es una herramienta gratuita que nos permite crear y administrar sitios web a través de una interfaz muy limpia y sencilla de utilizar. Se pueden crear menús y apartados de forma rápida e intuitiva, así como añadir contenidos (texto, imágenes, archivos …).

Es un CMS muy válido y muy optimizado para gestionar sitios web o portales corporativos. A la página web podemos añadirle módulos adicionales que nos permitirán tener galerías de imágenes, formularios, un foro, un blog, un calendario … SilverStripe también ofrece una buena optimización para los motores de búsqueda (SEO). Resulta sencillo poder agregar metadatos y gestionar las urls amigables de cada página.

También hay que destacar el foro de la página de SilverStripe donde podemos encontrar mucha información y ayuda adicional.

La única pega es quizá que no hay demasiados temas ni plantillas para utilizar, aunque es bastante cómodo crear o modificar uno de los temas existentes.

La verdad es que vale mucho la pena y es difícil encontrar un CMS gratuito como este para contenido profesional. En NBSP estamos trabajando con este CMS y la verdad es que estamos muy satisfechos con los resultados. Vale la pena echarle un vistazo y probarlo.

Google ha creado la página web en inglés What Browser? para explicar a los usuarios qué es un navegador. Así, Google ha descubierto porqué la gente no quiere cambiar de navegador: “simplemente no saben lo que es”.

Un navegador es un programa que permite visualizar la información que contiene una página web. El navegador interpreta el código, HTML generalmente, en el que está escrita la página web y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces. Así, el navegador permite la visualización de documentos, posiblemente con recursos multimedia incrustados.

En el vídeo inicial de What Browser? explican a los usuarios los puntos básicos de los navegadores. Además, podemos encontrar información diversa sobre navegadores.

Uno de los problemas principales con los navegadores es que los usuarios acostumbran a utilizar el navegador por defecto de su ordenador (Internet Explorer o Safari). Así, Google quiere que los usuarios se den cuenta que Internet Explorer no es el único navegador que existe y que pueden cambiar a otros mejores y que ofrecen mejor rendimiento como Mozilla Firefox o Google Chrome.

Encontramos comparativas interesantes en distintas páginas web sobre los navegadores web:

• Comparativa de navegadores de Internet en Zona Firefox.
• Chrome: el navegador de Google comparado con Firefox y Explorer en Microsiervos.

Aquí, dejo otra comparativa rápida entre Mozilla Firefox e Internet Explorer:

Comentar, además, que Internet Explorer siempre ha sido un problema para los desarrolladores web, debido a su pobre cumplimiento de los estándares Web. Tradicionalmente, Microsoft ha adaptado los estándares a su manera y conveniencia, de modo que los creadores de páginas web siempre han tenido que tratar a Internet Explorer como un caso especial. En su favor, hay que decir que con Internet Explorer 8 han dado un paso adelante en este sentido, pero mucha es la gente que utiliza aún las anteriores versiones de Internet Explorer 6 y 7.

Desde aquí, invitamos y animamos a los usuarios de Internet a utilizar otros navegadores como Mozilla Firefox, Google Chrome o Opera.

InstantShift nos ofrece en un interesante post 104 fuentes de excelente calidad para descargar de manera gratuita. Es una muy buena colección con tipografías de estilos muy variados.

* Además, si tenéis un rato libre, daros una vuelta por la página web de InstantShift, ya que hay un montón de artículos y recursos interesantes.

Os hablaremos de otro plugin para WordPress que instalamos en este blog. Se trata de WordPress Related Posts.

Este plugin nos genera para cada post que creamos una lista de posts relacionados según las etiquetas asignadas.

La instalación es muy sencilla:

1. Descárgate el plugin WordPress Related Posts.
2. Sube la carpeta descomprimida a tu wp-content/plugins.
3. Activa el plugin desde la página de administración del blog.
4. Escribe en el código de tu template (allí donde quieras que aparezcan los posts relacionados):  <?php wp_related_posts(); ?>
5. Accede a Opciones -> WordPress Related Posts y confíguralo a tu gusto.

Es fácilmente gestionable y se pueden configurar diversos aspectos como:

• El título que queremos que aparezca.
• Qué hacer cuando no hay posts relacionados.
• El número de posts que queremos que nos liste.
• Si queremos excluir alguna categoría.

Hemos instalado el plugin Google XML Sitemaps en este blog. Se instala y se utiliza de manera sencilla y es muy eficaz.

Este plugin nos permite generar el sitemap (tanto el sitemap.xml como el sitemap.xml.gz) de nuestro blog realizado en WordPress. Así, cada vez que se crea un post nuevo, nuestro sitemap se actualiza inmediatamente y se hace un ping automáticamente a ASK.com, Google, MSN Search y Yahoo!.

La instalación es muy sencilla:

1. Descargarte el plugin Google XML Sitemaps.
2. Sube la carpeta descomprimida a tu wp-content/plugins.
3. Genera dos ficheros llamados sitemap.xml y sitemap.xml.gz vacíos y súbelos a la carpeta raíz de tu blog. Debes darle permisos de lectura y escritura (0666) a ambos ficheros.
4. Activa el plugin desde la página de administración del blog.
5. Accede a Opciones -> XML-Sitemap. Configúralo como quieras y ya puedes generar y notificar de tu sitemap por primera vez.

A partir de este momento, cada vez que crees un post nuevo, tu sitemap se actualizará inmediatamente y se hará un ping a los principales buscadores notificándoles la actualización.

Es fácilmente gestionable y se pueden configurar diversos aspectos como:

• A qué buscadores quieres notificar de la actualización de tu sitemap
• El tipo de páginas que quieres incluir en tu sitemap
• Las prioridades que quieres otorgar a tus páginas
• La frecuencia de cambios que tendrán tus páginas

Os presentamos unas hojas (de funciones, tags, comandos …) descargables en PDF desde http://www.addedbytes.com/cheat-sheets/. Podemos encontrarlas de PHP, HTML, CSS, JavaScript, MySQL, expresiones regulares, mod_rewrite …

La tecnología AJAX usa una combinación de otras tecnologías que nos permite crear aplicaciones web interactivas. Así, nos permite realizar peticiones de contenido o proceso de datos sin tener que recargar la página en la que está el usuario.

Hoy en día, AJAX se ha convertido en una tecnología muy popular para la creación de sitios web dinámicos.

Xajax es una librería de código abierto para PHP que nos permite crear de manera fácil y simple aplicaciones web con la tecnología AJAX. Se trata de un producto gratuito compatible con los navegadores habituales (Mozilla Firefox, Internet Explorer, Opera, Safari …)

Así, con Xajax podemos definir qué funciones de código PHP se convierten en funciones AJAX. Estas funciones PHP se podrán ejecutar sin tener que recargar la página web donde se encuentra el usuario.

Es muy útil para enviar y procesar formularios o realizar selects combinados con AJAX y PHP.

Si queréis descargar y probar Xajax podéis acceder a la página web: http://xajaxproject.org/.

Para saber más sobre la librería Xajax podéis acceder a http://www.desarrolloweb.com/manuales/xajax.html.

Los motivos principales de programar una página web ajustándonos a los estándares son los siguientes:

• Universalidad: nos aseguramos que nuestras páginas se muestran igual independientemente del navegador que use el usuario.
• Portabilidad: si separamos el contenido de la forma, el código se simplifica. Así, realizar cualquier cambio en la apariencia de la página o adaptarla a distintas plataformas nos será más sencillo.
• Mejor indexación en los buscadores: los robots de los buscadores analizan sintácticamente el contenido de los documentos (X)HTML. Así, adquieren más importancia los títulos de las páginas, cabeceras …
• Accesibilidad: usar estándares ayuda a que nuestras páginas sean más accesibles.

Los tipos de medio CSS nos permiten enviar diferentes documentos CSS a los distintos dispositivos, pudiendo indicar un estilo para cada dispositivo. En la especificación CSS2 aparecen los siguientes tipos:

• All. Para todos los dispositivos.
• Aural. Para los sintetizadores de voz.
• Braille. Para dispositivos táctiles Braille.
• Embossed. Una ligera variación de Braille: para impresoras Braille.
• Handheld. Para dispositivos móviles (teléfonos móviles, PDAs …)
• Print. Para documentos preparados para imprimir.
• Projection. Para documentos preparados para ser proyectados.
• Screen. Para las pantallas de ordenador (web).
• Tty. Para medios de visualización del tipo parrila: pantallas antiguas LCD, terminales, antiguos dispositivos móviles …
• Tv. Para dispositivos tipo televisión.