Planet Webdev

Dzign.us: Saber cuantos usuarios utilizan Adblock

Wed, 01 Sep 2010 15:02:17 +0000

Saber cuantos usuarios utilizan Adblock:

Un script para tener una estadística de cuantos usuarios visitantes utilizan Adblock y así poder afinar un poco los números al vender publicidad o encarar estrategias. Además permite mostrar contenido alternativo a los usuarios que utilizan el bloqueador.

Dzign.us: Cached Commons

Wed, 01 Sep 2010 14:45:00 +0000

Cached Commons:

Una alternativa a los CDN de Google para cargar librerias JS más rápido en nuestras páginas (y con más opciones)

Adseok: Google indexa y rastrea archivos SVG

Wed, 01 Sep 2010 14:30:15 +0000

Google acaba de anunciar que a partir de ahora se pueden buscar documentos SVG, un formato abierto basado en XML para gráficos vectoriales con soporte para elementos interactivos.

Somos grandes fans de los formatos abiertos, y ya que nuestra misión es organizar la información mundial, indexar SVG es un paso natural.

Nosotros indexamos contenido SVG bien esté en un archivo o embebido directamente en HTML. La web es grande, así que puede llevar tiempo indexar todos los SVG, pero a partir de hoy empezaréis a ver archivos SVG en los resultados. Un par de ejemplos: [sitemap site:fastsvg.com] o [HideShow site:svg-whiz.com]

Si no quieres que Google rastree e indexe tus archivos SVG, utiliza la directiva X-Robots-Tag: noindex” directive in the HTTP header.

También hay una lista de todos los formatos que admite Google.

Maestros del Web (Editorial): Crea un videoplayer para tus vídeos HTML5.

Tue, 31 Aug 2010 07:00:54 +0000

Dentro de toda la guerra de Flash, se tiene tiempo hablando como HTML5 será la solución al creciente problema de editar y publicar vídeos con completa libertad de formato. Sobre todo el tema de tenerlos en formatos que faciliten la búsqueda y gestión de la información del contenido del vídeo.

Hace un par de meses tuve la oportunidad de conocer el proyecto que Donna Romer, Scott Rafer, Aron Wadler y Todd Sampson (Cloudspace) han estado trabajando arduamente durante algunos meses. Lamentablemente no pude anunciar nada en aquel momento, hasta hace un par de semanas que recibí un mail de Donna.

Es apenas la versión 0.1, pero nuestro lema en Silicon Valley es lanzar temprano y lanzar rápido un proyecto. El producto verdadero saldrá un poco más adelante. Ya lo verás pronto. Donna Romer.

La aplicación se llama Handroll.tv que ofrece una API para transformar vídeos a un formato HTML5, liberándonos de la necesidad de utilizar vídeo en formato Flash, de momento solo se pueden usar vídeos en formato H.264 and OGG Theora. Esta es la lista de los navegadores que se pueden utilizar:

Firefox 3.5+ :: OGG
Chrome 3+ :: OGG, H.264, WebM
Safari 3.1+ :: H.264
Opera 10.50+ :: OGG, H.264

Como pueden ver IE no esta en la lista, lo cual no es difícil de entender ya que no han dado soporte a la liberación del Codec de vídeo WebM-VP8 por parte de Google. Pero bueno ya estamos acostumbrados a la falta de soporte de formatos abiertos por parte de Microsoft. El potencial del proyecto es enorme, ahora todos nuestros vídeos podrán ser indexados con facilidad y sobre todo abre todas las posibilidades que tanto promete HTML5.

Si necesitan convertir vuestros vídeos para poder utilizar Handroll.tv les presento una lista de aplicaciones para que puedan hacerlo.

Miro Video Converter (Mac, Windows)
Handbrake (Mac, Windows, Linux)
PandaStream
Zencoder
Encoding

