0

Las 10 mejores extensiones para Google Chrome que un diseñador web debe tener

Publicado por Copán Galel el Mar 4, 2010 en: Diseño Web, Html, Informatica, Javascript, Programacion, navegadores

Extenciones de Google Chrome

Si eres un diseñador (desarrollador) web seguramente usas el navegador Chrome ya sea para probar tus desarrollos o como tu navegador de cabecera, ahora que soporta extensiones sería buena idea que pruebes estas extensiones que sin duda alguna te serán de mucha utilidad.

  1. Firebug Lite – Una de las extensiones más populares entre los diseñadores web, te permite editar el HTML, CSS y Javascript de cualquier página al vuelo.
  2. IE Tab – Agrega una pestaña que usa el motor de renderización de Internet Explorer.
  3. Eye Dropper – Para obtener información de cualquier color en una página web.
  4. Chrome SEO – Muestra información importante sobre SEO acerca de cualquier sitio.
  5. Lorem Ipsum Generator – Esta genera texto Lorem Ipsum para rellenar lo que quieras.
  6. Resolution Test – Prueba las páginas web con diferentes resoluciones.
  7. Speed Tracer – Te ayuda a medir los tiempos de carga de un sitio web.
  8. MeasureIt! – Te proporciona una regla para medir cualquier elemento de una página web.
  9. Pendule – Tiene varias herramientas como deshabilitador del CSS, validar el código, etc.
  10. BuiltWith – Te brinda información acerca de con cuales herramientas fue creado un sitio web.

Vía: Techtastico

Tags: , , ,

 
0

Mozilla lanza las APIs para Weave

Publicado por Copán Galel el Feb 9, 2010 en: Diseño Web, Informatica, Javascript, Linux, Mac, Programacion, Windows, movil, navegadores

APIs para Weave

Weave, la herramienta de Mozilla para sincronizar un conjunto de aspectos de sus navegadores, acaba de estrenar una API y una serie de recursos que pueden ser tremendamente útiles para las aplicaciones que las usen tras ser presentada su versión 1.0 hace escasos días: documentación oficial, librerías en Python y Javascript…

Estas nuevas herramientas permitirán que los usuarios consulten clientes desde los cuales podrán consultar los datos que Weave tiene almacenados para la sincronización entre navegadores, como pestañas abiertas, favoritos e historial de navegación. Para demostrarlo, los desarrolladores han puesto a disposición de los usuarios el prototipo de un cliente web y otro basado en comandos, una aplicación para WebOS y otra para el iPhone.

Las posibilidades son amplias: las aplicaciones que usen las APIs podrán acceder (previa cesión de permisos) a los datos de Weave para generar, por ejemplo, recomendaciones basadas a partir del historial de búsqueda y de navegación del usuario. Un buen avance, sin duda, para toda la infraestructura de aplicaciones de Mozilla.

Vía: Twitter de @eventoblog
Más información: Weave’s new APIs and resources for developers
Sitio oficial: Mozilla Weave

Tags: , , , , ,

 
0

Chrome añade soporte nativo para scripts de Greasemonkey

Publicado por Copán Galel el Feb 6, 2010 en: Informatica, Javascript, navegadores

Greasemonkey en Chrome

Muchos de los lectores ya conocerán Greasemonkey, una extensión de Firefox que nos permite añadir scripts escritos en Javascript para mejorar determinadas páginas, como por ejemplo PBTweet, Better GMail o Greased Lightbox.

Pues bien, el desarrollador de esta extensión ha anunciado en el blog de desarrollo de Chromium que este navegador soportará de forma nativa los scripts de Greasemonkey. Serán gestionados como las extensiones, ya que de hecho, Chrome los convertirá internamente a extensiones.

Sin duda, un paso muy útil e importante dentro de Chrome, aunque, según el autor, aproximadamente el 15-25% de los scripts no funcionen debido a diferencias en la API entre Firefox y Chrome. Esperemos que, dentro de poco, estos fallos se resuelvan y podamos disfrutar de todo el potencial de Greasemonkey en Chrome.

Vía: Chromium blog
Descarga: Userscripts.org

