Web X.1

Saludos de nuevo.

Como bien tenemos ya todos interiorizado, las redes sociales son la manera más simple y eficaz de establecer grandes cantidades de contactos, y por tanto de promocionar algo o promocionarse a uno mismo,  y Microsoft no se encuentra ni mucho menos ajeno a todo ello, y son ya varios los intentos por cubrir cuota de mercado en dicho sector.

Desde hace un tiempo, la mega compañía con sede en Redmond se encuentra experimentando con una beta cerrada de Socl un servicio que mezcla las búsquedas con características propias de una red social. Esta herramienta permitirá a los usuarios poder etiquetar resultados en los que están interesados, mientras que sus contactos podrán interactuar con las búsquedas que realicen.

En julio de este año apareció por primera vez información sobre Socl, aunque por entonces se dio a conocer como Tulalip.

Según comentarios de los ‘tester’ que únicamente están pudiendo utilizar ahora mismo la aplicación (de momento no se sabe si Microsoft piensa abrir Socl al público o si permanecerá como proyecto interno de Microsoft Research), el diseño es muy similar al de Facebook, con una barra de navegación a la izquierda, un feed social en el centro de la pantalla y el lado derecho reservado para las invitaciones y la opción de compartir vídeo.

El contenido del feed social lo proporcionan las búsquedas que realice cada usuario, con las que pueden interactuar los contactos, mientras que permite con estos mismos interactuar a la vez que se visualizan vídeos, se etiquetan búsquedas, etc.

A la espera de nuevas noticias, estaremos atentos.

Aunque no hay motivos para no utilizar ya HTML5 y CSS3 (muchos serán los que estarán comenzando con ello) la web sigue en movimiento.

Las actualizaciones cada vez más rápidas de la práctica totalidad de navegadores (sin decir ya que exceptuando a nuestro querido IE), permiten que las nuevas especificaciones vayan tomando presencia en la web.

Ya tenemos el primer borrador de CSS4 de www.w3.org, aunque no lo soporten aún ningún navegador es interesante ver hacia dónde va la web.

Recordemos que no es una versión nueva de CSS. En CSS se trabaja por módulos y CSS4 es el estado de trabajo donde se proponen modificaciones o nuevos módulos. Hablamos del nivel 4 de los módulos de CSS.

Además, y prácticamente a la par, se nos presenta la próxima versión de php, php6. Esta versión ya está disponible en php.net para su descargar.  Cabe destacar que Php6 no supone un cambio tan radical como el que sucedió con la versión anterior por lo que es de esperar, si todo va bien, que la adopción de esta versión sea más rápida.

    PHP sigue siendo el lenguaje script para desarrollos web más popular y la lista de nuevas características que vienen con esta nueva versión pueden situarle en posiciones todavía más destacadas.

En resumen, nuevos avances, “nuevas” tecnologías, y sin duda nos pondremos con ellas

La noticia se estaba barruntando desde hace ya unas cuantas fechas, y al final como en la mayoría de las ocasiones, o en todas al hablar de google, cuando el rio suena agua lleva. Y esto es lo que ha sucedido, los robots encargados de indexar contenidos comenzarán a mostrar en los resultados todo lo que se escribe en los comentarios de una publicación en la red social, tema que con cierta lógica no ha dejado de suscitar polémica y rechazo relacionado con la violación de la privacidad de los usuarios.

La lógica indica que todo tipo de comentarios realizados por un usuario de Facebook tiene un alcance limitado, tanto por la relación entre el emisor del mensaje con el receptor como con las personas involucradas en ese tópico. Pero por más que sea una publicación con miles de comentarios de personas que ni conocemos, continúa siendo un tema privado y restringido al público que no utiliza la red social y a muchos otros con los que no tenemos relación.

Desde ahora, por ejemplo, si criticamos a una marca, figura pública, entre otros, podríamos aparecer en los resultados de búsqueda de Google para cualquier usuario que busque contenidos desde ese lugar.

A nivel técnico, se informó que el nivel de exactitud de las búsquedas se irá ajustando con el correr de los días, pero que los robots que indexan tienen capacidad de leer formatos dinámicos como AJAX o Javascript.