La aplicación esta todavía recién salida del horno, pero aun así me da gusto ver que hay mucho por hacer en lo que respecta proyectos dentro de las plataformas de vídeo, ya que sinceramente estoy cansado del tema Jobs vs Flash; ya es hora de darle vuelta a la página del melodrama que suficiente tengo con las TV novelas que tengo que soportar en casa. Denle un vistazo y compartan que tan útil les ha sido esta aplicación, sobre todo el uso del API.

Claudio Cossio para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Maestros del Web (Editorial): Ebook: Analítica Web de Evoca

Mon, 30 Aug 2010 22:48:02 +0000

El segundo Cuaderno de Comunicación de Evoca Comunicación e Imagen esta dedicado a “Analítica Web” (febrero 2010) esta vez agrupa a 8 expertos que comparten su opinión y experiencia sobre la nueva disciplina con un peso creciente en organizaciones, media y empresas, que se ha consolidado como un factor imprescindible para alcanzar el éxito en internet a través de sus diferentes manifestaciones.

El primer Cuaderno de Comunicación de Evoca estuvo dedicado a “La revolución de la prensa digital” y en su segundo Cuaderno el tema central es la “Analítica Web” compuesto por 40 páginas (Descargables en .PDF) registrado bajo Licencia Creative Commons con la presentación de Julio Cerezo, se analiza esta nueva disciplina que ha adquirido valor al momento de realizar una campaña publicitaria, crear un sitio web o construir un medio de comunicación social.

El tema “Analítica Web” esta ampliamente desarrollado en 8 artículo extensos: Analítica Web, una nueva disciplina para el mundo digital de Pere Rovira; Analítica Web y Redes Sociales de Miguel Ángel Diez; Analítica Web y agencias de medios por Jaime Agulló; Publicidad Online y Análisis Web por Rafael Jiménez; Herramientas para la correcta utilización de la Analítica Web por Gemma Muñoz; Analítica Web y SEO por Ismael el-Qudsi; Analítica Web para Medios de Comunicación por Adrián Segovia y El analista web, un nuevo perfil profesional por Sergio Mardonado.

La empresa no es una máquina racional. Tenemos pánico a actuar, a cambiar. Hay intereses políticos y económicos creados. Y así es muy difícil conseguir un éxito duradero en Internet, un medio sin nostalgia, descentralizado y dinámico por definición. (Pag. 7)

En estos capítulos se definen por ejemplo cuatro pasos para aprovechar la Analítica Web: objetivos claros, contexto y consenso, ecosistema de herramientas y el cambio como imperativo estratégico, así lo ha delimitado Pere Rovira. Además, se hace un llamado a las grandes agencias de medios que pueden hacer uso de la Analítica Web para mejorar su comprensión de los medios de comunicación a través de internet.

Las agencias de medios podrían ser unos grandes usuarios de Analítica Web igual que fueron y son grandes usuarios de la investigación de audiencias: al fin y al cabo no sería más que una evolución lógica siguiendo la estela de los datos. (Pag. 18)

Un denominador común que encontré al leer el Cuaderno sobre Analítica Web es “el cambio de mentalidad” es decir, constantemente se hace un llamado a cambiar el paradigma, a no seguir trabajando de la misma forma, las mismas fórmulas que los medios de comunicación han utilizado por años. Sin duda estoy de acuerdo con Gemma Muñoz que afirma que una combinación de las herramientas adecuadas y el análisis de los datos llevarán al éxito de la estrategia online.

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Dzign.us: Realmente es necesario jQuery (para desarrollo móvil)?

Mon, 30 Aug 2010 17:26:51 +0000

Realmente es necesario jQuery (para desarrollo móvil)?:

Esa es la pregunta que se realizan en el artículo (interesante por cierto), explicando además la creación de un mini-framework para nuestras necesidades (móviles)

Dzign.us: Introducción al elemento canvas

Mon, 30 Aug 2010 17:10:07 +0000

Introducción al elemento canvas:

Una introducción simple de entender, con varios ejemplos de utilización, sobre el elemento <canvas>

