Quenerapú » minimal http://quenerapu.com Sentado delante de un ordenador desde 1982. ¿De qué voy a hablar, si no? Thu, 19 Jan 2012 13:02:00 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 El layout con columnas más simple del mundo (probablemente) http://quenerapu.com/css/el-layout-con-columnas-mas-simple-del-mundo-probablemente/ http://quenerapu.com/css/el-layout-con-columnas-mas-simple-del-mundo-probablemente/#comments Thu, 15 Oct 2009 16:19:54 +0000 Quenerapú http://quenerapu.com/?p=125 Hace mucho tiempo que deseaba dar definitivamente por cerrados mis quebraderos de cabeza al diseñar sitios web con columnas. Y creo que al fin lo he conseguido.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>TinyCSS</title>
<style type="text/css">
*{margin:0;padding:0;}
h1{font-size:1em;}
.header{border-bottom:1px solid #aaa;}
.container{overflow:hidden;height:100% !important;}
.main{width:500px;margin-bottom:-1000px;padding-bottom:1000px;float:left;}
.sideBar{margin-bottom:-1000px;padding-bottom:1000px;float:right;}
.s1{width:160px;border-left:1px solid #aaa;}
.s2{width:300px;border-left:1px solid #aaa;}
.footer{border-top:1px solid #aaa;}
</style>
</head>
<body>
<div class="header"><h1>Header</h1></div>
<div class="container">
	<div class="sideBar s2"><h1>Sidebar 2</h1></div>
	<div class="sideBar s1"><h1>Sidebar 1</h1></div>
	<div class="main"><h1>Main</h1></div>
</div>
<div class="footer"><h1>Footer</h1></div>
</body>
</html>

Si bien el resultado final es bastante feo (puedes ver una demo aquí) el peso de este documento es de menos de 1Kb. y es compatible con Internet Explorer (versión 6 incluída), Firefox, Chrome, Opera y Safari (Browsershots.org).

No será difícil para un diseñador hábil con las CSS partir de este esqueleto para crear algo mucho más agradable a la vista.

Lo que más me gusta es que los <div> de las columnas pueden crecer al alto tanto como quieras sin preocuparte por sus vecinas, que se prolongarán en lo vertical para que todas sean iguales (con unos ejemplos me explico mejor). Para ello no he usado ni javaScript ni el conocido método Faux Columns, sino un truco CSS que consiste en atribuir

margin-bottom:-1000px; padding-bottom:1000px;

a cada una de las columnas, y

overflow:hidden;

al <div> que las contiene.

Y para terminar, es importante recordar que en la línea

.container{overflow:hidden;height:100% !important;}

height:100% !important; son necesarios para que el sistema sea compatible con IE6. El glorioso día en que IE6 sea desterrado ya no será necesario incluir ese código.

Me ha ayudado mucho un viejo post de Ed Elliot. Gracias Ed!

]]> http://quenerapu.com/css/el-layout-con-columnas-mas-simple-del-mundo-probablemente/feed/ 5 Puppy Linux http://quenerapu.com/linux/puppy-linux/ http://quenerapu.com/linux/puppy-linux/#comments Fri, 06 Mar 2009 15:09:09 +0000 Quenerapú http://quenerapu.local/?p=82 Puppy Linux

Puppy Linux

Me encantan los programas pequeños y también los sistemas operativos pequeños. Por eso soy fan de Puppy Linux. Puppy Linux es una mini-distribución Linux de apenas 93Mb, llena de software pequeño y útil. Es un sistema operativo independiente (es decir, no está basada en Debian, Fedora, SuSE, etc., sino que nace del núcleo de Linux). Es tan pequeño Puppy Linux que para usarlo basta un PC con 128Mb. de RAM. Con 64Mb. también puede funcionar y si eres un manitas de Linux y te pierden los retos, puedes usarlo en un PC abandonado con 32Mb. de esos que te venden por 10€. Ni siquiera es imprescindible el disco duro porque puedes ejecutar Puppy desde un CD o una llave USB.

Todo en Puppy Linux es pequeño. Por ejemplo, en lugar de Kwin o Metacity, usa el ligerísimo «Gestor de Ventanas de Joe» (¿se puede ser más doméstico?)

Su creador, Barry Kauler, lanza regularmente nuevas versiones oficiales que son muy fáciles de personalizar por la comunidad. Cualquiera con ganas y tiempo puede crear su versión personalizada de Puppy Linux (este programa sí, este programa no, le añado estos otros que echo en falta, etc…).

A pesar de que el Puppy Linux oficial contiene todo el software necesario para un usuario medio: Internet, ofimática, algunos juegos, utilidades varias… recomiendo echar siempre un ojo a las versiones personalizadas (se ofrecen enlaces desde la web oficial). Algunas de estas personalizaciones (llamadas Pupplets) son combinaciones de software orientadas a tareas concretas (hay personalizaciones ideales para programadores, para diseñadores gráficos, para bloggers, etc, etc.). Seguro que hay un Puppy para ti. Y si no, ¡invéntate uno!

]]> http://quenerapu.com/linux/puppy-linux/feed/ 2 La clásica función «¿Estás seguro/a?» http://quenerapu.com/javascript/la-clasica-funcion-estas-seguro-a/ http://quenerapu.com/javascript/la-clasica-funcion-estas-seguro-a/#comments Wed, 25 Feb 2009 02:35:55 +0000 Quenerapú http://quenerapu.local/?p=36 Una de esas funciones básicas que no deben faltar en ningún proyecto. Es simple: Se trata de pedir confirmación al usuario antes de acceder al link indicado. Muy útil antes de eliminar un registro, por ejemplo. Incluye algo que me gusta añadir a mi programación en los momentos en que el software se dirige al usuario/a. Texto personalizado según su género.

<script type="text/javascript">
function rUSure(u,g)
	{
	if(!g){var g='o';}
	if(confirm("¿Estás segur"+g+"?")){document.location.href=u;}
	}
</script>

Nota: Esta función hace uso de la técnica Argumentos por defecto en funciones javaScript para ajustar el mensaje al género del usuario (¿Estás seguro?|¿Estás segura?)

]]> http://quenerapu.com/javascript/la-clasica-funcion-estas-seguro-a/feed/ 0