Archivos de la categoría ‘DesarrolloWeb’

Fuente: desarrolloweb

Enlace: http://www.desarrolloweb.com/de_interes/wappalyzer-quieres-saber-tecnologia-usa-web-7651.html

Wappalyzer es una extensión del navegador que nos muestra qué herramientas y tecnologías son las reponsables de aquellas webs que por cualquier razón nos han llamado la atención.

Entre otras posibilidades esta utilidad detecta que sistema de gestión de contenido, CDN, framework Javascript, sistema de gestión de bases de datos, servidor web, lenguajes de programación o incluso widgets usa un determinado website.

Tras una primer periodo temporal en el que Wappalyzer.com solo soportaba el navegador Firefox, ahora esta extensión también funciona con Chrome.

Además de lo anterior si no eres usuario de los navegadores de Mozilla o Google, esta herramienta también está disponible en forma de bookmarklet aunque todavía en fase beta, para que cualquiera puede usarla con tan solo un par de clicks.

Muy interesante para cualquier webmaster interesado en conocer de primera mano algunos de los secretos de nuestra competencia Wappalyzer está disponible de forma completamente gratuita para su descarga desde wappalyzer.com.

 

Fuente: Martín Beas Núñez

Enlace: http://martinbeasnunez.com.ar/blog/temas-gratis-responsive-design-wordpress/

Pre-curso Web Design

Publicado: 25 de octubre de 2012 en WebDesign

Fuente: desarrolloweb

Enlace: http://www.desarrolloweb.com/en-directo/designio-pre-curso-webdesign-7575.html

Martes 23-10-2012 interesante hangout sobre #designIO, un directo previo al curso de Web Design de EscuelaIT-DesarrolloWeb.com

 

En este #designIO se habla sobre todo de como crear tu portfolio,  para que muestre lo que sabes hacer a potenciales clientes :).

Fuente: engadget

Enlace: http://es.engadget.com/2012/10/24/rara-ios-windows8-mexico/

Rara.com extiende sus tentáculos a iOS, Windows 8 y varios países (entre ellos México)

Si lo recuerdas, hace más o menos un año te hablamos de un nuevo servicio de música en streaming bautizado como Rara.com Pues bien, ahora vuelve a la escena para contarnos cómo han ido esos diez meses de singladura, y te aseguramos que han sido bien aprovechados. Así, el servicio ha mejorado la experiencia en web, dispone ya un widget para Android cuenta con una app para iOS compatible con AirPlay y están cocinando una aplicación para Windows 8 Pero aquí no terminan la notica sobre este servicio de música con ese nombre tan atípico, y es que sus cerca de 18 millones de canciones pueden escucharse ahora en muchos más países (ahora se incorporan México, Brasil, Hong Kong, Taiwán, Malasia, República Sudafricana y Portugal), hasta alcanzar la nada desdeñable cifra de 27 mercados en los que pueden disfrutar de Rara.com.

Y Lenovo se une a la fiesta, ya que ha firmado un acuerdo con el servicio por el que éste llega precargado en los tablets Android y dispositivos Windows 8.

Fuente: engadget

Enlace: http://es.engadget.com/2012/10/24/cyanogenmod-parcheado-bug-seguridad/

CyanogenMod parcheado para evitar un bug que podría almacenar los gestos para desbloquear tu teléfono

Si eres un cocinillas de las ROMs, seguro que no instalas una nueva versión sin saber qué trae de nuevo ni dejas en el aire conocer los posibles fallos de tus actualizaciones antes de flashear tu teléfono. En otras palabras, eres un consumidor bien informado y conoces tu teléfono al dedillo. Tal vez por eso te sorprenda saber que una línea de código en CyanogenMod podría haber estado guardando los gestos y movimientos de tus dedos usados para desbloquear el teléfono, lo que supone un obvio fallo de seguridad.

Gabriel Castro, uno de los desarrolladores de la popularísima ROM Android, se topó sorprendido con este problema presente desde una actualización liberada allá por el mes de agosto, aunque en un principio ningún teléfono debería correr peligro. Esto es así porque acceder al log con los datos supondría un arduo trabajo que además requeriría acceso directo al teléfono, por lo que a pesar de lo terrible que pueda sonar el asunto no hay motivos para temblar. De hecho, el fallo ya ha sido resuelto en una nueva actualización, de forma que si no estás a la última no sabemos a qué esperas para curar tu hipocondría electrónica.

[Vía ArsTechnica]

Leer – CyanogenMod
Leer – CyanogenMod (descargas)
Leer – GitHub

Fuente: desarrolloweb

Enlace: http://www.desarrolloweb.com/de_interes/google-crea-gratis-version-movil-web-7543.html

 Descubre esta plataforma con la que Google nos ayuda a dar el paso necesario para adaptar un site a la realidad web de hoy en día.

 

11/10/2012 – Google, la compañía líder de Internet en colaboración con  dispone de un proyecto con el que adaptar nuestro site a una realidad que hace tiempo que ya es algo más que una tendencia en la web.

En este sentido varios son los estudios e informes que apuntan datos como que en 2013 se calcula que habrá mas usuarios navegando en Internet desde dispositivos móviles que desde equipos de escritorio.

Como debes saber, el hecho de que tus usuarios puedan ver tu web desde su smartphone o tablet no significa que ofrezcas una experiencia de usuario móvil capaz de responder a características como rapidez, simplicidad de navegación, manejo táctil o adpatabilidad a diferentes resoluciones y dispositivos.

