34 Cheat Sheets para Diseñadores y Desarrolladores
jQuery 1.2 Cheat Sheet
Via Web And Designers descubro una gran recopilación de Cheat Sheets obligadas para todo diseñador y/o desarrollador web, hay de jQuery, Protoype, PHP, Photoshop, Dreamweaver, Ilustrator, InDesign, etc y etc.
Verlas todas: link
Add comment Diciembre 1, 2009
Frameworks Javascript: ¿Cómo identificar el navegador?
Hace mucho tiempo que ocupo Prototype y ultimamente estoy ocupando en mis proyectos jQuery, dos grandes frameworks que nos ayudan en hacer nuestras aplicaciones más ricas.
Una de las funcionalidades básicas que tienen, es como identificar con cual navegador está visitando nuestro sitio el usuario. Esto nos ayuda a mostrar ciertas cosas en el sitio web o hacerlas más estandares, por ejemplo si queremos mostrar un mensaje para los que usan IE, etc.
Vía aNieto2K hacen un extracto de 4 Frameworks: jQuery, Prototype, Mootools y YUI.
jQuery
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
jQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
Prototype
Browser: (function(){
var ua = navigator.userAgent;
// Opera (at least) 8.x+ has "Opera" as a [[Class]] of `window.opera`
// This is a safer inference than plain boolean type conversion of `window.opera`
var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
return {
IE: !!window.attachEvent && !isOpera,
Opera: isOpera,
WebKit: ua.indexOf('AppleWebKit/') > -1,
Gecko: ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1,
MobileSafari: /Apple.*Mobile.*Safari/.test(ua)
}
})();
Mootools
var Browser = $merge({
var Browser = $merge({
Engine: {name: 'unknown', version: 0},
Platform: {name: (window.orientation != undefined) ? 'ipod' : (navigator.platform.match(/mac|win|linux/i) || ['other'])[0].toLowerCase()},
Features: {xpath: !!(document.evaluate), air: !!(window.runtime), query: !!(document.querySelector)},
Plugins: {},
Engines: {
presto: function(){
return (!window.opera) ? false : ((arguments.callee.caller) ? 960 : ((document.getElementsByClassName) ? 950 : 925));
},
trident: function(){
return (!window.ActiveXObject) ? false : ((window.XMLHttpRequest) ? ((document.querySelectorAll) ? 6 : 5) : 4);
},
webkit: function(){
return (navigator.taintEnabled) ? false : ((Browser.Features.xpath) ? ((Browser.Features.query) ? 525 : 420) : 419);
},
gecko: function(){
return (!document.getBoxObjectFor && window.mozInnerScreenX == null) ? false : ((document.getElementsByClassName) ? 19 : 18);
}
}
}, Browser || {});
YUI
ua = nav && nav.userAgent,
if (ua) {
if ((/windows|win32/i).test(ua)) {
o.os = 'windows';
} else if ((/macintosh/i).test(ua)) {
o.os = 'macintosh';
}
// Modern KHTML browsers should qualify as Safari X-Grade
if ((/KHTML/).test(ua)) {
o.webkit=1;
}
// Modern WebKit browsers are at least X-Grade
m=ua.match(/AppleWebKit\/([^\s]*)/);
if (m&&m[1]) {
o.webkit=numberfy(m[1]);
// Mobile browser check
if (/ Mobile\//.test(ua)) {
o.mobile = "Apple"; // iPhone or iPod Touch
} else {
m=ua.match(/NokiaN[^\/]*|Android \d\.\d|webOS\/\d\.\d/);
if (m) {
o.mobile = m[0]; // Nokia N-series, Android, webOS, ex: NokiaN95
}
}
m=ua.match(/AdobeAIR\/([^\s]*)/);
if (m) {
o.air = m[0]; // Adobe AIR 1.0 or better
}
}
if (!o.webkit) { // not webkit
// @todo check Opera/8.01 (J2ME/MIDP; Opera Mini/2.0.4509/1316; fi; U; ssr)
m=ua.match(/Opera[\s\/]([^\s]*)/);
if (m&&m[1]) {
o.opera=numberfy(m[1]);
m=ua.match(/Opera Mini[^;]*/);
if (m) {
o.mobile = m[0]; // ex: Opera Mini/2.0.4509/1316
}
} else { // not opera or webkit
m=ua.match(/MSIE\s([^;]*)/);
if (m&&m[1]) {
o.ie=numberfy(m[1]);
} else { // not opera, webkit, or IE
m=ua.match(/Gecko\/([^\s]*)/);
if (m) {
o.gecko=1; // Gecko detected, look for revision
m=ua.match(/rv:([^\s\)]*)/);
if (m&&m[1]) {
o.gecko=numberfy(m[1]);
}
}
}
}
}
}
Más información: link
Add comment Diciembre 1, 2009
[Review] Biografias-Net
Entrada Patrocinada
Si tu meta es estar al tanto día a día de las mejores Biografias de famosos, el blog de Biografías es para ti.
El diseño del blog es muy agradable y limpio, con colores claros que no molestan en la navegación. En el header se encuentra la navegación de paginas en donde es muy fácil encontrar la información.
El blog tiene biografías de la talla de Avril Lavigne hasta Jim Carrey, el blog es una enciclopedia de las biografías, nunca estará demás si te quieres informar sobre la vida de tus actores o cantantes favoritos.
Los invito a todos, a suscribirse al FEED y seguir leyendo las mejores biografias.
4 comments Diciembre 23, 2008
[Review] Vide05
Entrada Patrocinada
Si quieres ver los mejores Videos y Series Online de toda la internet, Vide05 es el lugar indicado. En Vide05 encontraras desde Peliculas hasta Documentales, sin duda es un muy buen blog para pasar el rato, donde te reirás y lo pasaras bien.
El diseño es simple, es perfecto para buscar algo con esas pestañas de las categorías, pero tiene partes que están en ingles, lo ideal seria que estuviera toda en español, pero es un pequeño detalle.
En el tema SEO, le aconsejaría que si quiera a las imágenes le de nofollow y al botón que dice Inicio cambiarle el nombre a su keyword principal, seria perfecto.
En la publicidad, lo ideal seria que el adsense tenga los mismos colores del theme, así es mas propenso al clic.
3 comments Diciembre 20, 2008
[Review] TaironCave
Entrada Patrocinada
Cultura Gamer es un blog que abarca muchos temas, desde videos graciosos hasta las ultimas tecnologías y aplicaciones web, sin duda es el rincon de un friki, si quieres pasar un buen rato, este sitio es el indicado, te informaras y te reirás como loco.
En el tema SEO se le recomendaría que utilizara mas la etiqueta nofollow así no desperdiciaría el PR de la pagina, también utilizar títulos y descripción para las imágenes seria perfecto, ya que así pierde posibles visitas con el long tail.
Otro punto, el diseño es muy agradable, es un tema gratis, pero pareciera que fuera a medida para el sitio, le queda simplemente bien.
1 comment Diciembre 19, 2008
Junta CakePHP en Chile
Doy el dato. En Argentina sera el CakeFest, pues aqui en Chile tambien se realizara algo, no tan grande, pero si para reunirnos un rato, conversar, aprender, conocernos, etc.
A quien les tinque alla nos vemos.
Add comment Noviembre 18, 2008
Poker y Casino en 888.com
888.com, casino en línea, te ofrece una amplia variedad de juegos de casino, poker, apuestas deportivas y bingo. Más de 25 millones de jugadores registrados de más de 150 paises se han unido 888.com. Con su software de descarga o su nueva versión sin descarga, totalmente en español, las posibilidades de juego son casi infinitas. Galardonado como el Mejor Casino del Año por Mind The Bet, 888.com ofrece ruleta, black jack, máquinas tragamonedas y más. Además, su sitio de poker en el que encontrarás Texas Holdem, Omaha y Seven Card Stud. 888.com también ofrece un nuevo sitio de apuestas deportivas, 888Sport, con información sobre deportes y sus estrellas, pronósticos, estadísticas y más.
Post Patrocinado
2 comments Noviembre 16, 2008
Ricardo Jeldes Champion
3 comments Septiembre 21, 2008
DenialHost
DenialHost es una de las mejores empresas de hosting de todo chile, tienen servidores y venden reseller.
Wena DENIAL!
1 comment Agosto 2, 2008
Analisis Patrocinado: Portal de empleo Monster.es
Este es un análisis patrocinado Zync.es
Si eres de España y buscas trabajo, Monster.es es lo que estas buscando. Un portal de empleo renovado (están lanzando su nuevo portal) con un buscador potente y muchas herramientas que te harán el trabajo de buscar empleo, mucha mas fácil y ágil.
Monster.es estrena nuevo portal de empleo con muchas novedades. Y lo hace de la mano de un genial vídeo spot que está arrasando en Internet. El mensaje de la campaña no podría ser más vitalista: “Existe un trabajo perfecto para cada persona”.
El nuevo portal ha mejorado en usabilidad, proporcionado numerosas herramientas a los candidatos, de cara a facilitar la búsqueda de empleo, así como el seguimiento de ofertas, entre otras son:
- Motor de búsqueda más potente y específico
- Enriquecimiento del contenido de ayuda a candidatos
- Introducción de mapas que muestran el lugar de la oferta de empleo
- Ofertas de empleo de Monster disponibles desde el móvil
- Monster Mobile
Por lo visto, este es un proyecto bastante grande, contando con el apoyo de grandes empresas del país, además de contar con una inmensa lista de todo tipo de trabajos. En este momento están etapas de dar a conocer el portal y ya han incursionado en el mundo de la televisión con un spot genial que les dejo a continuación.
Sé analizado en este blog a través de Zync
.
3 comments Abril 26, 2008