Si consiste en dividir entre 'fondo' y 'formas', lógicamente el fondo y por tanto los contenidos son el activo más valioso para el sitio web. Pero como en ningún momento entendemos que esto sea la forma correcta de proceder, insistiremos en la importancia también de las formas, siendo estas un  buen número de técnicas de redacción y usabilidad para hacer nuestros contenidos usables, persuasivos y amigables o relevantes para los buscadores.

A continuación extenderemos los 3 principales puntos, pero queremos destacar de antemano la importancia de simplificar, ser atractivos, y relevantes para el usuario. Con ello, llegaremos a generar tráfico en nuestro sitio, un buen índice de conversión, trabajar en búsqueda de la fidelización y lograr una fórmula de negocio online exitosa.

Contenidos usables

Hemos de procurar poner a nuestro visitante las cosas lo más sencillas posibles, simplificar y dejarle claro qué queremos que haga en cada sección, y dónde debe acudir para ello. Algunas de las recomendaciones prácticas:

Contenidos persuasivos

Algunas de las claves para desarrollar contenidos atrayentes son:

Ya hace unos días que surgió la noticia, pero no la he hemos visto rebotada en muchos medios, y ya que entendemos que es importante aquí queremos ser partícipes un poco de su difusión

 Google Buzz desaparece y será absorbido por Google Plus.  La verdad es que la travesía de Google Buzz no es que haya durado mucho tiempo, fue aproximadamente a mediados de Febrero del pasado año 2010 cuando se lanzó, cumpliendo así con el primer intento serio por parte de Google en ingresar en el mundo de las redes sociales.

En el momento de su lanzamiento me planteaba que era mucho más que una alternativa a Twitter puesto que Buzz estaba integrado al ecosistema de aplicaciones de Google con posibilidad de compartir video desde YouTube, fotos desde Picassa y contactos desde Gmail, por ejemplo. Pero en la práctica, falló porque nadie le encontraba demasiada utilidad.

No puede decirse que Google Buzz haya sido una herramienta de uso durante demasiado tiempo. A lo sumo, se limitaban a publicar actualizaciones de estado de modo centralizado que llegaban a un conjunto de redes sociales -Facebook, Twitter, MySpace, LinkedIn- pero sin agregar demasiado valor. Además los sucesivos pasos en falso respecto a distintos temas de privacidad terminaron por afectar su reputación. Probablemente esto determinó que Google Plus fuera planteado con una filosofía diferente. Básicamente, no querer reinventar la rueda y proponer alternativas que superen a sus competidores en cuestiones de sentido común.

Así bien y como nos comentó Mathew Ingram en GigaOm, la desaparición de Google Buzz y Jaiku -similar a Twitter y comprado por Google en 2007- nos deja dos importantes lecciones. Primer lugar, que la gente quiere compartir cosas pero le preocupa la privacidad. En segundo término, que no basta construir aplicaciones y plataformas para sentarse a esperar que las personas las utilicen. Hay que observar a los usuarios para ver lo quieren y facilitar que terceros puedan desarrollar soluciones para ellos. 

Interesante  Framework para desarrollos web para las plataformas Wordpress y Joomla con el que nos topamos hace apenas unas horas.

Este framework, denominado Gantry es algo más que un solo sistema para desarrollar template, es un completísimo entorno que nos permitirá potenciar el diseño, sin necesidad de derrochar tantas energías en ello. Posee bloques prediseñados que nos facilitarán el primer paso a la hora de querer desarrollar nuestra implementación.

Por tanto, toda una garantía de éxito, o de por lo menos darle una oportunidad.

Además, Gantry  presenta una amplia gama de características que cualquier desarrollador encontrará más que atractivas como son:

…

Espero que a aquellos que estén comenzando con el desarrollo en las citadas plataformas, pueda interesarles y ayudarles a dar sus primeros pasos, y para los más avezados, animarles a reducir sus tiempos de diseño con esta herramienta.

Gantry

site: www.gantry-framework.org

Licencia: GPL v2.0

Todos los que nos encontramos en este mundillo web, nos hemos encontrado antes o después ante la ardua labor de afinar un CSS, echándolo horas de esfuerzo, paciencia y dedicación. Esta labor comprende pasos como los de modificar los archivos fuentes, y visualizar (actualizando antes claramente) en  cada uno de los navegadores a cada instante.