Tags: , , ,

 
0

HighCharts: Graficas en JavaScript

Publicado por Copán Galel el Jan 15, 2010 en: Informatica, Javascript

HighCharts en Javascript

HighCharts, un interesante script para la creación de gráficos escrito puramente en JavaScript. Brinda una forma muy fácil y atractiva para añadir estos gráficos a nuestras web, además de múltiples opciones si nos enfocamos en los estilos. Gráficos de barras, circulares, lineales, son algunas de las opciones por las que podremos optar. Su licencia es gratuita para uso personal, podrán encontrar soporte en línea y demos para nuevas ideas.

Enlace HighCharts
Vía: Xyberneticos
Fuente wwwhatsnew

Tags: , , , ,

 
0

Cuarta beta de Google Chrome

Publicado por Copán Galel el Nov 4, 2009 en: Informatica, Javascript, Software, navegadores

Ayer se publicó una nueva beta del navegador de Google. Chrome beta 4 incorpora dos interesantes novedades y demuestra que la versión final de este navegador está cerca.

La novedad más anunciada, como puede verse en el vídeo, es la sincronización de marcadores entre varios ordenadores. De esta manera, se pueden disponer de los marcadores en los distintos ordenadores que utilicemos: en el trabajo, casa, el portátil.. para implementar esta funcionalidad han utilizado XMPP, tal y como ya hace GTalk.

La nueva beta, además ha visto incrementada su velocidad a la hora de ejecutar Javascript, incrementándose un 30% sobre la beta anterior y hasta un 400% desde la primera versión.

Vía: Google Chrome Blog y Genbeta
Enlace: Google Chrome

Tags: , , , ,

 
0

Chrome arregla dos fallos de seguridad graves

Publicado por Copán Galel el Aug 28, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Seguridad, navegadores

Google Chrome

Google acaba de solucionar dos vulnerabilidades graves en la versión estable de Chrome, que pueden hacer que un usuario malicioso tome el control del ordenador afectado.

Con un ataque dirigido al motor JavaScript de Chrome, un código malicioso insertado en una web permite al atacante tener acceso a información privada e incluso ejecutar código arbitrario.

El otro fallo explotaba información formateada en XML que causaba un bloqueo en la pestaña que la cargaba, y permitía la ejecución de código arbitrario, pero sólo dentro del sandbox del navegador.

Tan sólo hay que instalar la última versión de Chrome para tapar los boquetes. Puede hacerse desde el cuadro “Acerca de Chrome” en el menú de ayuda, o bien descargarlo desde el enlace al pié del artículo. Comprobad que la versión instalada es la 2.0.172.43 o posterior.
Leer mas…

Tags: , , ,

 
0

La Beta de Chrome 3 ya se puede descargar

Publicado por Copán Galel el Jul 28, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Programacion, Software

Chrome

Google acaba de lanzar la primera Beta de Chrome 3. Dentro de las novedades que apreciamos en esta nueva release de Chrome están la implemetanción de algunas partes del HTML5 (específicamente, se da soporte al tag < video >), la actualización del motor Javascript V8, y mejoras en las Developers Tools, las cuales ahora incoporan las pestañas Scripts y Profiles, y además puden ser ancladas en la ventana principal de Chrome para que trabajar con ellas sea menos dificil.

Asimismo, hay mejoras de usabilidad en la “Omibarra” (la barra de de direcciones de Chrome que también funciona como caja de búsqueda), la cual ahora muestra diversos iconos de acuerdo a si las sugerencias ofrecidas son elementos del historial, búsquedas, o sitios recomendados por Google.

Y por supuesto, está la flamante página de “nueva pestaña” . Lo mejor de todo es que en ella ya está completamente operativa la función de “tips y sugerencias” que nos recomienda sitios webs en función de las páginas que visitamos frecuentemente.

Vía: Genbeta
Más información: Chrome Releases
Enlace de descarga: Google Chrome

Tags: , , , , ,

 
0

Paste question, comunidad de preguntas y respuestas para programadores

Preguntas y Respuestas