Anieto2k: WordPress y el Fatal Memory Error

Mon, 30 Aug 2010 15:58:10 +0000

Uno de los principales problemas de Wordpress es el consumo de memoria, este consumo no siempre puede reducirse y poco a poco (versión a versión) parece que la funcionalidad básica va consumiendo más memoria de nuestro sistema. Para intentar reservar más memoria disponible en nuestro sistema la gente de WeblogToolsCollection.com publica un artículo recopilatorio de soluciones al famoso “Fatal error: Allowed memory size of 33554432 bytes exhausted.”

Adseok: Reddit toma la portada de Digg

Mon, 30 Aug 2010 14:18:44 +0000

Está interesante el tema del nuevo rediseño de Digg, que se está tomando su tiempo e intentando recuperar su máximo esplendor que parece de capa caída en este tipo de red social.

El tema de las redes sociales que se mantienen gracias a una jerarquía de usuarios voluntarios es muy interesante sobre todo desde el punto de vista sociológico. ¿Cuál es el límite de un usuario que utiliza su propio tiempo para generar contenido para una comunidad? ¿le basta con un reconocimiento de “poder” dentro de la red social? ¿qué le motiva? ¿reconocimiento del grupo, poder para dar a conocer sus noticias?

Pero a lo que voy, ¿qué le pasa por la cabeza cuando el dueño de la página decide cambiar algo que el usuario ha tardado muchas horas y esfuerzo a lo largo de los años en conseguir? pues que puede protestar promocionando otra red social similar. Esto es lo que ha pasado en Digg, que como protesta sus usuarios han decidido votar todas las noticias de su red social competidora, presentado la portada este aspecto:

No deja de ser algo gracioso, ya que desde mi punto de vista Digg y Reddit no son competidoras, y tienen pocas cosas en común: Digg se basa en el poder adquirido por los usuarios, mientras que Reddit es más una comunidad donde sus usuarios comparten no solo enlaces, sino experiencias. Mientras, Digg tiene como prioridad aumentar sus visitas, haciendo cambios como el envío automático de noticias para parecerse más a Twitter, lo mismo que ha hecho Google, con su Google en tiempo real, que parece la tendencia actual.

Adseok: Utilizar Google Translate puede ir contra las políticas de uso de Google

Mon, 30 Aug 2010 13:35:15 +0000

Justo con la llegada de septiembre están empezando a ocurrir cosas extrañas de nuevo en las serps de Google. Parece que, de nuevo, los sitios con muchas páginas (millones), están perdiendo visitas, aunque de momento solo es un rumor.

Junto con lo anterior, parece que según el propio Google, utilizar Google Translate para generar contenido puede estar penalizado ya que podría considerarse como contenido auto-generado. Algunos casos que se me ocurren:

Escribir un post y publicarlo varias veces en distintos idiomas utilizando Google Translate
Utilizar contenido que no has creado tu mismo y republicarlo
…

En el hilo del foro de Google:

I just want to add a word of warning here — using automated translation tools to directly create content for your site could be seen as creating auto-generated content, which would be against our Webmaster Guidelines. Instead of just taking the output of a program like Google Translate, I’d strongly recommend at least having it corrected before putting it online. While Googlebot may initially fall for some Spanish keywords in your text, your users are not going to appreciate content that has been automatically translated and published without a review. I love Google Translate, but if you publish the results and get them indexed without having them reviewed, you’re not showing a lot of respect to your users…

Quiero avisar aquí… utilizar la traducción automática para crear contenido automático puede verse como contenido autogenerado, lo que va contra las políticas de Google. Si utilizamos programas de este tipo, al menos recomiendo corregir los errores antes de su publicación. Tus usuarios no van a ver bien los errores de una traducción automática.

