La necesidad de adaptar tu web site a dispositivos móviles

España es líder en tasa de penetración de Smartphones de los países EU5 (Alemania, España, Francia, Italia y Reino Unido). Estudio realizado por ComScore en abril de 2013.
El año 2012 cerró con una tasa de penetración del 63% dónde el 89% de los usuarios afirman usar estos dispositivos para conectarse a Internet a diario.

En cuanto a tablets ocupamos la octava posición en el ranking mundial con una tasa de penetración del 24%. El crecimiento de estos dispositivos ha sido histórico y nunca antes visto en nuestro país.

En términos de tráfico web procedente de estos dispositivos la tendencia también es creciente. En el año 2012 se duplicó por cuarto año consecutivo respecto al año anterior y se espera que en 2013 se mantenga dicho crecimiento.
Fuente: Comunidad IEBS, Innovation & Entrepreneurship Business School

• ¿son éstas, razones de peso en la adaptación de contenidos para la web móvil?
  
  Evidentemente sí, en el año 2013 ya habrá más usuarios navegando desde móviles que desde PC.
  
  
• ¿cuáles son los problemas con los que nos vamos a encontrar?
  
  Las características de este tipo de dispositivos dificultan la experiencia de navegación y de usuario. Cuentan con una serie de limitaciones que no tienen los ordenadores de escritorio:
  
  
  1. las pantallas son pequeñas y su resolución escasa
  2. no están optimizados para la entrada de datos
  3. existe una gran diversidad de dispositivos con diferentes capacidades: algunos terminales no soportan determinados formatos de vídeo o lenguaje de script
  4. la velocidad de carga de datos es más lenta
  5. disponen de un menor ancho de banda en sus conexiones
  6. escasos recursos de memoria de los dispositivos
  7. etcétera
  
  
• Ante un reto de tal magnitud, ¿cuáles son mis opciones de desarrollo?
  
  Existen tres técnicas de desarrollo que se utilizan normalmente en la web para dirigirse a los usuarios multidispositivo y permitir la personalización de contenido y optimización en la experiencia de usuario:
  
  
1. Responsive Web Design o diseño web adaptativo
   
   El diseño web adaptativo o adaptable es una técnica de diseño y desarrollo web que consigue adaptar el sitio web al entorno del usuario, lo que hace posible tener un único diseño para móviles, tabletas y PC.
   Esta técnica te permite optimizar la experiencia de tu página en diferentes tamaños de pantalla sin crear varios sitios web.
   
1. Dynamis Serving o publicación dinámica de diferente contenido HTML en la misma URL
   
   Cuando un cliente visita tu sitio web, el servidor web puede detectar el tipo de dispositivo en el que se encuentra y presentar una página personalizada (provees un documento HTML y CSS distintos) en la misma URL.
   Puede ser muy útil para ocultar o mostrar ciertos elementos que, según el contexto, no tienen sentido en móvil o en la versión de escritorio.
   
   
2. Web dedicada y exclusiva para móviles
   
   Consiste en crear un sitio diferente para el tráfico de móviles, independiente del sitio original para ordenadores.
   La ventaja fundamental es que la carga y navegación son más rápidos al adaptar más fácilmente el contenido a los usuarios de móviles.
   
   

Construyendo sitios web móviles amigables

¿Qué solución es mejor?

Google Developers: Creación de sitios web optimizados para móviles

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Herramientas web que te sacarán de más de un apuro

La red ofrece cada vez un mayor número de herramientas online cuyo uso nos facilita sobremanera el día a día.



Que tire la primera piedra quién no se haya visto en una situación de emergencia y haya tenido que recurrir a una de estas aplicaciones en línea de gran utilidad.

Algunas de las herramientas que uso con frecuencia:

• Convierte los archivos con extensión docx a doc
  
  Es posible que te hayan enviado por correo un documento de word adjunto con extensión .docx (formato de Office 2007) y al tener instalado una versión anterior (Office 2000, Office XP, Office 2003 o incluso OpenOffice) no has podido abrirlo.
  
  La solución es sencilla, basta con instalar el paquete de compatibilidad de Microsoft Office para formatos de archivos de Word, Excel y PowerPoint 2007.
  Pero si te urge leer el fichero sin recurrir a la instalación, recomiendo acceder al convesor online:
  
  Able2Extract
  
  
• Instala una impresora virtual generando pdf desde cualquier aplicación con PDF Creator
  
  Si has realizado todos los pasos necesarios para hacer una reserva online de avión o de hotel y llegados al último paso en el que quieres imprimir el localizador te das cuenta de que no tienes tinta en la impresora, no te eches las manos a la cabeza.
  
  Puedes instalar el software libre y gratuíto PDF Creator que genera archivos pdf desde cualquier aplicación que soporte impresión.
  
  PDF Creator
  
  
