aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Desde SitePoint nos traen dos propiedades ocultas de Firefox 3. Dos más a añadir a las que ya conocemos y que nos gustan tanto.

1) Soft hyphens

En los navegadores actuales, podemos tener problemas con los tamaños de los elementos y el texto que tenga dentro. Si una palabra es demasiado larga, no ajusta correctamente el tamaño del elemento al valor que le hemos indicado.

<div style="width: 10em; border: 1px solid red;"> 
	  Supercalifragilisticexpialidocious 
</div>

Ahora con la nueva versión, tenemos la propiedad soft hyphens, que se encarga de acortarnos la palabra en al tamaño que le indicamos al elemento contenedor.

<div style="width: 10em; border: 1px solid red;"> 
	  Supercalifragilistic&shy;expialidocious 
</div>

2) Inline Block

Otro problema que tenemos con los navegadores actuales, es el problema de posicionamiento de elementos de inline.

//HTML
<ul class="gallery"> 
  <li> 
    <div class="caption">A short caption</div> 
    <div class="thumb"><img src="thumb1.jpg"/></div> 
  </li> 
  <li> 
  	<div class="caption">A short caption</div> 
  	<div class="thumb"><img src="thumb2.jpg"/></div> 
	</li> 
</ul> 
//CSS
.gallery li { 
  float: left; 
  width: 100px; 
}

Con la nueva versión y usando la propiedad inline-block, podremos solucionar este problema fácilmente.

//HTML
<ul class="gallery"> 
	  <li> 
     <div class="caption">A short caption</div> 
	    <div class="thumb"><img src="thumb1.jpg"/></div> 
	  </li><li> 
	    <div class="caption">A short caption</div> 
	    <div class="thumb"><img src="thumb2.jpg"/></div> 
	  </li><li> 
	  … 
	</ul> 
//CSS
.gallery li { 
	  display: inline-block; 
	  width: 100px; 
	} 
	  
	/* In an IE-only style sheet */ 
	.gallery li { 
	  display: inline; 
	}

Con vertical-align, podremos elegir hacia donde se ha de alinear (verticalmente) el conjunto de elementos.

Desde AyudaWordpress nos comentan las peripecias que tuvieron que realizar para solucionar unos problemas con WordPress 2.5.1. Todos ellos debidos a un pequeño salto de línea despues del código de finalización de PHP.

<?php 
.. codigo ..
?>
(Salto de línea)

Esto generamente se debe a un problema de configuración del servidor web. Yo tuve problemas similares al cambiar de Apache a Nginx, scripts que habían funcionado perfectamente, dejaban de hacerlo únicamente por que Nginx lanza las peticiones PHP contra el sistema y Apache no.

Esto demuestra que no solamente hemos de ser cuidadosos con el código que hacemos, con el consumo de memoria y recursos, sinó que además hemos de tener especial cuidado en los saltos de línea para evitar problemas de estos. Nunca podemos saber en que servidor acabará usandose nuestra aplicación, por ese motivo hemos de ser lo más cuidadoso posible.

Para que luego vengan los clientes y te digan «Pero si solo es programar….».

Gracias chichibek

Los datos EXIF, son aquellos que se encuentran en el interior de las imagenes y que contienen los datos referentes a la máquina, condiciones y configuración en el que la imagen fué tomada.

En php tenemos una serie de funciones que nos permiten obtener fácilmente estos datos de cualquier imagen que los contenga.

Ahora con Javascript tambien podemos obtener estos datos de una forma fácil y rápida.

document.getElementById("img2").onclick = function() {
	alert(EXIF.pretty(this));
}

Tambien tenemos un plugin jQuery para facilitar esta tarea.

[Demo][Descargar][Descargar Plugin]

Hace unos meses vimos una versión del Super Mario Bros de Super Nintendo desarrollado en Javascript. Ahora le toca el turno a mi favorito de la saga Mario, Mario Kart.

Lamentablemente no tiene items, ni un contador de vueltas en el que puedas competir con la máquina, pero es completamente funcional. Pruebalo tu mismo 😀

Si estás usando WordPress para mostrar una gran cantidad de contenido multimedia estos 8 themes te ayudarán a mostrarlo eficientemente. Aunque haya themes de pago, pueden servir como ideas para implementar en tus propios diseños.

1.Fresh News

2. Omni Theme

3. Web 2.0

4. Quommunication Video

5. Revolution Media Pro

6. Video Gallery

7. TV Elements

8. Video Flick

9.Options

Fernan nos informa de este fantástico theme gratuito ideal para contenidos multimedia.

Via Ajaxian descubro que en NCSOnline han hecho una recopilación de curiosas restricciones sobre las cookies y la forma en que los diferentes navegadores interactuan con ellas.

• Microsoft indicó que la nueva versión de Internet Explorer (la 8.0) incrementaría el número máximo de cookies por dominio a 50, aunque al parecer en la versión 7.0 el límite estaba ya en esa cifra.
• Firefox permite únicamente 50 cookies por dominio.
• Opera limita a 30 el número de cookies por dominio.
• Safari/WebKit es el más interesante de todos ya que parece que no tiene límite en cuanto a cookies por dominio. Los chicos de NCSOnline probaron con más de 10.000 cookies y todas ellas fueran enviadas en las cabeceras.

El tamaño de las cookies tambien es curioso dependiendo del navegador en el que se realizen las pruebas.

• Firefox y Safari permiten cookies de más de 4097 carácteres, de los que 4096 son para el nombre y el valor y uno para el signo igual.
• Opera permite 4096 carácteres para nombre, valor y signo igual.
• Internet Explorer permite cookies de 4095 carácteres con los que podemos rellenar el nombre, valor y el signo igual.

En conclusión, el autor remarca que las especificaciones de cookies están para algo.

Via