Es decir, que no confían demasiado en su herramienta de traducción, cosa comprendible si vemos los resultados, ya que el resultado final es bastante pobre y poco útil para el usuario final. Parece como que sí estuviera permitido después de corregir y mejorar la traducción. Es decir, traducción automática corregida manulamente >>> traducción automática sola.

Por cierto, creo que la herramienta Google Translate es bastante buena, pero no puede compararse con un texto hecho por un humano, claro, por lo que si Google se refiere a esto con lo anterior me parece algo bastante lógico.

Anieto2k: elRTE, editor WYSIWYG open-source a tener en cuenta

Mon, 30 Aug 2010 07:55:38 +0000

elRTE es un editor WYSIWYG open source desarrollado con jQuery UI que nos permite disponer de un editor enriquecido muy fácil de implementar en nuestros sitios web.

(Ver Imagen)

Características:

Uso avanzado de estilos CSS
- Usado para identaciones
- Usado para controlar bordes
- En la mayoría de propiedades de los elementos usados.
Ligero, rápifo y fácil de integrar
Apariencia del interfaz configurable mediante CSS
i18n. Fácilmente idiomatizable.
Flexible para extender mediante plugins.

Existen muchos editores similares, y muchos respetan la accesibilidad web este es otro más a tener en cuenta.

Anieto2k: TwitterWeek – 2010-08-29

Sun, 29 Aug 2010 08:15:00 +0000

En mi twitter he publicado estos enlaces que creo os pueden interesar.

http://bit.ly/ci9s28 <-- Prevenir el #clickjacking con #Javascript (via @unijimpe) #
http://bit.ly/bnwPja <-- ¿Por que comprimir el #javascript / #CSS Mejor conviertelo a PNG y cárgalo con #canvas #impresionante #
http://bit.ly/bHDsBd <-- Comprimir #javascript y #CSS a #PNG y cargarlo con #canvas (Ejemplos: http://bit.ly/c7muca) #
http://bit.ly/9Siyrq <-- Cambios en el menú de Firefox4 (via @paulrouget ) #
http://bit.ly/d81HNM <-- La tabla periódica de los elementos #HTML5 :D #
http://bit.ly/awoNui <-- Modernist, un theme minimal para tu #wordress (via @rodrigogalindez) #
http://bit.ly/aa1hFi <-- Esto es una muestra de las maravillas que la gente está enviando al 10K Apart #
http://bit.ly/cpsMOm <-- #CSS3 no es #HTML5 #
http://bit.ly/9ZlTUa <-- Anthologize, convierte tu #wordpress a libro electrónico con un simple #plugin #
http://bit.ly/csWD37 <-- Crea aplicaciones #facebook con #codeigniter #
http://kcy.me/15l <-- AngularJS, aplicaciones complejas fáciles. No me gustan este tipo de frameworks con attr no válidos, pero son opciones #
http://kcy.me/173 <-- Las mejores #extensiones para #chrome que un desarrollador web puede necesitar #
http://kcy.me/175 <-- dualSlider, por que conformarte con slider si puedes tener 2? #jquery #plugin #
http://kcy.me/184 <-- Colección de #herramientas para desarrolladores web en diferentes lenguajes #
http://kcy.me/1ca <-- #Gmail ya permite arrastrar los adjuntos directamente a tu escritorio!! #
http://kcy.me/1ec <-- #jQuery xcolor, excelente #plugin con el que manipular #colores fácilmente #
http://bit.ly/ccMssT <-- Galactic inbox, un juego #HTML5 :D #

Saludos

Adseok: Google en tiempo real con su propia página de inicio

Fri, 27 Aug 2010 13:23:29 +0000

Actualización: post oficial de Google. Ayer la url de la página de inicio de Google Realtime era http://www.google.com/realtime/, pero hoy ya no funciona, da aun error 404. De cualquier forma, aún se puede comprobar cómo funciona, por ejemplo realizando la búsqueda de esta forma:

http://www.google.com/search?tbs=mbl%3A1&hl=en&source=hp&esrch=RealtimeLaunch%3A%3AExperiment&q=seo&btnG=Search