• Transforma cualquier url en un archivo pdf respetando el contenido original con HTML2PDF
  
  Si lo que queremos es crear un documento pdf a partir de una página web cualquiera HTML2PDF es tu herramienta online.
  
  Su manejo es tan sencillo como incluir la url del sitio web que nos interese o incluso su código html y marcar la opción "Convert" para obtener una previsualización del resultado final y un enlace de descarga para almecenar en nuestro equipo el documento final.
  
  HTML2PDF
  
  
• Convierte tu imagen al formato ICO. También puedes crear un favicon para tu web.
  
  Muy útil para los desarrolladores que no tienen el perfil de diseñador gráfico y por tanto no disponen de un programa de edición gráfica que resuelva este problema.
  Podemos encontrar este conversor en:
  
  Online Convert
  
  
• Reduce hasta un 70% el peso de una imagen png preservando buena parte de su calidad original con el compresor TinyPNG
  
  No olvidemos que el formato de imagen png es el único formato ampliamente soportado que puede almacenar imágenes parcialmente transparentes.
  
  Interesante herramienta para reducir el tamaño de imágenes de un website con el objetivo de lograr un menor consumo de ancho de banda, una carga más rápida y en definitiva una mejor experiencia de usuario.
  
  Shrink PNG files
  
  
• Potente editor online de html, javascript y css: JSFiddle
  
  Es una herramienta 100% web para practicar en tu navegador.
  Te ofrece un ambiente de varias ventanas, en las que puedes escribir por separado html, javascript y css y en otra ventana puedes ver el resultado de tus pruebas.
  
  Una de las ventajas añadidas, además de su fácil uso, es la incorporación de las librerías javascript más populares del mercado: Mootols, JQuery, Prototype, Yui, Dojo, Processing, ExtJS, etc.
  
  JSFIDDLE
  
  
• Interesante herramienta con la que tener una aproximación de cómo nos ven nuestros usuarios desde todo tipo de dispositivos: Screenfly
  
  Nos permite visualizar un sitio web en resoluciones de navegadores de escritorio, tablets, smartphones y hasta los navegadores presentes en algunos televisores o smart tv.
  
  Simplemente con introducir la URL de nuestro site o blog, esta herramienta simula de forma automática la visualización que un usuario tiene en múltiples resoluciones y dispositivos dando una idea exacta de la experiencia que estamos ofreciendo a nuestros usuarios.
  
  quirktools
  
  
• Si estáis diseñando una web o realizando cambios en vuestro sitio y una de las prioridades es cambiar su tipografía, podéis usar typewonder.
  
  Se trata de una herramienta que permite visualizar cómo quedaría cualquier página web si usamos algún tipo de letra de las disponibles en Google Fonts.
  
  Solo tenemos que informar la url y seleccionar la tipografía deseada, typewonder se encargará de mostrar el resultado sin necesidad de haber tocado una sola linea de código.
  
  TypeWonder
  
  
• Interesante utilidad web que nos permite encontrar el tono exacto de cualquier color que busquemos proporcionándonos el código hexadecimal correspondiente: 0to255
  
  Construido por diseñadores y para diseñadores, se trata de una herramienta minimalista, útil, sencilla e intiutiva.
  
  Elegimos un color del panel de colores ofrecido y de forma automática se incluyen una amplia colección de tonalidades que van desde el más claro hasta el más oscuro.
  
  0to255
  
  
• Herramienta online gratuíta para todo desarrollador interesado en validar su código html: HTML_CodeSniffer
  
  Los estándares que se utilizan para evaluar el código son WCAG 2.0 nivel AAA, WCAG 2.0 nivel AA y WCAG 2.0 nivel A.
  
  Esta utilidad cuenta además con una herramienta que nos permite pegar directamente el código html para mostrarnos posibles errores, advertencias y avisos de nuestro código.
  
  Las normas y sus reglas están alojadas en el repositorio GitHub, por lo que, una vez que una nueva norma o regla se agrega, el bookmarklet se actualiza de forma automática.
  
  HTML_CodeSniffer
  
  
• Conversor de divisas
  
  Por último, no quería excluir de la lista, un conversor de divisas para aquellos a los que nos apasiona visitar países más allá de las fronteras de la Unión Europea.
  
  La información que proporciona el sitio web se actualiza cada minuto, mostrándonos su valor real en cada momento.
  
  XE

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

¿por qué Twitter no va a la biblioteca?

A nadie le sorprende hoy el potencial de Twitter como servicio de microblogging o lo que es lo mismo, servicio que permite a sus usuarios enviar y publicar mensajes cortos (alrededor de 140 caracteres), generalmente de texto plano.


La idea para la que fué diseñado responde al concepto de un "periodismo creado por y para todos".

Desde sus inicios, allá por marzo de 2006, su crecimiento ha sido vertiginoso convirtiéndose en la red social con mayor número de usuarios. Y no es de extrañar porque representa una herramienta de comunicación imprescindible y altamente eficiente para la difusión de información en tiempo real y para la puesta en marcha de estrategias de marketing.