Pues bien, con CSS Terminal, solucionamos el problema de una manera muy sencilla: inserta una capa semitransparente por encima del sitio web y admite que escribamos el CSS de forma directa. Como dice el  autor, es un bookmarklet que permite insertar reglas de CSS directamente en una página en vivo. Algo que se agradece mucho para depurar CSS y crear prototipos de forma rápida.

Además un aspecto muy importante a tener en cuenta es que CSS Terminal es compatible con una amplia gama de navegadores como: Opera, Mozilla Firefox, Google Chrome, Apple Safari y Microsoft Internet Explorer 9 o superior. 

Una buena combinación de colores es clave en el diseño, y por tanto en el diseño web.

Los colores nos afectan de mil maneras – tanto mental como físicamente, de manera consciente y subconscientemente.

Crear una paleta equilibrada, personal y armoniosa es un talento que no se obtiene fácilmente. Por ello queremos incidir en el presente post en la importancia que tiene, y presentar algunos de los principios más habituales que deben tenerse en cuenta para la combinación de colores.

Tan importante como lograr una buena combinación es mantener la coherencia entre la paleta de colores de la página y el de los elementos que la componen. Texto e imagen son elementos independientes pero conforman un todo a nivel de percepción. Un detalle que no siempre se puede manejar en el diseño web por la actualización que sufren las páginas.

Diversos estudios psicológicos inciden en la importancia que tiene la elección de una combinación correcta de colores. El color incide aproximadamente en el 60% de la posible ACEPTACIÓN o RECHAZO de un producto o servicio, o en nuestro caso, una imagen corporativa o una web. Una combinación de colores errónea puede llegar a tener los mismos efectos negativos que ofrece una mala copia, o unos tiempos de carga excesivos. En esta infografía, vamos a discutir de una manera global, la coordinación del color y la forma en que Usted puede usar esto para su ventaja en el diseño de su proyecto o web.

Puntos importantes a someter a estudio:

Para profundizar un poco más cada uno de los puntos adjuntamos la siguiente infografía con la que se aumentar un poco más la claridad y saber por dónde han de ir los tiros.

Os presentamos la nueva e interesante herramienta que acaba de lanzar Google para su navegador Chrome. Chrome Remote Desktop es una aplicación que permite controlar de forma remota un PC desde el navegador Chrome en prácticamente cualquier sistema operativo.

Desde Google se sigue impulsando fuertemente a su navegador web Chrome con el fin de superar a su más cercano rival que no es otro que Mozilla Firefox como segundo navegador más utilizado en todo el mundo y plantar cara a Internet Explorer durante 2012.

Hace menos de un mes se nos presentaba en España la apertura de la tienda de aplicaciones para el navegador, que permitía ejecutar en Chrome diversas aplicaciones y videojuegos. Sin embargo en esta ocasión se nos presenta una herramienta que puede ser muy útil para todas aquellas empresas, Freelance que quieran mantener una gestión de los equipos de sus clientes sin necesidad de presencia física en el lugar.

Esta herramienta, que como ya hemos venido contando, se denomina Chrome Remote Desktop, tiene como función básica controlar otros ordenadores de forma remota desde el propio Chrome. Para ello, los dos ordenadores tienen que tenerla instalada, lo cual sirve a la aplicación para generar un código de conexión que ha de ser introducido para que uno de los equipos se conecte al otro. La herramienta funciona con los principales sistemas operativos, ya sean Windows, OS X, Linux o ChromeBook de Google.

El manejo es muy sencillo, y realiza exactamente la misma función que puede llegar a realizar programas de escritorio tan conocidos como PuTTY, TeamViewer o CrossLoop, así como la herramienta que incluye Windows con este fin. Asimismo, incluye la funcionalidad de Google Talk, con el que completar el soporte completo de asistencia, al que apunta la utilización de dicha herramienta.

Por último, cabe destacar que la extensión se encuentra aún en fase de pruebas, (con todo lo que ello implica).

Estamos deseando poder seguir realizando pruebas con ella, y comentándoos progresos.

El lanzamiento de un nuevo sitio de Internet es difícil. Cuando empiezas por primera vez, su sitio web es completamente desconocido, no tiene enlaces entrantes, y no se puede encontrar en los motores de búsqueda, principalmente en Google. Entonces, ¿qué hacer?