Cuando uno revisa cualquier código de programación que le está planteando problemas, habrá ocasiones en las que no encuentra respuesta, y tendrá que acudir a foros, a mensajes de correo electrónico a determinados contactos, o resolver como buenamente pueda esos problemas. Es por ello por lo que existe Paste Question.

Se trata de una comunidad de preguntas y respuestas para programadores, donde unos plantean los problemas que tienen en sus códigos, añadiendo un fragmento de los mismos, para que otros les ofrezcan las mejores soluciones posibles. O sea, podíamos verlo como una comunidad tipo Yahoo Answers, aunque más simple y enfocado a los problemas que tienen los desarrolladores en los códigos de programación en los que están trabajando. Hay que señalar que Paste Question dispone de coloreado de sintaxis, lo que permite trata mejor los códigos expuestos.
Leer mas…

Tags: , , ,

 
2

prettyPrint, visualiza tus variables javascript

Publicado por Copán Galel el Jun 8, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Programacion

Tips de Programación

James Padolsey nos deleita con una nueva aplicación Javascript que nos ayudará a depurar nuestros scripts. Se trata de un sistema visual para mostrarnos el contenido de nuestras variables.

// HTML
<div id=”debug”></debug>

// Javascript
var Objeto = {
uno: function(){
return “Esto es una función”
},
dos: [1,2,3,4,5],
tres:{
uno: “UNO”,
dos: [{
uno: “uno”
},{
dos: “dos”
}]
},
cuatro: “CUATRO”
};

var prettyObject = prettyPrint(Objeto,{/* Opciones */});

document.getElementById(”debug”).appendChild(prettyObject);

Leer mas…

Tags: ,

 
0

Google Chrome 2.0 deja la fase Beta

Publicado por Copán Galel el May 23, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Negocios, Software

Google Chrome

Solamente un par de meses han sido necesarios para que Google Chrome 2.0 deje atrás la fase beta, pues desde hoy ya está disponible para descargar su versión estable para sistemas Windows. Mejoras en sus motores de renderizado web y JavaScript son las principales novedades, pero no las únicas.

Así pues, además de aumentar hasta un 30% más la velocidad de su V8 y beneficiarse de la última versión de WebKit, Google Chrome 2.0 también mejora su estabilidad, pues a 300 asciende la cifra de errores que soluciona esta versión.

Leer mas…

Tags: , , , , ,

 
0

Mozilla Labs lanza Jetpack, un Greasemonkey con esteroides

Publicado por Copán Galel el May 21, 2009 en: Diseño Web, Informatica, Javascript, Lenguajes de Programación, Programacion, Software

Mozilla Labs sigue manteniendo un desarrollo muy activo este año y hoy le ha dado por presentar la rueda 2.0: Jetpack. ¿Qué es Jetpack? Una nueva manera de escribir extensiones pequeñas, solo con un poco de código Javascript. Es decir, como Greasemonkey.

La diferencia es que con Jetpack no solo podremos modificar el comportamiento de una única página sino de todo el navegador, gracias a una API que nos da acceso a todos los elementos. Además, tendremos acceso a librerías externas como JQuery o una API para Twitter, ampliables en un futuro próximo, y el desarrollo es aún más sencillo gracias a la integración con Bespin y Firebug.

Las mejoras de esta forma alternativa de desarrollo están claras: no hace falta reiniciar al instalar la extensión y por supuesto el proceso de desarrollo es mucho más fácil, directo y rápido. Visto con perspectiva, así debería haber sido el sistema de extensiones en un principio, añadiendo algunos extras. Una lástima que hayan esperado tanto, podrían haber integrado Greasemonkey (y aprovechado todo lo escrito hasta ahora) y a partir de ahí desarrollado las API necesarias para interactuar con el resto del navegador.

Vía: Mozilla Links y Genbeta
Descarga: Mozilla Labs Jetpack

Tags: , , , , , , , ,

 
0

Las 10 mejores funciones de Javascript

Publicado por Copán Galel el May 16, 2009 en: Diseño Web, Javascript, Programacion

10 mejores funciones de javascript