Sus posibilidades son tan amplias que todavía nos cuesta sacarle el máximo partido. Por destacar algunas de ellas, diremos que es especialmente interesante para:

• encontrar clientes potenciales
• divulgar ofertas y promociones
• gestionar y analizar tu comunidad de Twitter: SocialBro
• realizar encuestas: twtpoll
• compartir archivos: twileshare, filesocial, tweetcube, twitmail
• jugar al ajedrez: chesstweets
• intercambiar tarjetas de visita: twtbizcard
• distribuir y compartir música: tinysong, konect
• encontrar trabajo: tweetmyjobs
• comprar y vender objetos digitales y físicos: twotweet
• recomendar y leer recomendaciones
• encontrar noticias recientes: topsy
• encontrar personas y noticias geográficamente localizadas
• realizar pagos y cobrar dinero: twync
• promocionar un blog
• monitorizar tendencias: trendsmap, revisit, monitter
• hacer llamadas internacionales gratis: jajah

Una de las funcionalidades de mayor repercusión es su motor de Búsquedas que podemos usar de tres formas:

• desde la página de búsquedas 'https://twitter.com/search-home' que nos proporciona un número más que aceptable de operadores (de campo, booleanos, de proximidad...) para definir la precisión de una consulta y además, nos permite acceder a las tendencias del momento.
• desde la página de búsqueda avanzada 'https://twitter.com/search-advanced' con la posibilidad de confeccionar filtros de consulta complejos y en la que destacaría la posibilidad de búsquedas locales y publicaciones escritas en un idioma determinado.
• desde la caja de texto de búsqueda en la parte superior de la interfaz.

Y dicho todo ésto, os preguntaréis ¿qué tiene que ver con el título de este artículo?

Más allá de cualidades y virtudes, que las tiene y muchas, yo le pediría al equipo tecnológico de San Francisco que se esfuerce un poco más en el desarrollo del algoritmo de corrección ortográfica, diseñado para ofrecer consultas alternativas que mejoran los resultados de búsqueda del tipo "Did you mean" o "Quiso decir".

Nos ponemos manos a la obra e introducimos el término biblioteca en el campo de texto de consulta y pulsamos enter.

Twitter nos corrige,
Quisiste decir: biblioteta

El resultado en formato gráfico:



En un principio pensé que se trataba de algún término desconocido para mí o de reciente aparición en la nueva era digital, pero mis dudas se disiparon en segundos cuando al pulsar el link pude concluir que lo que andaba buscando era "Abasteciendo de Tetas desde el 1 de Octubre de 2010" o "Resorte cultural para el archivo mamario".

Gracias Twitter por tu inestimable ayuda!!!

Y sí, es verdad, las nuevas tecnologías avanzan muy deprisa y las herramientas de socialización y comunicación están cambiando nuestra forma de vida pero, al margen de sarcasmos e ironías, todavía nos queda un largo camino por recorrer.

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

¿te consideras un especialista SEO?

La optimización de motores de búsqueda o posicionamiento en buscadores es el proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores. Es frecuente nombrarlo por su siglas en inglés,
SEO (Search Engine Optimization)


Éstas son algunas de las cuestiones más importantes que tiene que hacerse un especialista seo:

• ¿Conoces las técnicas básicas y fundamentos de seo necesarios para rentabilizar un negocio en internet?
• ¿Qué es lo primero en lo que se fija de tu sitio web un experto seo?
• ¿Qué es lo que esperan de tí y qué es lo que puedes aportar como especialista seo?
• ¿Cuánto tiempo tardaré en posicionar mi negocio en los buscadores?
• ¿Conoces las herramientas adecuadas y referencias para poder llevar a cabo un proyecto?

Si tienes respuestas para las preguntas planteadas te invito a responder al siguiente cuestionario sobre 'estrategias de posicionamiento':

• Dentro del marketing en buscadores hay las siguientes modalidades:
  1. SEO y Campañas a CPC
  2. Campañas de Banners
  3. Estrategia de Linkbuilding
  
  
• Los efectos del SEO empiezan a notarse:
  1. Inmediatamente
  2. Al cabo de una semana
  3. Al cabo de unos meses
  
  
• La principal diferencia entre SEO y PPC es:
  1. El SEO es gratis y el PPC no
  2. El SEO es una estrategia para conseguir mejor posición en los resultados de la búsqueda y el PPC es publicidad pagada
  3. El SEO es de Google y el PPC no
  
  
• El modelo de PPC:
  1. Permite seleccionar un número ilimitado de palabras clave
  2. Es inmediato
  3. Las dos anteriores son correctas
  
  
• El posicionamiento de nuestra página en los resultados de Google depende de:
  1. El presupuesto invertido en Adwords
  2. Los factores de confianza detectados en nuestra página
  3. La cantidad de información que haya en nuestra página web
  
  
• El posicionamiento de una página depende de:
  1. Factores externos no controlables
  2. Factores on page y off page
  3. De la inversión que haga el anunciante
  
  