Pues ante esta situación nos encontramos recientemente en Secti Tecnología, pero ni mucho menos lo afrontamos como un problema, sino como un nuevo reto, y tras las experiencias sumadas en proyectos anteriores, y el análisis y lectura de los mejores blogs del momento nos encontramos ante los 5 consejos de indexación básicos para dar el primer paso:

Este es un  punto obvio, pero que lógicamente de uso obligatorio y el primer punto a realizar para conseguir la indexación por parte de Google. Por ello deberemos informar a Google de la existencia de nuestra web, y para ello les reportaremos la URL exacta de nuestro nuevo sitio.

Por supuesto, Google no garantiza el listado de todas las URL que reciben, pero si será en su mayoría, siempre y cuando nos aseguremos que existe una única URL por dominio, ya que de lo contrario podría ser considerado como spam. A partir de la index, los rastreadores de Google encontrarán el resto de todas las  otras páginas que compondrán nuestro sitio, siguiendo los enlaces internos.

Por ello, presentamos los siguientes enlaces imprescindibles:

www.google.com/addurl

search.yahoo.com/info/submit.html

search.live.com/docs/submit.aspx

Puede tomar algún tiempo para los rastreadores de Google a indexar todas las páginas de un nuevo sitio web con sólo seguir los enlaces. Cuanto mayor sea el sitio web, más tiempo que puede tomar.

Me parece que la adición de un mapa del sitio XML realmente resuelve este problema, ya que dice Google sobre todas sus páginas antes de tiempo. Si usted tiene un gran sitio web con muchas páginas de gran profundidad, haga clic a continuación, un mapa de sitio XML le ayudará enormemente la indexación.
Un mapa de sitio XML es básicamente un archivo de texto (guardados con una extensión de XML) que enumera todas las URL de su sitio web. El protocolo XML Sitemap es muy sencillo por lo que fácilmente se pueden crear a mano o automáticamente con una herramienta de generación de XML Sitemap. El mapa del estándar XML es compatible con Google, Yahoo y Microsoft por lo que el mapa puede utilizar el mismo para los tres motores de búsqueda.
Una vez creado el archivo de mapa hay que someter a cada motor de búsqueda. Para añadir un Sitemap para Google primero debe registrar su sitio web en Google Webmaster Tools. Este sitio web está bien vale la pena el esfuerzo, es totalmente gratuito, además está llena de información muy valiosa sobre el ranking de su sitio web y la indexación en Google. También encontrará muchos informes útiles, incluyendo rankings de palabras clave y controles de salud. Lo recomiendo encarecidamente.

Del mismo modo, se puede añadir un sitemap XML para Yahoo! a través de la función de Yahoo! Site Explorer. Al igual que Google, que tiene que autorizar su dominio antes de agregar el archivo de mapa, pero una vez que esté registrado tendrás acceso a un montón de información útil acerca de su sitio.

Otra cosa interesante que he notado últimamente tiene que ver con sitios web de noticias sociales. Si usted envía un artículo a Digg o Reddit, o uno de los muchos otros grandes sitios web de noticias sociales, la dirección URL tiende a ser recogidos por Google con gran rapidez. Normalmente, un artículo de Digg aparecerá en el índice de Google después de sólo un día o dos. Esta es una gran noticia si desea nuevas páginas en su sitio web para que se indexe rápidamente.

Interesante truco descubierto tras leérselo al diseñador MATTHEW JAMES TAYLOR en su blog. Matthew nos comentaba como se dio cuenta de lo importante que es integrar la API de Google Maps en nuestro sitio Web. En su artículo nos relata como al trastear con varias páginas de prueba en el dominio se percató de cómo su web se encontraba en primera posición del ranking de Google, y eso que no había sido notificada aún a Google, tal y como comentábamos en el paso número 1.

La conclusión alcanzada fue la importancia de Google maps, y el porqué de ello. La clave reside en que una de las condiciones de API de Google Maps son los mapas que cree debe ser de dominio público. Así como una extensión de esto, parece que las páginas (o dominios) que utilizan la API de Google Maps se rastrean.

Otro método muy útil para acelerar la indexación es conseguir enlaces entrantes de diversas fuentes distintas. Así bien, si se conoce a alguien que dirige un popular sitio web o blog ¿por qué no pedir un enlace a nuestro nuevo site?

