La gente de A List Apart nunca dejan de sorprenderme, en esta ocasión leo un artÃculo de ellos en los que nos esplican una técnica para layouts, que se cambie su funcionalidad según el tamaño de la ventana.
El segundo ejemplo, que es el que más me ha gustado, cambia un diseño con varias columnas a un sistema de pestañas horizontales a otro verticales.
Switchy McLayout: An Adaptive Layout Technique
Aunque es de hace unos días la noticia, ni me había enterado. Google pretende hacer crawlable las páginas basadas en AJAX, para que sus páginas sean accesibles por los resultados de búsqueda.
Lo que pretende es que tanto los usuarios como los motores de búsqueda puedan ver el mismo contenido, incluso que te lleve a la URL Ajax y no a una copia estática. Del mismo modo, el diseñador podrá comprobar que todo su contenido se indexa y que se reproduce correctamente.
Desgraciadamente, Google ya nos indica cómo debemos realizar nuestro AJAX para que podamos tenerlo indexado en Google, por lo que al final lo deberemos hacer tal y cómo ellos lo piden para que no nos penalice por temas de SEO y esas cosas.
Aquí nos dejan una presentación: http://docs.google.com/present/view?id=dc75gmks_120cjkt2chf
Me avisa Javier que ha desarrollado una aplicación para comprimir CSS y Javascript, parecida a Minify (del cual se obtiene gran parte del código empleado) o YUI Compressor
La verdad es que Firefox4 está de lujo, y las demos que ofrece Mozilla son increíbles. De una de ellas he sacado cómo hacer clipping en vídeos usando HTML5 y la posibilidad de incrustar SVG (sólo funciona en Firefox4).
El método es sencillo, tengo un SVG que muestra el contorno y los botones de play y pausa, además tiene un clipPath que se usará para el estilo clip-path del vídeo:
SVG
Vídeo
Javascript
var play = document.getElementById('play');
var pause = document.getElementById('pause');
var video = document.getElementById('video');
play.addEventListener('click', function() {
play.style.display = 'none';
pause.style.display = 'block';
video.play();
}, true);
pause.addEventListener('click', function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);
video.addEventListener("ended", function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);El vídeo es el mismo que el de la demo de Mozilla, he puesto el borde semi-transparente para que se vea el clipping como va.
Vía / Project London Trailer
Swish-e es una libería que permite indexar texto, e-mail, PDF, HTML, XML y Microsoft®
Word/PowerPoint/Excel, también permite usar filtros para indexar PDF, gzip o PostScript. Tiene una lista de características sin fin.
Swish-e es rápido y existe una librería PECL para poder usarla.
Vía / Zend Developer Zone
Fadomatic es un script que funciona los navegadores más importantes (IE, Gecko, Safari), que permite realizar transparecias disminuyendo el canal alpha progresivamente. Para mÃ, lo importante de este script es poder estudiar su funcionamiento, como para IE se usa el filtro alpha:
elemento.style.filter = "alpha(opacity="+opacidad+")";Y como para los navegadores que sigue los estándares, usan el estilo opacity:
elemento.style.opacity = opacidad;
VÃa / Intenta
Para aquellos que usen Sphinx como motor de búsqueda en sus aplicaciones y que necesitan realizar búsquedas independientes de los acentos (buscar “jose” y encontrar “jose” y “josé”), les vendrá bien añadir este charset_table en el fichero de configuración de Sphinx.
Vía / Begin Rescue
Aunque es de hace unos días la noticia, ni me había enterado. Google pretende hacer crawlable las páginas basadas en AJAX, para que sus páginas sean accesibles por los resultados de búsqueda.
Lo que pretende es que tanto los usuarios como los motores de búsqueda puedan ver el mismo contenido, incluso que te lleve a la URL Ajax y no a una copia estática. Del mismo modo, el diseñador podrá comprobar que todo su contenido se indexa y que se reproduce correctamente.
Desgraciadamente, Google ya nos indica cómo debemos realizar nuestro AJAX para que podamos tenerlo indexado en Google, por lo que al final lo deberemos hacer tal y cómo ellos lo piden para que no nos penalice por temas de SEO y esas cosas.
Aquí nos dejan una presentación: http://docs.google.com/present/view?id=dc75gmks_120cjkt2chf
Me avisa Javier que ha desarrollado una aplicación para comprimir CSS y Javascript, parecida a Minify (del cual se obtiene gran parte del código empleado) o YUI Compressor
La verdad es que Firefox4 está de lujo, y las demos que ofrece Mozilla son increíbles. De una de ellas he sacado cómo hacer clipping en vídeos usando HTML5 y la posibilidad de incrustar SVG (sólo funciona en Firefox4).
El método es sencillo, tengo un SVG que muestra el contorno y los botones de play y pausa, además tiene un clipPath que se usará para el estilo clip-path del vídeo:
SVG
Vídeo
Javascript
var play = document.getElementById('play');
var pause = document.getElementById('pause');
var video = document.getElementById('video');
play.addEventListener('click', function() {
play.style.display = 'none';
pause.style.display = 'block';
video.play();
}, true);
pause.addEventListener('click', function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);
video.addEventListener("ended", function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);El vídeo es el mismo que el de la demo de Mozilla, he puesto el borde semi-transparente para que se vea el clipping como va.
Vía / Project London Trailer
Swish-e es una libería que permite indexar texto, e-mail, PDF, HTML, XML y Microsoft®
Word/PowerPoint/Excel, también permite usar filtros para indexar PDF, gzip o PostScript. Tiene una lista de características sin fin.
Swish-e es rápido y existe una librería PECL para poder usarla.
Vía / Zend Developer Zone
Fadomatic es un script que funciona los navegadores más importantes (IE, Gecko, Safari), que permite realizar transparecias disminuyendo el canal alpha progresivamente. Para mÃ, lo importante de este script es poder estudiar su funcionamiento, como para IE se usa el filtro alpha:
elemento.style.filter = "alpha(opacity="+opacidad+")";Y como para los navegadores que sigue los estándares, usan el estilo opacity:
elemento.style.opacity = opacidad;
VÃa / Intenta
Para aquellos que usen Sphinx como motor de búsqueda en sus aplicaciones y que necesitan realizar búsquedas independientes de los acentos (buscar “jose” y encontrar “jose” y “josé”), les vendrá bien añadir este charset_table en el fichero de configuración de Sphinx.
Vía / Begin Rescue
Aunque es de hace unos días la noticia, ni me había enterado. Google pretende hacer crawlable las páginas basadas en AJAX, para que sus páginas sean accesibles por los resultados de búsqueda.
Lo que pretende es que tanto los usuarios como los motores de búsqueda puedan ver el mismo contenido, incluso que te lleve a la URL Ajax y no a una copia estática. Del mismo modo, el diseñador podrá comprobar que todo su contenido se indexa y que se reproduce correctamente.
Desgraciadamente, Google ya nos indica cómo debemos realizar nuestro AJAX para que podamos tenerlo indexado en Google, por lo que al final lo deberemos hacer tal y cómo ellos lo piden para que no nos penalice por temas de SEO y esas cosas.
Aquí nos dejan una presentación: http://docs.google.com/present/view?id=dc75gmks_120cjkt2chf
Me avisa Javier que ha desarrollado una aplicación para comprimir CSS y Javascript, parecida a Minify (del cual se obtiene gran parte del código empleado) o YUI Compressor
La verdad es que Firefox4 está de lujo, y las demos que ofrece Mozilla son increíbles. De una de ellas he sacado cómo hacer clipping en vídeos usando HTML5 y la posibilidad de incrustar SVG (sólo funciona en Firefox4).
El método es sencillo, tengo un SVG que muestra el contorno y los botones de play y pausa, además tiene un clipPath que se usará para el estilo clip-path del vídeo:
SVG
Vídeo
Javascript
var play = document.getElementById('play');
var pause = document.getElementById('pause');
var video = document.getElementById('video');
play.addEventListener('click', function() {
play.style.display = 'none';
pause.style.display = 'block';
video.play();
}, true);
pause.addEventListener('click', function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);
video.addEventListener("ended", function() {
play.style.display = 'block';
pause.style.display = 'none';
video.pause();
}, true);El vídeo es el mismo que el de la demo de Mozilla, he puesto el borde semi-transparente para que se vea el clipping como va.
Vía / Project London Trailer
Swish-e es una libería que permite indexar texto, e-mail, PDF, HTML, XML y Microsoft®
Word/PowerPoint/Excel, también permite usar filtros para indexar PDF, gzip o PostScript. Tiene una lista de características sin fin.
Swish-e es rápido y existe una librería PECL para poder usarla.
Vía / Zend Developer Zone
Fadomatic es un script que funciona los navegadores más importantes (IE, Gecko, Safari), que permite realizar transparecias disminuyendo el canal alpha progresivamente. Para mÃ, lo importante de este script es poder estudiar su funcionamiento, como para IE se usa el filtro alpha:
elemento.style.filter = "alpha(opacity="+opacidad+")";Y como para los navegadores que sigue los estándares, usan el estilo opacity:
elemento.style.opacity = opacidad;
VÃa / Intenta
Para aquellos que usen Sphinx como motor de búsqueda en sus aplicaciones y que necesitan realizar búsquedas independientes de los acentos (buscar “jose” y encontrar “jose” y “josé”), les vendrá bien añadir este charset_table en el fichero de configuración de Sphinx.
Vía / Begin Rescue