• Cuando hablamos de PPC estamos hablando de:
  1. Publicidad en Google
  2. El programa de Adwords de Google
  3. Search Engine Marketing
  4. Las tres anteriores son correctas
  
  
• El trabajo de un SEO consiste en:
  1. Diseñar la página web
  2. Detectar las señales de calidad que Google otorga mediante técnicas de ingeniería inversa, y aplicar las conclusiones a una web
  3. Organizar las campañas de márketing online de una empresa
  
  
• El Page Rank es:
  1. Una marca registrada por Google
  2. Un sistema por el cual Google asignaba relevancia a los documentos indexados
  3. Las dos anteriores son correctas
  
  
• Las señales de calidad son:
  1. Factores que componen el algoritmo de Google
  2. Componentes del código html
  3. Enlaces entrantes
  
  
• QDF y QDD son:
  1. Directorios online de empresas
  2. Subalgoritmos de búsqueda de Google
  3. Las siglas de sitios con autoridad de Google
  
  
• Un buen SEO conoce los factores de posicionamiento por:
  1. Publicaciones de Google
  2. Por técnicas de ingeniería inversa
  3. Google se lo dice
  
  
• ¿Qué es el Trust Rank?
  1. Un sistema que separa de forma semiautomática las páginas de calidad del spam
  2. Una lista de confianza elaborada por Google
  3. Es lo mismo que el Page Rank
  
  
• ¿Qué factores de confianza tienen más relevancia en el algoritmo de Google?
  1. Las métricas de enlaces
  2. El nivel de autoridad del dominio
  3. Las dos anteriores son correctas
  
  
• Las búsquedas realizadas por los usuarios pueden ser:
  1. Reales o inventadas
  2. Transaccionales
  3. Informacionales o navigacionales
  4. La segunda y la tercera son correctas
  
  
• La herramienta Key Word Tool de Google sirve para:
  1. Ver si existen las palabras que voy a seleccionar para mis campañas
  2. Pujar por el click
  3. Ver el volumen de búsquedas y el nivel de competencia de las palabras clave que voy a seleccionar
  
  
• La herramienta de Google Trends sirve para analizar:
  1. El volumen de búsquedas de las palabras claves elegidas
  2. Las tendencias de búsqueda en Google
  3. Las palabras elegidas por la competencia
  
  
• Los enlaces que generemos para nuestra página web deben ser:
  1. De sitios relacionados que no sean competencia directa
  2. Deben provenir de sitios de autoridad
  3. Las dos anteriores son correctas
  
  
• El Long Tail:
  1. Es una teoría referente a las palabras clave
  2. Es la lista de espera de indexación de Google
  3. Es el nombre del algoritmo de Google
  
  
• Se denomina Black hat SEO
  1. A técnicas de creación de enlaces entrantes
  2. A técnicas de SEO consideradas malas prácticas para Google
  3. Es el título de un manual de Google
  
  
• ¿Qué factor on page es más importante para el posicionamiento de una web?
  1. Los contenidos
  2. Las etiquetas de cabecera H
  3. Cursivas
  
  
• ¿Qué factor off page es más importante para el posicionamiento de una web?
  1. Velocidad de carga
  2. Tener un blog o un sitio "no follow" en Facebook
  3. Cantidad y calidad de links y enlaces desde otros sitios web
  
  
• ¿Cuál es una herramienta para el seguimiento de un KPI o indicador de rendimiento?
  1. Ctr + Alt + F
  2. Google Analytics
  3. Google Keyword Tool
  
  
• ¿Qué es el error 404?
  1. Página no encontrada
  2. Número de bites del título de una web
  3. Que la web no tiene Site Map
  
  
• ¿Cuál es el redireccionamiento "permanente"?
  1. 300
  2. 301
  3. 302
  
  
• ¿Cuál sería una buena etiqueta para optimizar una fotografía?
  1. Imagen1.jpg
  2. Imagen-de-reloj-oro-barato.gif
  3. reloj-oro.jpg
  
  
• ¿Cuál te parece un buen "Texto Ancla" para un link interno de una joyería?
  1. Leer más
  2. Haz clic aquí
  3. Relojes oro
  
  

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Y creías que lo sabías todo sobre la web ...

La "Web Social" o en inglés "Social Media" está cambiando nuestra forma de vivir: la forma en que nos comunicamos, creamos nuevas amistades, nos presentamos ante el mundo, buscamos trabajo y hacemos negocios.


Somos millones de personas interactuando en línea a través de blogs, wikis, redes sociales, sitios dedicados a compartir fotos, vídeo o música, widgets y bookmarks, por mencionar sólo algunos.

Este incesante flujo de información marca la tendencia hacia un nuevo panorama de comunicación en el que las Redes Sociales están superando a los medios tradicionales de información.
Si aún así crees que lo sabes todo sobre la world wide web (www) puede que estés muy equivocado.