Buena suerte a todos con su indexación. Espero que este artículo haya sido útil.

Navegando por la red la semana pasada, nos encontramos ante la noticia de la aparición de Touchy Boilerplate, una herramienta de desarrollo web que nos permitirá de una manera eficaz y amigable el desarrollo de aplicaciones para Android e iOs.

No hemos podido trastear mucho más con él, pero si os dejamos a continuación con algunas de las principales características, y enlaces de interés por si os motiva el ir conociendo un poco más esta herramienta:

Características:

Desarrollo

Mientras tanto, la descarga podremos realizarla vía:  www.webresourcesdepot.com o a través del enlace:  labs.doat.com

Para todos aquellos que nos consideramos adictos, o por lo menos, para los que entendemos que twitter es una fuente de información inagotable, por la gran cantidad de información  que se comparte, y lo peor de todo, para los que vemos que es prácticamente leer los tweets de todos aquellos a los que seguimos, aparece y se nos presenta Twitter to RSS , el cual nos proporciona un enlace RSS con el usuario twitter que le indiquemos para poder seguirlo a través de cualquier lector de RSS:  Google Reader, Bloglines, Yahoo o Custom.

Lo único a realizar es indicar el usuario en concreto que quieras seguir por RSS (sin la @) y la aplicación te dará los resultados para los distintos lectores.

Espero que os sirva, y facilite la tarea… y a ¡¡aprender!!!

Hace no más de de un par de semanas nos encontramos con algo que muchos llevábamos tiempo esperando, y que teníamos claro que principalmente sería por parte de la gente de Google.

Sin más preámbulos, os presentamos  Google Wallet.

Google Wallet es una app para el móvil con la que podemos realizar pagos sin necesidad de tarjeta de crédito o dinero físico. Os dejo un video que explica de forma detallada el sistema:

En principio solo está disponible para teléfono Sprint Nexus S 4G para Citi MasterCard o Google Prepaid Card (tarjeta de prepago de Google) pero poco a poco se irán incorporando Visa, Discover y American Express.

¿Ha llegado el fin de los días para las tarjetas de crédito? … no lo sabemos, pero si tiene pinta de ser un primer paso.

A día de hoy existen diversas formas de pago en Internet ya sea mediante PayPal, Tarjeta de Crédito, transferencia bancaria o contrarrembolso.

Pero además de todas estas maneras, existe la que normalmente más nos gusta a todos, y es la posibilidad de descarga de información de manera totalmente gratuita. Para estos casos el usuario, en agradecimiento al recurso proporcionado, puede hacer uso de las redes sociales para promoverlo compartiendo el enlace, la esencia del internet de hoy en día.

Pero hoy vamos a hablar de un sistema por el que el usuario no tendrá que desembolsar dinero a cambio de un tutorial premium, recurso gratuito, etc…

Paga con un tweet es el primer sistema de pago social, basado en el pago por tweet por el que un usuario podrá descargarse un recurso gratuito o cualquier otro producto a cambio de mandar un tweet con el enlace.

En el caso de por ejemplo ofrecer un código o un recursos en tu web totalmente gratuito, puedes ofrecer lo mismo pero con la condición de que el usuario publique un tweet con el enlace. El botón funcionará de intermediario entre el enlace donde se ofrece el recurso y el archivo a descargar, obligando al usuario a enviar un tweet para que empiece la descarga.

¿Cómo conseguir el botón Pay with a Tweet?

Para conseguir el botón “Pay with a Tweet” lo único que se ha de realizar es acceder a la dirección http://www.paywithatweet.com/sell.php donde tendremos que informar:

Con esta información obtendremos el botón que ya podremos colocar en nuestra web donde ofrezcamos cualquier recurso, tutorial, etc … para que antes de que el usuario lo descargue, tenga que enviar el tweet.

Los botones que nos proporcionan son de distintos tamaños, incluso nos genera un QR-code para usarlo en nuestras aplicaciones o sitios web.

En el presente post, os queremos presentar a  WooThemes (uno de los principales creadores de temas premium) el cual nos ha presentado su último plugin Woocommerce, diseñado para convertir WordPress en una tienda, incluso con temas específicos para ello.

