Todo lo que sabes sobre CSS está mal

Joaquín Windmüller — Mon, 02 Feb 2009 01:28:04 +0000

“Todo lo que sabes sobre CSS está mal” es un libro de Sitepoint que acabo de terminar de leer, este libro está dirigido tanto a desarrolladores web con experiencia como a los que apenas estan ingresando a este mundo. Es un libro bastante corto (la mitad de lo que acostumbran en Sitepoint) que trata el tema de las formas avanzadas para maquetar (layout) el diseño de las paginas web.

¿De que se trata?

Como ya dije, el libro le presenta al lector los nuevos métodos de posicionamiento que estarán disponibles en todos los navegadores una vez que Internet Explorer 8 salga al mercado: “nuevos” valores para la propiedad display de CSS2.1 que permiten emular tablas, filas y celdas con otros elementos. Escribo “nuevos” (entre comillas) porque estos valores para la propiedad display estaban soportados por Firefox, Safari, Opera y otros desde hace mucho tiempo.

¿Cuales son los valores para display?

Los valores para hacer layouts tabulares con css son:

table: hace que un elemento se comporte como un elemento
table-row: hace que un elemento se comporte como un elemento
table-cell: hace que un elemento se comporte como un elemento
(table-row-group), (table-header-group), (table-footer-group>, (table-column) y (table-column-group)
Estas opciones permitirán a los desarrolladores web dejar en el pasado las técnicas que hasta ahora (también las explican así que los que no conocen nada del tema no se sentirán perdidos) hemos utilizado para el posicionamiento de los elementos en nuestros desarrollos web.
Por ejemplo, si tenemos elementos div seguidos con display:table-cell y width:80px estos aparecerán uno al lado del otro y, lo más importante, serán de la misma altura.
Aparte de esto, el libro presenta alternativas para dar soporte a los navegadores más viejos (IE7 e IE6) sin tener que abandonar estas nuevas opciones.
¿Es CSS3?
A pesar de que yo mismo pensaba que este libro era una introducción a las técnicas de CSS3, me equivoqué. Se centra en tecnología vieja que tan sólo ahora es posible poner en uso sin dejar por fuera a una gran parte de los usuarios. Sin embargo, el libro destina su capítulo final a las técnicas de distribución del texto en columnas (de manera automatica y sin requerir markup adicional), y los dos módulos para maquetación: grids y plantillas (los cuales no han sido implementados aún por ningún navegador) que estarán disponibles en CSS3.
En resumen
El libro es bastante sencillo de entender, con ejemplos claros y bién explicados que permitirán a quienes no conocen CSS ponerse a tono con lo básico de las técnicas utilizadas hoy en día para la diagramación y simulacion de grids en el diseño de páginas web (floats y posicionamiento relativo/absoluto). También ofrece un poco de historia sobre como fue la evolución de CSS y el soporte de los navegadores (para los que ni la historia conocen). Luego procede a presentar las nuevas técnicas que estarán disponibles dentro de poco. Y por último te da una mirada al futuro de lo que podremos empezar a utilizar una vez que CSS3 sea soportado por los navegadores (esperemos que Microsoft no se duerma en sus laureles nuevamente).
Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

Todo lo que sabes sobre CSS está mal
Entradas relacionadas
Precargar la base de datos utilizando el Shell Schema de CakePHP [Instalador]

Joaquín Windmüller — Thu, 22 Jan 2009 06:32:27 +0000

A veces cuando desarrollamos aplicaciones, estas requieren de un instalador completo que le permita al administrador configurar elementos. Ejemplo de este tipo de aplicaciones (en PHP) son wordpress y ósmosis. Sin embargo, cuando sabemos que una aplicación no será instalada por más nadie, el “instalador” puede ser tan sencillo como un script SQL o, mejor aún, un schema de CakePHP que puedes ejecutar desde la cónsola. A continuación les explico la manera de utilizar los schemas de CakePHP para cargar datos:

Genera el schema de CakePHP

Primero debemos generar el schema de la base de datos ejecutando el siguiente comando:

cake schema generate

Esto generará el archivo en APP/config/sql/schema.php el cual contiene dos funciones las cuales son las que utilizaremos a continuación.

La inserción de datos

Las funciones before y after son las que podemos utilizar para este fin, estas se ejecutan antes y después (respectivamente) de la creación de cada tabla. Esto representa un problema ya que evita que se puedan instanciar los modelos: las tablas de los modelos relacionados puede que no existan aún lo cual generará errores. Para superar esta dificultad utilizaremos las funciones de más bajo nivel de Cake, para acceso a la base de datos, de la siguiente manera:

Suponiendo que schema.php tiene la definición de una tabla users (por ejemplo) podemos crear el primer usuario de la aplicación de la siguiente manera:

…
function after($event = array()) {
$inserts = array(
"users" => array(
array(
"username" => "admin",
"password" => Security::hash("miPasswordSuperSecreto", null, true),
"group" => "Admin"
)
)
);

if (
isset($event["create"]) &&
isset($inserts[$event["create"]])
) {
$db =& ConnectionManager::getDataSource($this->connection);
$data = $inserts[$event["create"]];
$values = $fields = array();
foreach($data as $row) {
$fields = array_keys($row);
$values[] = "(" .
implode(
", ",
array_map(
array(&$db, "value"),
array_values($row)
)
)
. ")";
}
$db->insertMulti($event["create"], $fields, $values);
}
}
…
?>

De este modo insertamos el primer usuario (encriptando la clave con Security, aquí deben suar el método que prefieran), la misma técnica se puede utilizar para pre cargar otros datos – usando arreglos muy parecidos a los que usa CakePHP – para inicializar la aplicación sin necesidad de un instalador y todos los problemas de seguridad que conlleva.

Nota: para cargar la base de datos se debe ejecutar el siguiente comando:

cake schema run create

Gracias a Adrian por su comentario al respecto

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

Precargar la base de datos utilizando el Shell Schema de CakePHP [Instalador]

Entradas relacionadas
Interesante comparativa entre CakePHP y Symfony

Joaquín Windmüller — Tue, 13 Jan 2009 18:19:47 +0000

Hoy salió disponible en Bakery un artículo que enlaza a los siguientes resultados comparativos entre los frameworks de desarrollo web para PHP: Symfony y CakePHP. El caso de prueba es bastante interesante porque no es una aplicación hecha para comparar los frameworks sino que tomaron una aplicación real (hecha en Symfony 1.0) y la escribieron en CakePHP (sólo la página principal). Los resultados:

En primer lugar apuntaron a que Symfony era más rápido hasta que probaron con la ultima versión de desarrollo (que es la estable actualmente). Acá les dejo el gráfico:

CakePHP vs Symfony: solicitudes por segundo
CakePHP1.1: 3.41
CakePHP1.2Final: 2.28
Symfony: 2.19
CakePHP1.2RC2: 1.96

Los resultados acá presentados provienen de esta presentación por YusukeAndo. La diferencia entre Cake1.1 y 1.2 es grande, pero considerando la cantidad de mejoras entre las dos versiones es un precio justo que esperamos se haga cada vez menor

Por otro lado, y como dato curioso: la velocidad de una página HTML sóla es del orden de 10 veces comparada a los framework :S

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

Interesante comparativa entre CakePHP y Symfony

Entradas relacionadas
Sistema de autenticación simple en CakePHP

Joaquín Windmüller — Sat, 10 Jan 2009 21:53:15 +0000

CakePHP es un framework de PHP que tiene soporte para un sistema de permisos muy complejo en base a ACL. Sin embargo no todos los desarrollos web requieren de algo tan complejo. Para esos casos, con sólo usar el AuthComponent se puede manejar de manera sencilla. Esta es la manera en que lo he hecho yo:

Este método asume que cada usuario pertenece a un sólo grupo y pueden haber tantos grupos como se anecesario. Para lograrlo es necesario modificar el AppController para hacer que cargue el AuthComponent y un archivo en el que indicaremos los permisos.

Archivo de definición de permisos (permissions.php)

class AppPermissions extends Object {

// Define the groups allowed, order matters
var $groups = array("Public", "User", "Admin");

var $Users = array(
"index" => "User",
"view" => "Public",
"add" => "Admin",
"edit" => "Admin",
"delete"=> "Admin"
);

var $Posts = array(
"index" => "Public",
"view" => "Public",
"add" => "User",
"edit" => "User",
"delete"=> "User"
);

function __currentActionGroup($controller_name, $action) {
if (!isset($this->{$controller_name})) return false;
if (!isset($this->{$controller_name}[$action])) return false;
return $this->{$controller_name}[$action];
}

function groupHasAccess($controller, $action, $group = "Public") {
$group_index = array_search($group, $this->groups);
$allowedGroup = $this->__currentActionGroup($controller, $action);
$allowedGroup_index = array_search($allowedGroup, $this->groups);

return $group_index >= $allowedGroup_index;
}
}
?>

En este archivo, que debemos colocar en el directorio config de nuestra aplicación, definimos dos cosas:
1. Los grupos permitidos en el sistema (en este caso User y Admin), el orden en que se definen los grupos es importante y determina una cascada de permisos (es decir, que como User tiene menor índice que Admin entonces Admin puede hacer todo lo que está permitido a los usuarios)
2. Por cada controlador, las acciones y el grupo que puede ejecutar dicha acción.
Con este archivo ya definimos los permisos y si se agrega un nuevo controlador o una nueva acción será necesario incluirla en este archivo.

Carga de la definición de los permiso y filtrado

En el AppController se realiza todo el manejo de los permisos, de modo que los demás controladores queden libres de manejar esta lógica:

App::import("File", "permissions", true, CONFIGS);
class AppController extends Controller {
var $components = array("Auth");
var $permissions;

public function beforeFilter() {
$this->permissions = new AppPermissions();
$this->_initializeAuth();
}

function _initializeAuth() {
$this->Auth->authorize = "controller";
$this->Auth->loginAction = array(
"controller" => "users",
"action" => "login",
"plugin" => "",
"admin" => false
);
$this->Auth->loginError = __("Login or password incorrect", true);
if ($this->Auth->user() == null) {
$actionIsPublic = $this->permissions->groupHasAccess($this->name, $this->action);
if ($actionIsPublic) {
$this->Auth->allow();
} else {
$this->Session->setFlash(__("You must be logged in to access that action", true));
}
}
}

function isAuthorized() {
$group = $this->Auth->user("group");
$groupHasAccess = $this->permissions->groupHasAccess($this->name, $this->action, $group);

if (!$groupHasAccess) {
$this->Session->setFlash(__("You don\"t have access to that action", true));
}

return $groupHasAccess;
}
}
?>

Como se puede observar, lo primero que hace es cargar el archivo de permisos que creamos en la parte anterior. De modo que en la función beforeFilter (que CakePHP ejecuta automáticamente antes que cualquier otra parte del controlador) pueda ser instanciada la clase.

La función _initializeAuth configura algunas características del AuthComponent, entre ellas establece el método de autenticación en “controller” (para manejar los permisos por medio de la función isAuthorized del controlador). Es importante notar que esta función realiza parte del filtrado de permisos, debido a que en caso de que el usuario no esté autenticado (un visitante) la función isAuthorized no es ejecutada por el Auth Component.

Y por último, en isAuthorized se ejecuta el resto de la verificación de permisos que consiste en preguntar a la clase AppPermissions si el grupo al que pertenece el usuario actual está autorizado para acceder a la acción actual (en el controlador actual).

Como ven, la mayor parte de la acción se ejecuta en el AppController pero es la clase AppPermissions la que realiza la mágia de determinar quién tiene acceso a qué (por medio de la función groupHasAccess).

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

Sistema de autenticación simple en CakePHP

Entradas relacionadas
Los componentes en CakePHP extienden a Object no a Component

Joaquín Windmüller — Tue, 30 Dec 2008 21:52:25 +0000

He pasado las últimas 4 horas peleando con CakePHP y nuevamente no es culpa del framework de desarrollo sino el desarrollador

Eso es todo! El título lo explica claramente. De resto CakePHP sigue siendo el mejor framework de desarrollo para PHP

Más detalles: los componentes pueden implementar una función llamada beforeRedirect (la cual existe en la clase Component). Como yo tenía un componente al que hice heredar de Component (en lugar de Object – sí es raro, pero así es como debe ser) heredó esa función que no debía implementar. De ahí que cuando hacía un redirect las cosas se ponían espeluznantes

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

Los componentes en CakePHP extienden a Object no a Component

Entradas relacionadas
CakePHP 1.2 Final

Joaquín Windmüller — Sat, 27 Dec 2008 17:14:11 +0000

Tremendo regalo de navidad para los desarrolladores web. Es interesante que sólo 7 días antes habían lanzado la cuarta versión de pre entrega, pero ahora CakePHP 1.2 ha sido marcado estable. Yo llevo más de un año desarrollando sobre esta versión así que les aseguro que los cambios son fenomenales. Algunos de los beneficios que trae Cake PHP 1.2 son:

Mejoras generales
- Suite de Pruebas Unitarias: todas las clases del core tienen sus pruebas y te permite hacer pruebas sobre las partes de tu aplicación.
- Infraestructura de línea de comandos: la consola de cake te permite generar código automáticamente para modelos, controladores, vistas y hasta los archivos de traducción.
- Y hablando de traducciones: cakephp ofrece clases para i18n y i10n con soporte para caracteres unicode.
- Caching: basado en adaptadores, con soporte para APC/XCache/Memcache
- Clase Set: funciones muy útiles para manejo de arreglos, con soporte para XPath.
- Clase Socket y HttpSocket: para hacer solicitudes remotas a servicios.
- Clase App y Configure: para cargar configuraciones y reemplazar constantes y funciones globales, respectivamente.
Controlador y Componentes:
- Componente para autenticación: manejo automático de sesiones y se asocia con ACL para aprobar y denegar acceso a las acciones.
- Componente de email: para envío de correos electrónicos con HTML y texto. Varias partes de este componente tienen código mio pero desgraciadamente este no
- Componente de seguridad: para proteger la aplicación de ataques de Cross Site Request Forgery.
- Componente de cookies: para manejarlas de manera segura.
- Paginación: de manera sencilla distribuye los resultados en varias páginas.
Modelos y Behaviors:
- Modelos join: para modelar las tablas de relaciones HABTM.
- Behaviors: para extender la funcionalidad básica de los modelos.
- Containable Behavior: simplifica las labores de optimización de consultas.
- Validación: nuevo sistema extendido que permite múltiples reglas de validación
- Soporte para DB2 y Oracle
Vistas y Helpers:
- Form helper: creación de formularios es fácil gracias a que hace introspección par conocer los tipos de datos y generar los tipos de campo necesarios.
- Elementos: ahora con soporte para caching.
Como ven son una gran cantidad de cambios. Tantos que yo diría que esta es la versión 2 en lugar de 1.2 Pero eso sólo genera más emoción de todo lo que vendrá.

¡Felicidades a los desarrolladores y bakers!

Via

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

CakePHP 1.2 Final

Entradas relacionadas
1 aspecto importante al usar requestAction más AuthComponent

Joaquín Windmüller — Thu, 25 Dec 2008 17:30:29 +0000

Hoy mientras desarrollaba un nuevo sitio me topé con problema que pensé que era un error del AuthComponent: una acción que debía estar accesible a un usuario no autenticado me redirigía a la página de login.

Luego de revisar el código del Auth component sin resultados me recordé que en esa vista hago uso de la técnica de elementos reusables con requestAction y había olvidado agregar la solicitada por requestAction a la lista de acciones de acceso público. Por lo tanto me redirigía a la página de login nuevamente.

Con agregar la acción solicitada con requestAction a la lista de acciones permitidas se solucionó el problema. De esta experiencia puedo decirles que hay dos cosas importantes que recordar:
1. Hacer una llamada a requestAction es equivalente a una solicitud completa al servidor: no abuses de requestAction o el servidor te demandará por maltrato. Usa el caché.
2. Al ser una solicitud completamente nueva todos los pasos de cake son ejecutados: desde el bootstraping (carga de las configuraciones de Cake), pasando por la carga de componentes, helpers y behaviors hasta la ejecución de la acción en el controlador. Eso incluye el Auth Component, lo cual se me olvidó a mi
3. Sí, había dicho que eras sólo 2 pero este punto es adicional e interesante: la acción con requestAction tomaba 0.5 segundos en ser completada, al usar caching el tiempo disminuyó a 0.1 segundos (te dije que era interesante )
Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

1 aspecto importante al usar requestAction más AuthComponent

Entradas relacionadas
Elementos reusables con requestAction

Joaquín Windmüller — Thu, 25 Dec 2008 15:22:07 +0000

En un proyecto que estoy desarrollando actualmente he decidido utilizar la técnica de elementos reusables. El gran beneficio de esta técnica es que el elemento puede ser reutilizado en otras vistas sin necesidad de enviarle datos desde el controlador ya que el elemento se encarga (por medio de requestAction) de obtener la información que requiere.
El único problema de esta técnica es que requestAction representa un golpe fuerte a la velocidad de procesamiento de la página, pero se puede solucionar de una manera sencilla:

Para usar requestAction sin temor de aumentar innecesariamente el número de request al servidor es necesario hacer uso del sistema de caching que CakePHP ofrece.

La aplicación que estoy desarrollando tiene en la página principal un listado de categorías que son las que hacen uso de este método, veamos primero el código elemento (APP/views/elements/categories.ctp):
$categories = $this->requestAction("categories/index");
?>
Como puedes ver, la lista de categorías provienen de una llamada a requestAction a CategoriesController::index el cual se comporta distinto (hace return) si el método fue solicitado por medio de requestAction (APP/controllers/categories_controller.php):

class CategoriesController extends AppController {

var $name = "Categories";
var $helpers = array("Html", "Form");

function index() {
$this->Category->recursive = 0;
$categories = $this->paginate();
if(isset($this->params["requested"])) {
return $categories;
}
$this->set(compact("categories"));
}
…
?>

De este modo tenemos un elemento que sin importar en qué vista se encuentre va a mostrar los datos correctos ya que es él quien se encarga de obtenerlos. Por último, como les había dicho antes, les muestro la manera en que se puede usar el elemento utilizando el caching de CakePHP (cualquier vista):

echo $this->element(
"categories",
array("cache" => "+365 days")
);
?>

De este modo obtenemos la lista de categorías pero el requestAction se ejecuta sólo una vez hasta que el cache venza (en este caso 365 días ya que se que esa lista no cambiará en ese tiempo). El formato de tiempo para el caché es el mismo que la función de PHP strtotime.

Artículo en inglés sobre elementos reusables: acá.

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

Elementos reusables con requestAction

Entradas relacionadas
7 cambios a considerar al migrar de CakePHP 1.2 RC3 a RC4

Joaquín Windmüller — Sat, 20 Dec 2008 17:29:04 +0000

Como lo indiqué ayer, CakePHP 1.2 RC4 está disponible para ser descargado. Y hoy les traigo una pequeña lista de los cambios más importantes para realizar la migración de la entrega anterior (RC3):
1. Sustituir el archivo “app/webroot/css.php” ya que fue actualizado en el camino.
2. ClassRegistry::_duplicate() ahora es privado.
3. El parámetro de la función XmlNode::toArray() (en cake/libs/xml.php) ha sido sustituido por “$camelize = true” (antes era “$object = null”)
4. En el componente Acl los métodos setAro(), setAco(), getAro() y getAco() han sido eliminadas.
5. Model::normalizeFindParams() fue eliminada
6. El parámetro $safe de JavascriptHelper::codeBlock() ha sido eliminado
7. El uso de Model::getDisplayField() ha sido desaconcejado pero aún no la eliminan. Se debe usar la propiedad $displayField
La mayoría de estos cambios no afectarán muchos proyectos en desarrollo, excepto el primero que afectará a todos porque hay que cambiar el archivo.

Via: cakebaker

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

7 cambios a considerar al migrar de CakePHP 1.2 RC3 a RC4

Entradas relacionadas
CakePHP 1.2 RC4

Joaquín Windmüller — Fri, 19 Dec 2008 03:57:01 +0000

Acabo de recibir la noticia de que CakePHP1.2 (el frameword de desarrollo web de PHP) ha llegado a su 4 release candidate – Diría que es el último antes de la versión estable. Es momento de actualizar:

Ya está disponible para ser descargada del sitio oficial CakePHP.org. Es muy recomendable a los desarrolladores actualizar inmediatamente (si no lo han hecho ya) ya que los cambios son muchos. Como recomendación personal, si estás desarrollando una aplicación en CakePHP 1.2 deberías usar el branch de desarrollo y no la versión que lanzan por el sitio web, de este modo obtienes constantemente las mejoras y adaptar la aplicación no se hace tan difícil.

Como segunda recomendación, si estás haciendo una aplicación en CakePHP 1.1 o estás usandolo para aprender: pasate a la versión 1.2 ¡de inmediato!

Post escrito por Joaquín Windmuller en aikon.com.ve, visita y deja tus comentarios.

CakePHP 1.2 RC4

Entradas relacionadas
otros: incluiye los no tan usados
(table-caption),

Aikon » Desarrollo Web

Todo lo que sabes sobre CSS está mal

¿De que se trata?

¿Cuales son los valores para display?

¿Es CSS3?

En resumen

Entradas relacionadas

Precargar la base de datos utilizando el Shell Schema de CakePHP [Instalador]

Genera el schema de CakePHP

La inserción de datos

Entradas relacionadas

Interesante comparativa entre CakePHP y Symfony

Entradas relacionadas

Sistema de autenticación simple en CakePHP

Archivo de definición de permisos (permissions.php)

Carga de la definición de los permiso y filtrado

Entradas relacionadas

Los componentes en CakePHP extienden a Object no a Component

Entradas relacionadas

CakePHP 1.2 Final

Mejoras generales

Controlador y Componentes:

Modelos y Behaviors:

Vistas y Helpers:

Entradas relacionadas

1 aspecto importante al usar requestAction más AuthComponent

Entradas relacionadas

Elementos reusables con requestAction

Entradas relacionadas

7 cambios a considerar al migrar de CakePHP 1.2 RC3 a RC4

Entradas relacionadas

CakePHP 1.2 RC4

Entradas relacionadas