Éstas son sólo algunas de las curiosidades que quizás todavía no conozcas:

• ARPANET es el antecedente de lo que hoy conocemos como Internet.
  Fué creado en 1969 cuando se estableció la primera conexión de computadoras entre tres universidades en California y una en Utah, Estados Unidos.
  Su desarrollo alcanza su máxima expresión en 1990 con el uso de la telaraña mundial (WWW) de la que Tim Berners-Lee es considerado creador.
• el primer banner de la historia fue lanzado en octubre de 1994 por la compañía de comunicaciones AT&T en HotWired.com, la primera revista digital y precursora del actual Wired.com. Su tamaño fue de 468 x 60 pixeles, lo que sigue siendo el estándar más utilizado en la actualidad. El mensaje del anuncio decía: "¿Hizo clic aquí alguna vez? ¡Pues debería hacerlo!"
• un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.
  
  ¿conocías los siguientes nombres de dominios de nivel superior?
  1. .asia, la región de Asia
  2. .biz prevista para ser usado por negocios.
  3. .eu, para países de Europa
  4. .fm, para páginas del país Estados Federados de Micronesia, pero usado también para estaciones de radio de frecuencia modulada
  5. .int, para entidades internacionales, organizaciones como la ONU
  6. .jobs, para departamentos de empleo y recursos humanos en empresas
  7. .mil, para el Departamento de Defensa de los Estados Unidos (Único país con dominio de primer nivel para el ejército)
  8. .mobi, para empresas de telefonía móvil o servicios para móvil.
  9. .museum, para los museos
  10. .travel, para páginas de la industria de viajes y turismo.
  11. .web es un dominio de internet de nivel superior, no oficial, que lleva propuesto desde 1995.
  12. .ws es un dominio de internet con el significado de web site.
  13. .xxx, para industria pornográfica.
  14. más información sobre dominios en wikipedia
• El 26 de marzo de 2006 Jack Dorsey, creador de Twitter, envió el primer 'tweet' de la historia: "creando mi twttr".
  Por países, en España existe un 30% de usuarios de Internet que utilizan Twitter frente al 20% de EE.UU. y el asombroso 51% de Arabia Saudí.
• Facebook es la segunda página web que más tráfico genera después de Google.
  En lo que respecta al porcentaje de la población mundial de Internet que twittea activamente (utiliza el sistema al menos una vez al mes), nos encontramos con un 21% (en empate con YouTube), mientras que Google+ arroja un 27% y Facebook un 51% (datos del segundo semestre de 2012).
• en España, Google alcanza la escalofriante cifra del 97,10% de cuota de mercado de buscadores (cifra de 2012), seguida por Bing, Yahoo, Orange y Conduit
• por contra, existen cinco países dónde su supremacía queda relegada a un papel secundario:
  1. Rusia con su buscador Yandex
  2. República Checa y Seznam
  3. China cuenta con Baidu
  4. Corea del Sur y Naver
  5. Japón y su buscador Yahoo Japan
• los huevos de pascual virtuales son mensajes ocultos o marcas personales sobre un producto intelectual.
  
  Algunos de los más sonados y divertidos:
  
  
  1. escribe about:mozilla en la barra de dirección de Mozilla Firefox y pulsa Enter
  2. ahora escribe about:robots y pulsa Enter
  3. entra en la página de Google Maps, pulsa el botón Cómo llegar e introduce en Dirección de origen: Beijing y en Dirección de destino: Tokio. En el punto 34 de la ruta, aparece el mensaje "Ir en moto de agua por el océano Pacífico" durante 782 km.
  4. en homenaje a la saga de videojuegos 'Star Fox', introducimos Do a Barrel Roll en la caja de texto de búsqueda de Google y pulsamos Enter para ver al buscador hacer un giro completo rememorando al de las naves que protagonizan este juego de Nintendo.
  5. ahora introduce el término askew o tilt, veremos que la página adquiere una ligera inclinación hacia la derecha.
     
     
• "Gangnam Style" del artista surcoreano PSY es el vídeo más visto de la historia de Youtube con más de 1300 millones de reproducciones (en su pico máximo ha registrado un promedio de 10 millones de reproducciones cada 24 horas, lo que supone casi 116 reproducciones por segundo solo en YouTube).
  
  
  Infografía realizada por @DosPuntoUno:
  
  

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Los mejores blogs sobre Tecnología

Podemos definir la tecnología, en su concepto más amplio, como un conjunto de conocimientos técnicos que sirven para satisfacer las necesidades humanas.



Para estar al día sobre lo que acontece en el mundo tecnológico, paso a citar algunos de los sitios webs en castellano más interesantes.

Están ordenados por el Page Rank de Google.
La definición de Page Rank que propone Wikipedia es "marca registrada y patentada por Google que ampara una familia de algoritmos utilizados para asignar de forma numérica la relevancia de los documentos (o páginas web) indexados por un motor de búsqueda".