Este plugin Incluye todo lo que ha de tener una tienda: gestión de stock, de medios de pago (incluyendo Paypal, transferencia bancaria y cheque en la versión que estoy probando), gestión de envíos con calculador del coste, carrito de compra, cupones descuento, ofertas especiales, informes y ajustes por país entre otras muchas cosas.

La información que podemos incluir en los productos es muy completa y se puede configurar de manera muy sencilla (incluidos productos para descarga) e incluso se permite completar la venta sin registro.

Lo mejor de todo: es de código abierto y se puede descargar gratis y modificarlo según nuestras necesidades. Además, se puede traducir fácilmente con un editor como Poedit o usando el plugin Codestyling Localization y tiene una documentación (escasa en la web) y un espacio en GitHub al que poder subir mejoras o traducciones.

Os dejo con el vídeo de presentación para que comprobéis su potencia y la sencillez de configuración:

Y una vez más, Google continúa reinventándose y actualizándose, y en este caso nos presentan una nueva función sobre su última aplicación, Google+, la cual consigue que podamos compartir los círculos con cualquier contacto, añadiendo así un importante servicio que no hace más que buscar una mejora sustancial en el uso de la red social.

Los círculos son una manera curiosa de organizar contactos a modo de listas. El ingeniero de Google Owen Prater  comenta que compartir esas listas es algo sencillo mediante tan sólo añadir un comentario opcional en el círculo y seleccionar la opción ‘Compartir’ (Share). De este modo, el círculo con todos los contactos que albergue será publicado en la línea de tiempo del usuario.

El nombre del círculo seguirá siendo privado y cada usuario que reciba el círculo podrá organizarlo a su gusto, añadiendo o eliminando contactos. El vídeo explicativo en cuestión lo integramos a continuación:

No en una, ni en dos, sino que será en varias las ocasiones en las que necesitemos saber algún tipo de información de algún cliente en cuanto a detalles informáticos, y es posible también (lo más probable) que el cliente no tenga mucha idea de cómo mirar cierto tipo de información por muy básico que parezca.

Cuantas veces se habrá dado la situación en la que un cliente os llama indicando que no ven de manera correcta el portal web que les hemos desarrollado, no quedando otra opción que plantearle al cliente una serie de preguntas tales como:

“¿En que navegador lo estas visualizando?”, “¿Qué resolución estas utilizando?”,“¿Qué sistema operativo estas utilizando?”.

Muchos clientes no tienen ni idea de cómo obtener dichos datos (tampoco es su labor), por eso está bien tener algún tipo de aplicación que se pueda utilizar desde cualquier sitio con internet.

Con Support Details puedes saber la información que necesitas saber del cliente sin tener que estar presente en persona y sin tener que dar soporte informático por teléfono.

Lo único que le tendrás que decir a tu cliente es que entre en la URL http://www.supportdetails.com y en la web le saldrá información como:

Además de informar de todos estos aspectos, nos brindan un formulario para enviar la información por e-mail indicando el nombre y el e-mail, además te da la opción de exportar toda la información en un pdf o enformato csv.

Publish Sync es una excelente extensión de Google Chrome con la que conseguiremos compartir lo que queramos en Google+, Twitter o Facebook desde una misma ventana dependiendo de la red donde estemos compartiéndolo.

Como veis en las imágenes, esta extensión añade opciones debajo de cada red social para compartir en las demás.

Interesante para aquellos que no quieran entrar en cada una de ellas para compartir.

Enlace de la descarga: Publish Sync Extension (Google Chrome)

Según un análisis de CMS que realiza la empresa BuiltWith Trends, prácticamente la mitad de los principales 10.000 sitios están funcionando gracias a WordPress, ahí es nada.

Como puedes ver en la gráfica, en segundo lugar de los CMS estaría Drupal, pero a mucha distancia.

Pero la cifra es mucho más impresionante si vemos la gráfica de los 100.000 sitios más importantes, donde WordPress llega casi al 60% …

Pero donde ya se muestra como absolutamente imbatible es si vemos la gráfica del millón de sitios principales, de los cuales prácticamente el 70% usan WordPress.

Recientemente Google Analytics realizó una serie de cambio que afectan el modo en que se cuentan las visitas a una página. Básicamente, modificó el tiempo de sesión y modificó la forma en que considera las visitas a través del buscador de Google.