Ahora, para convertir tu web en móvil Google ha llevado a cabo un proyecto desde el qjue simplemente debemos realizar un sencillo test desde www.haztuwebmovil.com para comprobar que experiencia móvil estamos ofreciendo en la actualidad y posteriormente seguir los pasos indicados en www.howtogomo.com para crear una versión de tu web a adaptada a smartphones, tablets y cualquier dispositivo móvil.

Esta interesante plataforma para adaptar tu negocio a la realidad de hoy se puede llevar a cabo sin necesidad de conocimientos técnicos ni de programación y de una manera completamente gratuita.

Además de lo anterior desde www.haztuwebmovil.com vamos a poder encontrar interesante información en español acerca de las ventajas de adaptarse al móvil, guías sectoriales y recursos adicionales para hacer nuestra web móvil.

 

Fuente: desarrolloweb

Enlace: http://www.desarrolloweb.com/articulos/drag-drop-html.html

Complementamos lo expuesto en el artículo anteriormente publicado:
Lectura de archivos en HTML (File API)
Nos basamos en todo lo allí comentado extendiendo su funcionalidad, con nuevas capacidades de arrastrar y soltar (drag & drop) archivos de imagen. Se trata de una continuación de lo allí descrito y así debe tomarse, por lo cual recomendamos leer primero el artículo precedente. 

(más…)

Lectura de archivos en HTML (File API)

Publicado: 15 de octubre de 2012 en DesarrolloWeb

Fuente: desarrolloweb

Enlace: http://www.desarrolloweb.com/articulos/file-api-html.html

HTML 5 no tiene directamente nada que nos proporcione facilidades de acceso a archivos en el ordenador del usuario; pero el W3C define un API estándar para solventar, al menos en parte, esa carencia. Se trata del File API.

Su propio nombre es algo engañoso, podríamos esperarnos un completo API para lectura y escritura de archivos desde y hacia un disco duro en nuestro explorador de Internet. Sin embargo, dista bastante de ello, al menos hasta el presente.

 

El File API nos proporciona rutinas JavaScript para poder recabar archivos de nuestro disco duro y manipularlo parcialmente -abrirlo y explorar sus datos, exclusivamente-. Lo verdaderamente atractivo es que permite hacerlo directamente desde el disco duro local y el explorador, sin necesidad de ningún tipo de transacción de datos a través de Internet.

Notorio también es saber lo que no hace, fundamentalmente, no es capaz de modificar contenidos ni de crear archivos nuevos. Así que para almacenar información nueva, hemos de volver nuestra vista a otras opciones, que pueden pasar por el Web Storage, en unos casos, o el uso de soluciones del lado del servidor en otros.

Las bases oficiales de la definición del estándar File API (en inglés) se pueden consultar en:

¿Cómo se implementa?
Algunas consideraciones:

  • No se trata de un sistema general de lectura de archivos, hemos de prever con qué tipo de archivos vamos a trabajar.
  • Las posibilidades tampoco son amplias, pero sí las más interesantes: archivos de texto y archivos de imágenes.
  • Tendremos de comprobar que el navegador de Internet nos da el soporte necesario para trabajar con el File API.

Tabla 1: Soporte en los diferentes exploradores de Internet:  (más…)

HTML5 Doctor: diccionario web de HTML5

Publicado: 10 de octubre de 2012 en DesarrolloWeb

Diccionario web de HTML5

Fuente: HTML5 Doctor

Enlace: http://html5doctor.com/

Fuente: Desarrolloweb

Enlace: http://www.desarrolloweb.com/de_interes/html5-doctor-diccionario-web-html5-6726.html

Dynamic Drive: recurso imprescindible para todo diseñador web

Fuente: Desarrolloweb

Enlace: http://www.desarrolloweb.com/de_interes/dynamic-drive-recurso-imprescindible-disenador-web-7199.html

Plantillas

http://iwebask.com/blog/2012/07/24/30-awesome-latest-free-high-quality-web-templates/#.UBAeb1Vcpr8.google_plusone_share

960 Grid System y el porqué del diseño basado en sistemas de grillas

http://www.desarrolloweb.com/de_interes/960-grid-system-disenos-sistemas-grillas-7123.html

Primeros pasos con HTML5 Boilerplate

http://www.desarrolloweb.com/de_interes/primeros-pasos-html5-boilerplate-6987.html#contenido_externo

Web development for beginners

Publicado: 10 de octubre de 2012 en DesarrolloWeb

Fuente: Desarrolloweb

Enlace: http://www.webplatform.org/

http://docs.webplatform.org/wiki/beginners

Summary

This set of articles is for complete beginners to work through in confidence, building up their essential skills at the beginning of the journey to becoming a web designer or developer.

Before you start1 comment

In this course, you’ll be writing a lot of code, and testing it out in web browsers. Before you start, you should at least have the following installed:

  1. The newest browsers you are able to install. If you don’t have them already, grab them from the homepages of [Firefox], [Opera], [Safari], [Chrome], and [Internet Explorer].
  2. A decent text editor. Reasonable free options are [Notepad++] for Windows, [Text Wrangler], for Mac, and [Bluefish] for Linux. Another one is [Sublime Text] which runs on all platforms.

Now roll your sleeves up and let’s get ready to learn. [Browse our full list of learning articles] if you exhaust the list of articles here, and want to learn more!

Web fundamentals

HTML — structuring your web content

CSS — styling your web content

JavaScript — adding dynamic behaviour to your websites