ALT1040
http://alt1040.com/

---

Es uno de los weblogs de tecnología más seguidos de la blogosfera hispana. Esta bitácora lleva en la Red casi diez años (se creó en mayo de 2002) y es, sin duda, la "web estrella" de la red Hipertextual, creada por Eduardo Arcos.


“Noticias acerca de Internet, diseño, música, cine, opiniones, weblogs y medios.”

Google+: https://plus.google.com/110194183748024649926/posts
Facebook: https://www.facebook.com/alt1040
Twitter: https://twitter.com/alt1040

---

Genbeta
http://www.genbeta.com/

---

Genbeta es un weblog colectivo con vocación de negocio, dedicado a seguir la actualidad sobre los programas, los servicios en la web y todo aquello que pueda ser útil al internauta de hoy. Genbeta es propiedad de Weblogs SL y está escrito por algunos de los blogueros más destacados del género en español.

“Software, descargas y novedades. Las mejores aplicaciones web, con los trucos más útiles y toda la información.”

Google+: https://plus.google.com/109731528328750280665/posts
Facebook: http://www.facebook.com/pages/Genbeta/54999640934
Twitter: https://twitter.com/genbeta

---

Engadget
http://es.engadget.com/

---

Engadget es un weblog y podcast multilingüe sobre electrónica de consumo. Actualmente, Engadget cuenta con ocho páginas web separadas, todas ellas operando simultáneamente con su propio equipo. De esta manera, cubren las noticias sobre tecnología en diferentes partes del mundo y en su respectivos idiomas. En 2007, ganó el Premio Weblog para los sitios tecnológicos.

“Uno de los blogs con más proyección a nivel mundial sobre tecnología.”

Google+: https://plus.google.com/+Engadget/posts
Facebook: https://www.facebook.com/Engadget
Twitter: https://twitter.com/es_engadget

---

Fayerwayer
www.fayerwayer.com

---

Con secciones dedicadas a Internet, Software o Redes Sociales, este es otro de los blogs que desde el año 2005 viene siendo un referente a nivel de tecnología en español.

“Discusiones y opiniones de lo ultimo en tecnología y gadgets.”

Google+: https://plus.google.com/107452963925476734994/posts
Facebook: https://www.facebook.com/fayerwayer
Twitter: https://twitter.com/fayerwayer

---

ITespresso.es | Pymes, Start-Ups y Nuevas Tecnologías
http://www.itespresso.es/

---

Noticias sobre la actualidad informática en tiempo real, apoyado con entrevistas, análisis, reseñas de productos, reportajes, artículos de opinión y especiales.

“Información y actualidad de las Nuevas Tecnologías al instante.”

Google+: https://plus.google.com/115101147020401190044/posts
Facebook: https://es-es.facebook.com/ITespresso
Twitter: https://twitter.com/ITespresso

---

Microsiervos
http://www.microsiervos.com/

---

Es un blog de divulgación sobre tecnología, ciencia, informática y muchas cosas más (anotaciones de humor, actualidad en Internet y otros temas de interés). Los autores se autodenominan «un grupo de geeks» o «locos por la tecnología»


“Un blog donde tres amigos geeks escriben sobre lo que les gusta, especialmente asuntos de Tecnología, Ciencia e Internet.”

Google+: https://plus.google.com/106354231450317286375/posts
Facebook: https://www.facebook.com/microsiervos
Twitter: https://twitter.com/microsiervos

---

Barrapunto
http://barrapunto.com/

---

Barrapunto es un sitio web de noticias relacionadas con el software libre, la tecnología y los derechos digitales. Funciona sobre todo gracias al apoyo que le ha brindado la comunidad hispana de software libre, que ha contribuido de forma ininterrumpida para mantener este sitio desde su fundación en 1999.

“Noticias sobre Linux, software libre, ciencia y tecnología, con hincapié en Linux.”

Facebook: http://www.facebook.com/pages/barrapunto/112266492388
Twitter: https://twitter.com/barrapunto

---

Xataka
http://www.xataka.com/

---

Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc. Abierta al público el 3 de noviembre de 2004, fue el primer blog temático en español con vocación comercial.

“Publicación de noticias sobre gadgets y tecnología.”

Google+: https://plus.google.com/106643481235450321345/posts
Facebook: https://www.facebook.com/Xataka
Twitter: https://twitter.com/xataka

---

Error500
http://www.error500.net/

---

Error500 es un weblog sobre tecnologías de la información y el conocimiento, centrado en el análisis de las últimas tendencias en internet y el impacto de las nuevas tecnologías en la sociedad. Su creador es Antonio Ortiz, co-fundador de Weblogs SL (2004), empresa de blogs pionera en español en la publicación de weblogs verticales con vocación comercial.

“Internet, tecnología, buscadores y sistemas operativos.”

Google+: https://plus.google.com/115296285028537224763/posts
Twitter: https://twitter.com/antonello

---

Hipertextual
https://hipertextual.com/software