Esta noticia nos viene por parte de la gente de Attach Media (Siempre bueno saber de los que saben), que nos explican con bastante claridad los cambios y sus consecuencias.

Google Analytics es la herramienta de analítica web más difundida, al menos entre quienes los adminsitradores de sitios web que no son especialistas en el tema. Si bien hay otras que la superan en la cantidad de información y capacidad de análisis, al ser gratuita y estar integrada a los demás servicios de Google suele ser la opción más habitual.

Habrá novedades para finales de Octubre. Adobe nos presentará alguna de las novedades que llegarán con Flash 11 y AIR 3.Una de las principales novedades, es la posibilidad de crear entornos 3D con “calidad de videoconsola” dentro de un juego en Flash.

Los entornos de dos dimensiones no se dejan apartados, y mejoran con un rendimiento al renderizar mil veces mayor que Flash 10. Además, la compatibilidad con las extensiones nativas permitirá que los desarrolladores usen código nativo de su sistema en sus aplicaciones para la plataforma multimedia de Adobe.

Tanto Flash 10 como AIR 3 quieren estar en tantas plataformas como sea posible: Windows, OS X, Linux, Android, BlackBerry y hasta iOS, aunque en ese sistema sólo podremos tener AIR por la actitud de Apple con Flash. En las plataformas móviles Flash tendrá acceso a partes del dispositivo como la vibración o los sensores de luz, ganando en versatibilidad para algunos juegos.

A pesar del enfrentamiento con Apple, desde Adobe no encuentran motivo para perder el fuelle con la evolución de Flash. Con la capacidad de crear mundos tridimensionales podríamos ver grandes juegos usando sólo ese plug-in, aunque tendremos que ver si el rendimiento está a la altura.

La página principal es la carta de presentación de la web, el trampolín hacia sus contenidos internos y tiene la misión de comunicar con eficacia su identidad y objetivos, así como servir de trampolín hacia el resto de páginas que compondrán nuestra web.

Por ello vamos a exponer algunos consejos básicos para construir la portada de una página web:

Llamar la atención: Será importante mantener una identidad visual coherente que esté en consonancia con los objetivos de la web y que responda a las necesidades del usuario.

Definir objetivos: Los usuarios nuevos querrán saber al instante dónde están y para qué sirve la web, teniendo siempre claro el por qué permanecer en la web y no marcharse a otra. Por ello es importante definir la identidad y el objetivo de la web cerca del logo, y usar la etiqueta <title> para así dejar constancia de ello.

Facilitar búsquedas: expertos en la materia distinguen entre usuarios link-dominants (aquellos que exploran la web antes de buscar) y search-dominants (aquellos que acuden al buscador tan pronto como entran en el sitio). Para los segundos es imprescindible un buscador interno que esté situado en una parte visible de la web, funcione de forma eficaz y, a ser posible, permita una búsqueda avanzada con opciones de acotación.

Organizar propuesta: La web debe tener una estructura jerárquica y un menú de navegación representativo, teniendo en cuenta los hábitos de búsqueda de los usuarios en los literales de la web para mejorar su experiencia lectora y el rendimiento en los buscadores.

Actualizar: En función del propósito de la web necesitarás actualizar los contenidos con mayor o menor regularidad. Renovarse o morir.

Muestra tus contenidos: Para cumplir los objetivos de la web necesitas crear incentivos que orienten a los usuarios hacia la conversión. Puedes promocionar contenidos internos a través de recursos como “lo último”, “lo más popular” o “lo más comentado” y apostar por llamadas a la acción (call to action) visibles y con literales originales.

No molestar: Ventanas emergentes y bloques de publicidad invasivos fatigan al usuario.

Conversa: Es muy importante mostrar tu presencia en redes sociales a través de widgets o botones. Tener seguidores significa que hay usuarios que ya han utilizado el mismo producto o servicio antes y de forma satisfactoria.

La semana pasada nos llegó la noticia. Desde hace un tiempo veníamos pidiendo a gritos que saliera a la luz la API de Google+ para que aplicaciones de terceros pudieran incluir opciones de publicación en sus servicios.

