La semana pasada en la segunda entrega de Quick Tips: sobre desarrollo web, hacíamos referencia a un articulo de Ajaxian sobre las variables CSS y su posible inclusión en la siguiente versión de este lenguaje pero eso esta aun en veremos.

Mientras tanto nosotros ya podemos gustar de la bendición de los que son las variables CSS usando PHP, pero como? sigan estos simples pasos:

Creamos nuestros archivo CSS con nombre “default.css”

/* globals */
*       { margin:0; padding:0; }
body    { color:$body_text_color; font-size:$body_font_size; }

Ahora viene el codigo php que va aplicar los valores de las variables, en el archivo llamado “stylesheet.php”.

/* get the stylesheet */
$stylesheet = @is_file($_GET['stylesheet']) && strtolower(substr(strrchr($file_name,’.'),1)) == ‘css’ ? $_GET['stylesheet'] : ‘default.css’;

/* set the header information */
//will be output as css
header(’Content-type: text/css’);
//set an expiration date
$days_to_cache = 10;
header(’Expires: ‘.gmdate(’D, d M Y H:i:s’,time() + (60 * 60 * 24 * $days_to_cache)).’ GMT’);

/* set the dynamic information */
//default css variable information
$default = array(
	‘body_font_size’ => ‘16px’,
	‘body_text_color’ => ‘#00f’
);

//red css variable information
$red = array(
	‘body_font_size’ => ‘10px’,
	‘body_text_color’ => ‘#f00′
);

/* extract the propery array’s information */
extract($_GET['theme'] && ${$_GET['theme']} ? ${$_GET['theme']} : $default);

/* load in the stylesheet */
$content = preg_replace(’/$([w]+)/e’,'$0′,@file_get_contents($stylesheet));

/* spit it out */
echo $content;

Eso es todo ahora lo que cambia en nuestro código HTML es cuando hablamos a la hoja de estilos en vez de pedir el default.css vamos a hablar al “stylesheet.php”, ejemplo:

<link rel="stylesheet" type="text/css" href="/stylesheet.php">

Eso es todo el resultado de nuestro CSS debe ser el siguiente:

/* globals */
*		{ margin:0; padding:0; }
body		{ color:#00f; font-size:16px; }

Nota: El archivo default.css jamas se va a sobreescribir con los valores de las variables, simplemente cuando hablamos al stylesheet.php este procesa el CSS reemplazando las variables por valores y se lo devuelve al servidor ya con valores para que sea interpretado, sin haber modificado el archivo CSS.

Via: davidwalsh, CSS Variables using PHP (en ingles)

PHP to JavaScript es un excelente proyecto del cual me he encontrado hace 3 días pues andaba buscando una función de JavaScript que hicieron lo mismo que hace number_format() en PHP.

Se trata de un archivo .js (JavaScript) con una serie de funciones en JavaScript que son equivalentes a funciones en PHP.

Es un recurso realmente útil ya que ay funciones en PHP que nos pueden sacar del apuro en JavaScript, entre las funciones rescritas están:

• file
• file_get_contents
• array_fill
• explode
• md5
• utf8_decode , utf8_encode
• end
• trim
• print_r
• stripslashes
• rand
• include, require, include_once, requiere_once
• printf
• strip_tags

y un largo etc….

Esta bajo MIT License lo que quiere decir que es gratuito, contiene alrededor de 100 funciones rescritas de PHP a Javascript, las cuales han sido desarrolladas por un gran numero de programadores, y la puedes descargar tanto en su versión extendida que pesa poco mas de 100kb o su versión comprimida de 37kb.

Enlace: PHP to Javascript Project

Las recopilaciones de Recursos Web son muchisimas y unas mejor que otras pero en ocaciones por suerte encuentras sitios con recopilaciones enormes y en esta ocación eso me sucedio al encontrar en kayodeok’s una excelente recopilación con casi 500 recursos para diseño web, todos ordenados pro categorias y visibles desde una misma pantalla, bastante accesible.

Entre las categorias estan:

• Editores CSS
• Herramientas de Validacion de Codigo
• Formularios con CSS
• Referencias de CSS, HTML, Python, MySql, PHP, Perl.
• Contadores
• Layouts CSS
• Navegadores
• Optimización en Buscadores
• etc….

Asi que ya saben aqui un enlace obligado para tu lista en del.icio.us o mister wong.

Enlace: Resources For Wed Design

Muchos sitios web mayormente redes sociales te ponen como opcion añadir una foto a tu cuenta o incluso crear una galeria de tus fotos, y muchas de esas opciones vienen acompañadas de un editor de imagenes un tanto simple para cortarlas o girarlas, como el caso de Facebook que si subes una foto de dimensiones mayores a las permitidas te pasa a un editor que te permite cortarlo a la medida permitida.Buscando como hacer uno o implementarme uno me he encontrado con uno completamente openSource que puedes descargar e instalar en tu sitio web de manera sencilla, el editor esta hecho con PHP y Ajax talvez visualmente no es la octava maravilla pero al ser OpenSource seguro lo podemos dejar muy bonito.

Nombre no tiene pero fue creado por Peter Frueh, ya esta algo atrasada la ultima version que fue hace ya mas de un años el 1 de Enero de 2007 pero vuelvo a lo mismo que su tipo de licencia nos puede permitit mejorarlo muchisimo.

Demo | Descargar 

PHP es creo que sin equivocarme el lenguaje de programación mas utilizado para la creación de paginas web, y se lo ha ganado a pulso, la cantidad de posibilidades que nos da este lenguaje de programacion son casi infinitas, teniendo gran portabilidad y un muy buen desempeño, este mayor dependiendo de la plataforma en la que se desempeñe.

Dadas las posibilidad que nos ofrecen no podia dejar de ser un lenguaje de programacion con una extensa lista de funciones y creo la mayoria de nosotros no las conoce todas y es que muchas de esas nos pueden sacar de apuros, para ese problema de extension de las referencias existen las “chuletas” o cheat sheets que mas que nada son documentos que listan todas las funciones de un lenguaje de programación con su parametros que puede recibir.

Pues bueno Manz de Emezeta ha realizado una impresionante labor creando este cheat sheet de PHP y liberandolo para su descarga en dos formatos, felicidades a Maz excelente trabajo, ahora aqui les dejo los enlaces de las descargas.

Chuleta de PHP - PHP Cheat Sheet