---

Software y aplicaciones para mejorar tu vida, guías de uso, trucos, listas, noticias y todo lo que necesitas para disfrutar de la tecnología.

“Blog de software, internet y servicios web.”


Google+: https://plus.google.com/116746271213441015369/posts
Facebook: https://www.facebook.com/hipertextual
Twitter: https://twitter.com/hipertextual

---

wwwhatsnew
http://wwwhatsnew.com/

---

En Wwwhat's new se comentan cada día varias aplicaciones gratuitas en la web. Servicios que os pueden ser útiles para dibujar, gestionar tareas, hacer amigos, encontrar restaurantes... decenas de categorías en la que podéis invertir el tiempo. También veréis publicadas noticias sobre Internet, con la evolución de los servicios conocidos y los eventos que están transformando la web, así como muchas relacionadas con Marketing en las Redes Sociales..

“Aplicaciones, marketing y noticias en la web.”

Google+: https://plus.google.com/115226967585612803317/posts
Facebook: https://www.facebook.com/wwwhatsnew
Twitter: https://twitter.com/wwwhatsnew

---

es.gizmodo.com
http://es.gizmodo.com/

---

Gizmodo es un weblog de tecnología que trata temas sobre electrónica de consumo. Fundado en 2002, fue editado originalmente por Peter Rojas hasta que este fue reclutado por Weblogs, Inc. para lanzar un blog de tecnología similar, Engadget


“Las ultimas noticias y exclusivas en tecnología y cultura digital.”

Google+: https://plus.google.com/+Gizmodo/posts
Facebook: https://www.facebook.com/gizmodoES
Twitter: https://twitter.com/gizmodoES

---

GeeksRoom
http://geeksroom.com/

---

Blog sobre Tecnología, Software Freeware, Social Media, Hardware, Gadgets, Fotografía, Tendencias y más.


“Blog independiente sobre Tecnología, Cultura Web y Social Media.”

Google+: https://plus.google.com/+Geeksroom/posts
Facebook: https://es-es.facebook.com/geeksroom
Twitter: https://twitter.com/geeksroom

---

TICbeat
http://www.ticbeat.com/

---

Actualidad y análisis en tecnología, tendencias y aplicaciones web, Social Media y las TIC en la empresa.


“TICbeat te ofrece a diario y en español noticias de Tecnología y Análisis de Tendencias Web.”

Google+: https://plus.google.com/114133900736054495299/posts
Facebook: https://www.facebook.com/www.ReadWriteWeb.es?ref=sgm
Twitter: https://twitter.com/ticbeat

---

El android libre
http://www.elandroidelibre.com/

---

El Androide Libre, la Web / Blog de referencia Android en español. Noticias, aplicaciones, juegos, teléfonos móviles... todo sobre Android y smartphones de Google.


“Todo lo relacionado con el mundo Android: Noticias, aplicaciones, novedades...”

Google+: https://plus.google.com/+elandroidelibre/posts
Facebook: https://es-es.facebook.com/elandroidelibre
Twitter: https://twitter.com/elandroidlibre

---

AppleWeblog
http://appleweblog.com/

---

La fuente de noticias del mundo de Apple, Mac, iPhone, iPad, reseñas y los eventos de la manzana.


“El medio no oficial de Apple en castellano.”

Google+: https://plus.google.com/+appleweblog/posts
Facebook: https://es-es.facebook.com/appleweblog
Twitter: https://twitter.com/appleweblog

---

Soft & Apps
http://www.softandapps.info/

---

Soft & Apps es un blog referencia, en español, sobre aplicaciones web, social media, software, Android e iOS, internet y mucho más.


“Blog dedicado a recopilar las mejores aplicaciones web que puedes encontrar en la red.”

Google+: https://plus.google.com/+SoftandappsInfo/posts
Facebook: https://www.facebook.com/softandapps
Twitter: https://twitter.com/softapps

---

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

El Opac y su evolución en la Web Social

El Opac o "catálogo de acceso público en línea", en inglés Online Public Access Catalog, es un catálogo automatizado que almacena los registros bibliográficos que integran una biblioteca.



Los servicios de información documentales adquieren una mayor relevancia en la web 2.0 en la que los usuarios destacan por desempeñar un papel activo en su desarrollo.

No perdamos de vista que ésta no es solo una tecnología, sino la actitud con la que debemos trabajar para desarrollar en internet. Incluso ya hemos oído hablar de la Web 3.0 como evolución del uso e interacción del conjunto de usuarios en la world wide web.

Todo ello supone un desafío por parte de las bibliotecas cuyos servicios tecnológicos tienen que adaptarse a la nueva web social.
De ahí surge el concepto "Biblioteca 2.0" en la que usuarios y bibliotecarios comparten, participan e intercambian opiniones y conocimientos.