Nuestro amigo Dustin Diaz, ha hecho una recopilación de las mejores funciones en Javascript, cuando empezé a leer este artículo pensé, “Serán las 10 que más le han gustado a él…”, he terminado de leerlo y aplaudo su elección, sin duda son las mejores, o por lo menos las más útiles.

Esto no se puede aplicar a todos los proyectos ya que para cada uno requeríremos unas funciones u otras, dependiende siempre de nuestras necesidades. Lo que si es cierto que generalizando estas funciones son execepcionalmente buenas, he de ahi el motivo por el cual la mayoría de las grandes librerías las integren iguales o con una leve modificación.

10 - addEvent()

function addEvent(elm, evType, fn, useCapture) {
if (elm.addEventListener) {
elm.addEventListener(evType, fn, useCapture);
return true;
}
else if (elm.attachEvent) {
var r = elm.attachEvent('on' + evType, fn);
return r;
}
else {
elm['on' + evType] = fn;
}
}

Leer mas…

Tags: ,

 
0

Mach5 Web for Mobile, páginas web en el móvil como en la computadora

Publicado por Copán Galel el May 10, 2009 en: Ajax, Diseño Web, Html, Informatica, Javascript, PHP, Redes

YahooLlega más competencia al terreno de los navegadores para Windows Mobile con Mach5 Web for Mobile, que sigue la estela de Skyfire, utilizando un proxy para renderizar los datos en el servidor y mostrarlos en nuestro teléfono.

Esto le permite mostrar páginas tal y como lo haríamos en nuestra computadora, así como ser compatible con tecnologías como Flash 10, AJAX, ActiveX,… De este modo funcionan páginas como Youtube o Google Maps sin ningún problema. La pregunta que me hago es la siguiente, que pasará con el lenguaje de programación WML ? recuerdo que estudie dicho lenguaje y lo implemente en un proyecto de la universidad.

Mach5 for Web Mobile incorpora otras capacidades, entre las que encontramos la posibilidad de hacer zoom, de mostrar solo el texto para una mejor visualización, guardar imágenes o bloquear popups. Lo único malo es que, por ahora, se trata de una beta que caduca a mediados de este mes, y no se sabe si pasado este periodo será de pago o se continuará su desarrollo.

Vía: PhoneArena y Xataka Movil
Más información: Mach5.

Tags: , , ,

 
0

Multilíneas en Javascript

Publicado por Copán Galel el May 8, 2009 en: Informatica, Javascript, Lenguajes de Programación, Programacion

Programacion

Siempre que intentamos escribir un script en Javascript que requiere un string de varias líneas conseguimos un error de que el código está mal formado. Eso es un problema para estos scripts que generar contenido HTML, ya que al tenerlo en una línea perdemos claridad y no vemos exactamente lo que estamos diseñando.

Hoy en Snook.ca, nos muestra un sistema para conseguir Strings en Javascript con saltos de línea, lo que nos permite hacer cosas así:

$('#ID').append(
'<div id="page"> \
<p class="texto">bla bla bla</p> \
</div>'
);

La clave está en usa (\) para indicar el salto de línea, esto, misteriosamente, hace que el navegador detecte que se trata de una sola línea, haciendo el trabajo de unirlas por nosotros.

Una curiosidad más de esta lenguaje que nos ayuda a hacer las cosas más fáciles y sobretodo claras.

Vía: Anieto2k

Tags: ,

 
0

Introducción a los W3C Widgets

Publicado por Copán Galel el Apr 22, 2009 en: Ajax, Diseño Web, Html, Informatica, Javascript, Software

Web Widgets

¿Que es un widget?

Esencialmente un Widget es un conjunto de HTML/CSS/Javascript locales. Decimos locales, por que una vez que, por ejemplo, un movil descarga un widget debe ser capaz de usarlo localmente, al quedar instalado en él.

Aunque actualmente la utilización de widgets es muy límitada, lectores de RSS, relojes,… no hay razones teóricas de que no puedan ser capaces de crear aplicaciones basadas en Javascript realmente complejas, por ejemplo una Hoja de Cálculo.

Leer mas…

Tags: , , ,

Copyright © 2010 Maya Lab Derechos Reservados. Tema por www.grupomayal.com.