Bitacoras.com: comunidad de "koronas"

Google DocType, documentación para desarrolladores web

aNieto2k — Thu, 15 May 2008 20:15:59 +0200

Por aNieto2k en aNieto2K el 15 de mayo de 2008 a las 20:15:59

La propia página de Google Doctype, lo resume en una sola línea.

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers.[...]

Osea

Google Doctype es una enciclopedia abierta y una librería de referencia. Escrita por desarrolladores web, para desarrolladores web.[...]

Con esa línea nos deja entrever lo que nos vamos a encontrar en su interior:

Artículos sobre seguridad
Artículos sobre Javascript
Artículo sobre CSS
...

Todo ello 100% libre bajo la licena Creative Commons 3.0 Attribution, osea que podremos usarlos simplemente linkando la fuente de donde los hemos sacado. Si echamos un vistazo algo más exhaustivo, nos encontramos una pantalla en la que navegar por los artículos además de fácilmente asombra la rapideza con la que aparecen los artículos. Desde HOWTO's en los que nos muestran código de como hacer algunas de las tareas comunes de cada día (Reconocer el navegador, Verificar la definición de una variable, ...) y tareas no tan comunes (Detectar el TextResize, Calcular el espacio de scroll, ...) Otra sección interesante es la recopilación de referencias a los diferentes elementos de los diferentes lenguajes usados en la capa cliente externa del desarrollo web (HTML, CSS, Javascript(DOM)), allí se reunen la documentación necesaria para que no tengas que rebuscar por toda internet. Personalmente solo puedo decir que ya tengo otro acceso directo formando parte de la barra de marcadores de Firefox :D

Aprende a hacer tabs con CSS y jQuery como si estuvieras en primero

aNieto2k — Thu, 15 May 2008 19:51:11 +0200

Por aNieto2k en aNieto2K el 15 de mayo de 2008 a las 19:51:11

Si estás planteandote hacer un menú basado en Tabs, este manual podrá ayudaros a conseguir uno realmente elegante mediante el uso de CSS y el todopoderoso jQuery. [Demo]

Detectar plugins instalados en Internet Explorer

aNieto2k — Thu, 15 May 2008 08:48:08 +0200

Por aNieto2k en aNieto2K el 15 de mayo de 2008 a las 08:48:08

Si estás usando window.ActiveXObject() para aportar alguna funcionalidad extra a tus aplicaciones deberías revisar que dicha funcionalidad está disponible, ya sea por que se trata de un navegador diferente o por que el usuario no lo tenga instalado. Para ello podemos usar el objeto plugins, basado en la recopilación de detectores de plugins para Internet Explorer.

var plugins = { hasAcrobat:function() { if (!window.ActiveXObject) return false; try { if (new ActiveXObject('AcroPDF.PDF')) return true;} catch (e) {} try { if (new ActiveXObject('PDF.PdfCtrl')) return true;} catch (e) {} return false; }, hasFlash: function() { if (!window.ActiveXObject) return false; try {if (new ActiveXObject('ShockwaveFlash.ShockwaveFlash')) return true;} catch (e) { return false;} }, hasJava: function() { return (!navigator.javaEnabled()); }, hasQuickTime: function() { if (!window.ActiveXObject) return false; try { if (new ActiveXObject('QuickTime.QuickTime')) return true;} catch (e) {} try {if(new ActiveXObject('QuickTimeCheckObject.QuickTimeCheck')) return true;} catch (e) {}; return false; }, hasRealPlayer: function() { if (!window.ActiveXObject) return false; var definedControls = [ 'rmocx.RealPlayer G2 Control', 'rmocx.RealPlayer G2 Control.1', 'RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)', 'RealVideo.RealVideo(tm) ActiveX Control (32-bit)', 'RealPlayer' ]; for (var i = 0; i < definedControls.length; i++) { try {if(new ActiveXObject(definedControls[i])) return true;} catch (e) {continue;} } return false; }, hasShockwave: function() { if (!window.ActiveXObject) return false; try {if(new ActiveXObject('SWCtl.SWCtl')) return true;} catch (e) {return false;} }, hasWMP: function() { if (!window.ActiveXObject) return false; try {if(new ActiveXObject('WMPlayer.OCX')) return true;} catch (e) { return false;} } }

Modo de empleo

if (plugins.hasFlash()) { .... tiene flash ... } else { .... no tiene flash ... }

Demo

He montado una mini demo para verlo funcionar. Podeis verla aqui.

Bitacoras.com: comunidad de "koronas"

Google DocType, documentación para desarrolladores web

Artículos relacionados

Aprende a hacer tabs con CSS y jQuery como si estuvieras en primero

Artículos relacionados

Detectar plugins instalados en Internet Explorer

Modo de empleo

Demo

27 de Mayo: 2º Barcamp de Movilidad

Processing.js gráficos increibles sobre canvas con Javascript

Variables de sessión en Javascript sin Cookies

Nuevo Google Reader para el iPhone/iPod Touch

Imaser 2.2 por fin ha visto la luz

30 scripts javascript/Ajax excepcionales

pi.debugger, el mejor sustituto de Firebug

Botón de identificación del sitio de Firefox 3

Gris - No hay información de identidad

Azul- Información de identidad básica

Verde - Información de identidad completa

Amarillo - Certificado de identidad inválido

Rojo - Reporte de ataque

Probando Opera DragonFly Beta

DragonFly

Instalación

Modo de uso

Conclusión

Bitacoras.com estrena TOP de Bitacoras

Diferencias entre los diferentes navegadores

Scarlett Johansson se casa

Reducir ficheros javascript desde PHP

El proyector más geek de todos los tiempos

slideMenu con MooTools

WPadminthemes, crea tus propios admin themes para Wordpress

¿Como instalar un WP-AdminTheme

WPADMINTHEMES

WP-Crontol, planifica la gestión de tu Wordpress