El aspecto de la portada, vía gs, es:

Y el de los resultados:

Una vez realizada una búsqueda, los resultados se actualizan automáticamente, de forma similar a como lo hace Twitter.

Anieto2k: MonsterLab-MVC, framework MVC desarrollado en MooTools

Fri, 27 Aug 2010 08:01:42 +0000

Seanmonstar está desarrollando un framework basado en el modelo MVC llamado MonstarLab-MVC cuyo mayor atractivo es que está desarrollado en MooTools y pensado para crear aplicaciones ricas en el navegador del usuario.

Modelo


 var Recipe = new Class({
            Extends: Model.Ajax,
            fields: {
                    id: Model.Fields.AutoField(),
                    title: Model.Fields.TextField({ length: 64, required: true}),
                    ingredients: Model.Fields.TextField()
            }
    });

Con el modelo podremos usar todos los tipos de almacenamiento disponibles (SQL, Ajax, XML, File, Storage,...)

Controlador


 var RecipesController = new Class({
            list: function(recipes) {
                    $(this).set('html', this.view({ recipes: recipes }));
            }

            events: {
                    load: function() {
                            Recipe.findAll(this.list.bind(this));
                    },
                    'click:relay(.recipe .delete)': function(e) {
                        e.preventDefault();
                        var recipeView = $(e.target).getParent('.recipe');
                        recipeView.model().destroy(function() {
                            recipeView.destroy();
                        });
                    }
            }
    });

El controlador se encargará de manejar los datos obtenidos desde el modelo.

Vista


<ul id="RecipesList">
        <% recipes.each(function(r) { %>
        <li class="recipe <%=r.identity()%>">
                <h3><%=r.get(title)%></h3>
                <%= view('recipes/ingredients', r.get('ingredients')); %>
                <a href="#" class="delete">Delete</a>
        </li>
        <% }); %>
</ul>

La vista, muy similar a la de las páginas ASP nos permite separar las plantillas de la lógica de negocio. Interesante proyecto al que seguir detenidamente

Maestros del Web (Editorial): Es viernes! ¿Cómo trabajar menos y producir más?

Fri, 27 Aug 2010 07:00:35 +0000

Cuando tenía 11 años deseaba, con todas mis fuerzas, trabajar. A los 17 años hice prácticas en una empresa de desarrollo de software, luego me ofrecieron trabajo y desde entonces trabajar ha sido una de las actividades que más ha consumido mi vida; con el tiempo he comprendido que trabajar menos y producir más es a lo que aspiramos llegar y para lograrlo necesitamos de una buena gestión del tiempo y prioridades.

Paul Boag, me dejó pensando mucho con su artículo “Work less, produce more” en donde reflexiona de manera muy resuelta el tema de trabajar de forma inteligente, de tal manera que el tiempo que invertimos sea bien administrado y así dispongamos de más tiempo para otras actividades alejadas del trabajo absorbente, que aunque amemos nuestra profesión, eso no quiere decir que tengamos que ser presos de ella.

¿Cómo trabajar menos y producir más?

Mucho se habla sobre escoger una profesión que nos guste y apasione, pero qué sucede cuando el problema no es la falta de pasión, sino la simple rutina que nos hace presos del trabajo y nos vende la ilusión de que “trabajamos duro” y por ello necesitamos invertir más de 8 horas diarias en él; esto suena perfecto para quienes empiezan a trabajar, son inexpertos y quieren comerse el mundo, pero cuando ya tienes experiencia sabes que las horas consumidas en un proyecto no precisamente determinan la calidad del trabajo.