En este sentido baratz , empresa lider en desarrollo e implantación de soluciones software para bibliotecas, archivos y centros de documentación y pymes y cuyo emblema es la "gestión del conocimiento", ha dado un paso más en la evolución de sus productos añadiendo más valor a la web e impulsando el aprovechamiento de inteligencia colectiva.

AbsysNET es una solución 100% web con el más alto nivel de prestaciones, dirigida a la gestión y administración de grandes redes de bibliotecas o bibliotecas que por su elevado nivel de complejidad no pueden prescindir de una herramienta de estas características.
Esta interfaz profesional, basada en la utilización de XHTML, XML, AJAX, JavaScript, DHTML, CSS y otras características avanzadas de diseño web, ofrece todas las posibilidades de una moderna interfaz gráfica: multilingüe, basada en menús, simulando entornos multiventana y con ayuda contextual, por ejemplo, todo ello sin necesidad de instalar ningún software cliente específico, ya que funciona desde un navegador estándar, lo que facilita de manera espectacular su mantenimiento.

Su versión Opac ya cuenta con un elevado número de prestaciones:

• Sindicación de contenidos (RSS)
• Etiquetado social
• Comentarios públicos y privados
• Marcadores sociales
• Agenda de actividades y eventos
• Bibliografías recomendadas
• Búsqueda facetada
• Alta de usuario
• Cumplimiento de las Pautas de Accesibilidad para el Contenido Web 1.0 - WCAG 1.0 - establecidas por el WAI perteneciente al W3C
• Implementación siguiendo los estándares XHTML 1.0 para el código de la aplicación web y CSS de nivel 3
• Teclas de acceso rápido o accesskey
• Selección de estilos visuales en versión "texto grande", "alto contraste" o "sólo texto"
• Compatible con los navegadores más modernos del mercado: Internet Explorer, Firefox, Chrome, Opera, Safari
• Interfaz web expresamente programado y diseñado para ser consultado desde dispositivos móviles: MOPAC
  
   

Y en estos momentos estamos dirigiendo nuestros esfuerzos hacia una web más activa y participativa con contenidos enriquecidos y de calidad en la que el usuario cobra especial importancia, ya que se le ofrece un número cada vez mayor de posibilidades y servicios y, al mismo tiempo, se espera más de su cooperación:

• Gestión de Préstamo electrónico libre o con diferentes posibilidades de DRM (social, basado en servicios Adobe, conectado con plataformas comerciales como Libranda, ...)
• Elementos de descubrimiento: autosugerencias en la pantalla de resultados
• Posibilidad de guardar listas de documentos marcados
• Personalización de las hojas de estilo de manera sencilla y transparente
• Posibilidad de añadir la foto de carnet en la ficha del lector
• Acceso directo (por URL directa) a funciones específicas: formulario de búsqueda, formulario de inscripción de lectores, ...
• Autenticación de lector a través de Facebook
• Compartir un título a través de Social Media (twitter, tuenti, facebook, google+)
• Mejoras en usabilidad de la interfaz web
• Nuevo diseño y mejoras en los procedimientos de asociación de portadas de títulos
• Sugerencias basadas en estadísticas de búsqueda: listado de títulos más prestados/visualizados
• Nube de etiquetas de lectores y también generadas automáticamente a partir de determinados campos del catálogo
• Exportación e importación de etiquetas sociales entre AbsysNET diferentes
• Posibilidad de filtrar bibliografías a partir de palabras clave
• Aviso de último número recibido a usuarios en la lista de distribución de una colección
• Posibilidad de almacenar búsquedas actuales como búsquedas permanentes en su perfil de usuario
• Posibilidad de utilizar imágenes almacenadas del servidor de objetos digitales para publicar en la información general del portal
• Desideratas tipo "compra uno más"
• Optimización de los procedimientos de sugerencias de compras para ámbitos universitarios y de bibliotecas especializadas
• Etcétera

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Cross Domain: comunicación entre distintos dominios

Cuando desarrollamos orientados a tecnologías webs se establece un mecanismo de seguridad de comunicaciones en navegadores webs con el fin de evitar acceder a información alojada en otros servidores.


Lo que se pretende es que ningún script ejecutado desde el navegador de una página web pueda acceder a otro servidor de páginas diferente al suyo.

No obstante hay alternativas para acceder al contenido de otro servidor web desde el browser desde dónde se ejecuta nuestra aplicación:

•  podemos usar un proxy como web service de tal forma que la comuniación no se establece entre mi browser y el servidor web deseado sino que llamo al servicio web alojado en mi servidor y éste hace la llamada.
  
  
• con jsonp o lo que es lo mismo Json con Padding: en lugar de realizar una petición Ajax (Asynchronous Javascript And Xml no funciona entre dominios distintos), generamos un archivo jsonp dinámicamente en el que definimos una variable que va a actuar como callback de la petición.

Como soy fiel seguidor de "maestros del web", voy a hacerle un guiño y voy a traerme sus diez últimos post publicados:

Jose Maria Acuña Morgado - Desarrollador Web

Leer más