En el blog de Ravelrumba, han hecho un pequeño experimento con URIs de datos y su rendimiento en la carga de una página web. En el estudio sólo se ha utilizado Firefox 3.5 con la caché vacía.Los resultados no son interesantes por las respuestas que nos proporcionan, sino por las preguntas que hacen aparecer al respecto.En el experimento se han usado 31 imágenes y se han convertido a data URIs con CSSEmbed. En un caso adicional, se ha usado DURIS para separar todas las URIs de datos en un archivo CSS aparte, así, la etiqueta <head> se queda…
Todos queremos mejores librerías javascript de gráficos. Dojo tiene una buena opción que es Protovis, y por ahí hay muchas librerías (deja un comentario con tu favorita).La última en aparecer es HighCharts que usa tanto jQuery como MooTools para las tareas JavaScript más frecuentes. Además, Internet Explorer necesita ExCanvas que emula al elemento Canvas.Un ejemplo de gráfica: var chart1 = new Highcharts.Chart({ chart: { renderTo: 'chart-container-1', defaultSeriesType: 'bar' }, title: { text: 'Fruit Consumption' }, xAxis: {…
Gran noticia la que acabo de leer que Google Analytics lanza un modo de seguimiento asíncrono "Google analytics launches Asynchronous Tracking" (click aquí para ver artículo original).Al fin nuestro navegador no se va a enganchar cargando el código JavaScript.El sistema hará que las webs funcionen más rápido:El mayor problema de cargar archivos JavaScript es que bloquea el renderizado de la página web y la descarga de otros recursos. En el nuevo modelo asíncrono de Google Analytics, se utiliza el elemento Script del DOM.Google…
Viendo la galería de fotos con estilo polaroid que han creado en el blog de Tutorialzine, la cual utiliza jQuery y un mínimo CSS3, que es una sombra "box-shadow" y una rotación que utiliza "-webkit-transform". Así hemos creado una galería de fotos similar pero que únicamente utiliza CSS 3, pero aplicando las diferentes opciones que permite este.El código XHTML creado, únicamente consta de una lista de imágenes (ul > li) con su respectivo pie de imagen: Globos Coche Niebla Molino de viento Bosque La hoja de estilos, la teneis…
Autor Original: Paul Sowden URL ORIGINAL: http://www.alistapart.com/stories/alternate/ TÍTULO ORIGINAL: A List Apart: CSS: Making Alternate Style Sheets Work Traducción al castellano: http://kusor.net/traducciones/ala.es/alternate/ Así, TIENES UN DOCUMENTO XHTML. Has sido un diseñador web bueno y utilizado hojas de estilos para controlar el aspecto de tu documento. Incluso has ido mucho más allá y has creado varias hojas de estilo alternativas para demostrar lo duro que eres. Estupendo. Pero ahora necesitas un modo cross–browser de elegir dinámicamente entre las distintas hojas de estilos.…