Prioridades: vamos todos sabemos que son las prioridades, sabemos que son importantes para trabajar bien, pero aún con ese conocimiento nos cuesta sentarnos a delimitarlas o simplemente creemos tenerlo bajo control. La lista de prioridades no sólo se aplica al trabajo, también a otras áreas de nuestra vida que a veces arriesgamos creyendo que luego podremos recuperar.
¿A qué te dedicas exactamente? desarrollas aplicaciones, diseñas logotipos, eres maquetador, asesoras, impartes charlas en universidades, talleres de usabilidad, escribes libros sobre tecnología, brindas entrevista a medios, eres blogger, experto en social media y actividades afines ¿te suena familiar? como el medio es tan amplio hacemos de todo, pero es precisamente todo esto lo que no permite enfocarnos para producir más en menos tiempo.
Gestión de tiempo: es posible que me digas, sí ya tengo un horario establecido, pero resulta que a veces pasas más de esas horas establecidas en un proyecto, entonces ese horario simplemente no importa, cuando le ponemos precio al tiempo la gestión del mismo adquiere valor económico, si aún no sabes cuál es el precio de una hora de tu tiempo de trabajo, te recomiendo que lo hagas para que te des cuenta de todo el dinero que has perdido en esas “arduas horas de trabajo” que en realidad no han sido del todo lucrativas.
Decir que “no”: algunos proyectos simplemente no valen la pena hacerlos, no son rentables y quizás te cuesta aceptarlo porque no quieres perder el cliente o la oportunidad de ayudar a alguien. Revisa tu portafolio, tu experiencia y aprende a decir “no” a todos esos proyectos o actividades que te hacen perder tiempo y dinero. Aprende que decir “no” en realidad no te convierte en una mala persona, al contrario aprendes a respetar tu trabajo y el de los demás.
Madurez: considero que nunca dejamos de crecer, aprender y madurar. La madurez trae consigo sabiduría para tomar decisiones, la madurez profesional también es importante para equilibrar nuestras áreas de vida. Ella también te proporciona una visión y percepción de las cosas que deseas alcanzar. No le huyas a la madurez, dale la bienvenida cuando sea el momento y aprovechala porque a todos nos llega en diferentes momentos.

Paul en su artículo afirma que cuando era joven, tomó esta actitud: trabajó una cantidad de horas ridículas, porque amaba lo que hacía. Pero, no pudo obtener lo suficiente de la web y nunca fue más feliz que cuando estaba creando cosas en línea:

Hoy las cosas son diferentes. Todavía estoy tan apasionado por la web como nunca, pero he aprendido que tener tiempo lejos de la web es muy importante.

No podemos dejar que todo nuestro tiempo sea consumido por el trabajo, existen otras cosas por hacer y disfrutar. Parte de madurar y crecer como profesionales es comprender que establecer límites, prioridades y una buena administración del tiempo es fundamental para disfrutar otras áreas, que el trabajo solo es parte del proceso para alcanzar nuestras metas y tener una vida plena. Feliz fin de semana. Enjoy!

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Planet Webdev

Dzign.us: Saber cuantos usuarios utilizan Adblock

Dzign.us: Cached Commons

Adseok: Google indexa y rastrea archivos SVG

Maestros del Web (Editorial): Crea un videoplayer para tus vídeos HTML5.

Maestros del Web (Editorial): Ebook: Analítica Web de Evoca

Dzign.us: Realmente es necesario jQuery (para desarrollo móvil)?

Dzign.us: Introducción al elemento canvas

Anieto2k: WordPress y el Fatal Memory Error

Artículos relacionados

Adseok: Reddit toma la portada de Digg

Adseok: Utilizar Google Translate puede ir contra las políticas de uso de Google

Anieto2k: elRTE, editor WYSIWYG open-source a tener en cuenta

Artículos relacionados

Anieto2k: TwitterWeek – 2010-08-29

Artículos relacionados

Adseok: Google en tiempo real con su propia página de inicio

Anieto2k: MonsterLab-MVC, framework MVC desarrollado en MooTools

Modelo

Controlador

Vista

Artículos relacionados

Maestros del Web (Editorial): Es viernes! ¿Cómo trabajar menos y producir más?

¿Cómo trabajar menos y producir más?