Podéis observar la mejora en la cantidad de información transmitida al cargar una web...

Acelerar la carga de tu blog (hecho con wordpress) activando la compresión "zlib", siempre que tu host lo soporte, es tan sencillo como añadir lo siguiente en el header.php de tu theme:


<?php
ini_set('zlib.output_compression', 'On');
ini_set('zlib.output_compression_level', '1');
?>


Esto permitirá que los datos se transmitan desde tu servidor hasta el navegador del visitante comprimidos, ahorrando un tiempo de transmisión interesante. Para comprobar si tienes activado el soporte de zlib, puedes observar la salida de phpinfo en tu servidor. Y para comprobar si está funcionando la compresión, prueba la herramienta de Port80.

Vía | WPRecipes.

Acceder a una variable de un scriptlet con JSTL

<% String miVariable = "Cadena"; pageContext.setAttribute("miVariable", miVariable); %>

<c:out value="miVariable"/>

Acceder a una variable de JSTL mediante scriptlets

<c:set var="miVariable" value="Cadena"/>

<%
String miVariable= (String)pageContext.getAttribute("miVariable");
out.print(miVariable);
%>

Las variables usadas pueden ser objetos complejos, siempre que se importen mediante

<%@page import="paquete.nombre.de.la.clase"%>

Vía | Alessandro Melandri.

SELECT
   table_schema, count(*) TABLES,
   concat(round(sum(table_rows)/1000000,2),'M')
   rows,concat(round(sum(data_length)/(1024*1024*1024),2),'G')
   DATA,concat(round(sum(index_length)/(1024*1024*1024),2),'G')
   idx,concat(round(sum(data_length+index_length)/(1024*1024*1024),2),'G')
   total_size,round(sum(index_length)/sum(data_length),2) idxfrac
FROM
   information_schema.TABLES group by table_schema; 

O la versión en Mb y miles de filas (en vez de GB y millones de filas):

SELECT table_schema, count( * )
TABLES , concat( round( sum( table_rows ) /1000, 2 ) , 'K' )
ROWS , concat( round( sum( data_length ) / ( 1024 *1024 ) , 2 ) , 'Mb' )
DATA , concat( round( sum( index_length ) / ( 1024 *1024 ) , 2 ) , 'Mb' ) idx, concat( round( sum( data_length + index_length ) / ( 1024 *1024 ) , 2 ) , 'Mb' ) total_size, round( sum( index_length ) / sum( data_length ) , 2 ) idxfrac
FROM information_schema.TABLES
GROUP BY table_schema;

Para ejecutarlo podemos recurrir a PhpMyAdmin, alguna herramienta similar, ejecutar el comando mediante la consola o crear un pequeño script que lo ejecute y muestre los resultados en pantalla...

/youtube\.com\/watch\?v=([A-Za-z0-9._%-]*)[&\w;=\+_\-]*/

Esto permite extraer el identificador único del vídeo, que sirve para enlazarlo, incrustarlo u obtener su imagen. Por ejemplo, para obtener la URL de la imagen thumnail del vídeo podremos usar:

preg_match('/youtube\.com\/watch\?v=([A-Za-z0-9._%-]*)[&\w;=\+_\-]*/',$texto);
$img="http://i2.ytimg.com/vi/{$match[1]}/default.jpg";

Vía | d0t101101 en el Foro de Drupal.

<?php
            // El ID del vocabulario de la taxonomia del que queremos crear la lista de terminos
            $vid = 10;
 
            $depth = 0;
            $num_at_depth = 0;
            $tree = taxonomy_get_tree($vid);
 
            print "<ul class=\"menu\">\n<li>";
            foreach ($tree as $term) {
            $diffdepth=0;
              if ($term->depth > $depth) {
                print "\n<ul>\n<li>";
                $depth = $term->depth;
                    $num_at_depth = 0;
              }
              if ($term->depth < $depth) {
                $diffdepth= $depth -$term->depth;
                while ($diffdepth > 0){
                    print "</li>\n</ul>\n";
                    $diffdepth -- ; 
                }
                    $depth = $term->depth;
              }
              if (($term->depth == $depth) && ($num_at_depth > 0)) {
                  print "</li>\n<li>";
                }
              print l($term->name, 'taxonomy/term/' . $term->tid);
                $num_at_depth ++;
            }
            print "</li>\n</ul>\n";
?>

El crédito va al autor, billyboylindien

	 public BufferedImage rotate90DX(BufferedImage bi)
	    	{
	    		int width = bi.getWidth();
	    		int height = bi.getHeight();
 
	    		BufferedImage biFlip = new BufferedImage(height, width, bi.getType());
 
	    		for(int i=0; i<width; i++)
	    			for(int j=0; j<height; j++)
	    				biFlip.setRGB(height-1-j, width-1-i, bi.getRGB(i, j));
 
	   		return biFlip;
	  }

Y en el sentido inverso sería así...

	    	public BufferedImage rotate90SX(BufferedImage bi)
	    	{
	    		int width = bi.getWidth();
	    		int height = bi.getHeight();
 
	    		BufferedImage biFlip = new BufferedImage(height, width, bi.getType());
 
	    		for(int i=0; i<width; i++)
	    			for(int j=0; j<height; j++)
	    				biFlip.setRGB(j, i, bi.getRGB(i, j));
 
	    		return biFlip;
	    	}

Vía | Snippet en Dzone.

Los problemas que han recopilado son los siguientes:

1. Establecer alturas iguales.
2. Solución al problema de IE6 con los PNG transparentes.
3. Cambiar clases CSS con Javascript
4. Selectores basados en el navegador en CSS (tan simple como: $('html').addClass($.browser);)
5. Dar soporte a alturas y anchos mínimos/máximos
6. Centrar elementos (vertical y horizontalmente)
7. Mostrar etiquetas Q en Internet Explorer
8. Aumentar el tamaño de los elementos clickeables (en los enlaces)
9. Carga perezosa
10. bgiframe: alivia el problema de trabajar con los z-index en Internet Explorer.
11. ieFixButtons: arregla el comportamiento lleno de bugs de los botones en Internet Explorer (6 y 7)
12. Arreglar el "overflow"

Sin duda, un post que conviene tener a mano.

La función en cuestión es la siguiente:

function cambiarHojaDeEstilos(title) {
	            var i, a, main;
	            for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
		            if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
			            a.disabled = true;
			            if(a.getAttribute("title") == title) a.disabled = false;
		            }
	            }

Para usarla, basta tener varias hojas de estilos cargadas en la página...

<link title="hoja1" href="ejemplo1.css" rel="stylesheet" type="text/css">
<link title="hoja2" href="ejemplo2.css" rel="stylesheet" type="text/css">
<link title="hoja3" href="ejemplo3.css" rel="stylesheet" type="text/css">

... e invocar a la función. Por ejemplo, para cambiar al hacer click en un enlace:

<a href="#" onclick="cambiarHojaDeEstilos('hoja1');">Cambia el CSS</a>

A continuación podéis descargar un pequeño ejemplo con una demostración simple: Cambiar Hoja de Estilos con JS

Vía | A List Apart.