Desde googleplusplataform nos informan hoy mismo de esta estupenda noticia con todos los detalles para que los desarrolladores pueden empezar a crear sus aplicaciones. Aunque por ahora es un primer paso y no tiene todas las funciones disponibles, lo cierto es que las fundamentales como son, compartir contenidos de forma pública, identificarse o mantener conversaciones las tenemos disponibles desde hoy mismo.

Los programadores podrán ver todos los detalles en developers google donde irán publicando novedades.

Lo primero de todo es entender a las viñetas como un instrumento principalmente gráfico. En internet, nos ayudan a elaborar listas con las que resaltamos los detalles principales de un párrafo, a la vez que lo hacemos más atractivo visualmente. Su diseño vertical resulta muy útil en la maquetación de páginas web, eso sí, siempre empleándose con moderación, ya que con su abuso, estas perderán su eficacia. Debemos seleccionar en qué párrafos las aplicaremos y no recurrir a ellas para destacar cosas sin importancia.

Normas generales para elaborar listas con viñetas:

Normas de puntuación:

Nuevas tecnologías, nuevas posibilidades y por ello vamos ha realizar un pequeño ejemplo con HTML5 y CSS3 y ver así que cosas podemos llegar a implementar, y que con CSS2 era impensable.

El pequeño ejemplo consistirá en realizar un cubo en 3D con CSS. Las 3 caras del cubo se compondrán en nuestro caso, del logo corporativo, “como nó!!    ;)  , labor de marketing”.

Para empezar, necesitamos 3 imágenes separadas, cada imagen de 100 x 100 píxeles, degradado de claro a oscuro. Después añade dos píxeles de borde, que en un futuro nos servirá como el borde del propio cubo.

Código CSS

Ahora que tenemos nuestras imágenes, vamos a empezar a crear el código CSS.

.cube {

position: absolute;

                top: 100px;

                left: 100px;

}

El contenedor de nuestro cubo se llamará .cube, no necesitamos aplicarle altura y anchura, pero es recomendable aplicarle posición absoluta.

.face {

                position: relative;

                width: 100px;

                height: 100px;

                overflow: hidden;

}

Después necesitamos crear una característica global para cada cara de nuestro cubo. En esta parte si será necesario utilizar el posicionamiento absoluto. Indicaremos una altura y anchura de 100 píxeles, y ocultaremos el overflow para que si las imágenes son más largas, no destruyan el cubo.

.top {

                top: 0;

                left: 89px;

                background: #ffffff;

                -webkit-transform: rotate(-45deg) skew(15deg, 15deg);

                -moz-transform: rotate(-45deg) skew(15deg, 15deg);

}

Ahora posicionaremos la imagen superior del cubo con top y left. Después añadiremos el color de fondo, que no es necesario pero queda mejor. La siguiente parte seguramente sea la más importante, la nueva propiedad CSS3 transform. Muchos navegadores ya soportan esta propiedad, por lo que no tendremos problemas. Necesitamos incluir dos líneas extra para navegadores basados en webkit y para Firefox con el objetivo de que se muestre correctamente. Rotaremos el cubo 45º en el sentido de las agujas del reloj, 15º en posición oblicua para hacerlo coincidir con las otras caras del cubo.

.left {

                top: 77px;

                left: 44px;

                background: #ffffff;

                color: #ffffff;

                -webkit-transform: rotate(15deg) skew(15deg, 15deg);

                -moz-transform: rotate(15deg) skew(15deg, 15deg);

}

Después debemos construir un espejo de la cara izquierda con la derecha, es decir, las mimas propiedades de forma invertida.

.right {

                top: -115px;

                left: 145px;

                background: #ffffff;

                color: #ffffff;

                -webkit-transform: rotate(-15deg) skew(15deg, -15deg);

                -moz-transform: rotate(-15deg) skew(-15deg, -15deg);

}

Código HTML

La parte de HTML es la más sencilla, el formato sería así:

<div class="cube">

<div class="face top">

            <img src=".../WPN-P.png" height="100" width="100">

        </div>

<div class="face left">

            <img src=".../WPN-W.png" height="100" width="100">

        </div>

<div class="face right">

            <img src=".../WPN-N.png" height="100" width="100">

        </div>

</div>

Con HTML estructuraremos las imágenes. El ejemplo final sería así: