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)

Ya rapidito y en caliente el segundo volumen de Quick Notes y de nuevo dirigido a desarrolladores web, aqui van:

Variables para CSS

Con esto he soñado, variables para CSS como ven la posibilidad de poder definir variables en los CSS, creo seria un excelente solución para crear múltiples templates “comerciales” como las hamburguesas solo cambiándoles el color, usando variables solo tendrías que cambiar el valor de la variable, pero aun esta en propuesta.

World Can Code

Es una excelente herramienta web para poder practicar programación en diversos lenguajes como C++, HTML, JavaScript, Perl, Basic, Pascal, etc. también podrías correr tu aplicación y ver los resultados ahi mismo.

51 Tutoriales y ejemplos de jQuery

Si estas empezando a desarrollar sobre este excelente Framework para Javascript este enlace te viene como anillo al dedo son una lista de tutoriales con ejemplos de jQuery, entre los tutoriales estan: Turcos para CSS, validación de formularios, jquery para diseñadores.

MoreCSS

Es un script en JavaScript con el cual podrias ampliar las posibilidades de los CSS y asi usar esas propiedades CSS que solo puedes usar en Opera y Firefox en cualquier otro navegador sin estar matándote con Hacks en tu código CSS.

Control de versiones con Subversion

Subversion es el reemplazo de los famosos CVS y es utilizado por equipos de desarrollo que estan todos programando sobre un mismo proyecto, para mantener un control de lo que se crea y modifica en el código, es excelente creanme, “Control de versiones con subversion” es un libro de O’Relly Media que pueden leer gratis y en linea o descargarlo como PDF el unico problema es que esta en Ingles, tambien lo pueden comprar.

Bueno espero estos nuevos enlaces les sirvan…

Aquí uno de esos post que hace rato que no hacia y tratare ahora si de realizarlos mas seguido, se trata de 5 notas rápidas en este caso sobre desarrollo web.

Open Source Rails

Ruby on Rails ese lenguaje de programación que desde que salio dio de que hablar, si tu eres uno de los que le intereso y se metio a conocer y programar con Ruby este sitio te puede interesar recopilan aplicaciones Open Sources creadas con Ruby on Rails.

Consejos para optimizar consultas MySQL

La mayoría del sitios en Internet mas conocidos usan MySQL pero mantener una base de datos como por ejemplo de la twitter no es fácil, asi que hay que optimizarla al máximo, aqui unos tips para optimizar tus consultas MySQL.

Creando menús con efecto kwicks con jQuery

Excelente tutorial para crear menús con efecto kwicks, este efecto es el mismo que usa mootools en su portada en los cuadritos de colores.

Snipplr Code 2.0

Snipplr se trata de un servicio que recopila snippets muy usados en sitios web 2.0, los snippets son recortes de código fuente, si estas empezando en la programación este tipo de recursos son perfectos.

63 tips para optimizar tu codigo PHP

PHP otro código muy utilizado en Internet su gran ventaja es que es gratuito, pero también necesita de ser optimizado recuerda que la experiencia del usuario en tu sitio web es tu valor agregado, un sitio lento en sus procesos no sirve, asi que aqui hay 63 tips para optimizar tu codigo PHP. (en ingles)

Con salida de Wordpress 2.5 una de las características que talves llamen mas la atención es la posibilidad de subir múltiples imágenes al mismo tiempo, pero no solo eso también te muestre un barra de porcentaje para saber cuanto se subio, y al menos WordPress no lo tiene habilitado pero estos mismos scripts te ofrecen la posibilidad que al hacer click en el botón Examinar la ventana de exploración únicamente te muestre archivos de un formato especifico, por ejemplo que solo te muestre archivos con extensiones .jpg, .gif y .png.

Pero bueno que soluciones hay para hacer esto? investigando he encontrado dos que podria decir son las mejores:

• FancyUpload
• SWFUpload (Este lo usa Wordpress 2.5)

FancyUpload

Es un libreria javascript que es dotado de toda su potencia por MooTools, es realmente facil de implementar y tiene la posibilidad de resivir varios parametros para sus funciones, sus caracteristicas son:

• Selección y cargar de múltiples archivos
• Filtro por tipo de archivo en la ventana de selección (Examinar)
• Manejo de Eventos, se puede crear nuevos eventos
• Puedes mostrar y filtrar información de los archivos antes de iniciar la carga (tamaño del archivo, tiempo de carga, etc…)
• Limites en los uploads tanto en cantidad de archivos como en su peso por Kb
• Plataforma independiente, solo necesita Flash 8 o superior
• EL proceso es discreto, desde el reemplazo del elemento hasta la carga del SWF
• Puedes cancelar cargas y añadir nuevos archivos durante la carga de un archivo, al momento
• Todo es opciones, esta documentado y es realmente fácil de editar
• Las cargas de archivos son con un estilo Ajax es decir la pagina no se recarga.
• Indicador del progreso de los Uploads

En si FancyUpload aprovecha Swiff el cual es una manera de insertar ActionScript y archivos flash mediante simple JavaScript, haciendo que el Flash este totalmente oculto al visitante pero dotando de buenas funcionalidad que el ActionScript permite.

Enlaces: Ver Demo / Pagina Oficial - Descargar FancyUpload / Foro de Soporte

SWFUpload

SWFUpload es otra librería en JavaScript que básicamente nos permite las misma funciones que FancyUpload a diferencia que esta no necesita de ningún FrameWork como es MooTools, y tampoco causa conflictos si usamos alguno, como su nombre lo dice SWFUpload también utilizan flash (SWF es la extención de los archivos resultantes de Flash) e igual que en el anterior es totalmente transparente ya que JavaScript se encarga de insertarlo.

Sus caracteristicas son:

• Selección y cargar de múltiples archivos
• Filtro por tipo de archivo en la ventana de selección (Examinar)
• Manejo de Eventos, se puede crear nuevos eventos
• Puedes mostrar y filtrar información de los archivos antes de iniciar la carga (tamaño del archivo, tiempo de carga, etc…)
• Limites en los uploads tanto en cantidad de archivos como en su peso por Kb
• Plataforma independiente, solo necesita Flash 8 o superior
• EL proceso es discreto, desde el reemplazo del elemento hasta la carga del SWF
• Puedes cancelar cargas y añadir nuevos archivos durante la carga de un archivo, al momento
• Todo es opciones, esta documentado y es realmente fácil de editar
• Las cargas de archivos son con un estilo Ajax es decir la pagina no se recarga.
• Indicador del progreso de los Uploads
• “Graceful degradation” para navegadores que no soporte el otro método.
• Los nombre de las clases permiten la compatibilidad con otras librerías de JavaScript (ej., jQuery, Prototype, etc.).
• Permite crear parámetros personalizados

Enlaces: Ver Demo / Pagina Oficial - Descargar SWFUpload / Documentación

Ambos son realmente fácil de implementar, en el caso de SWFUpload que se necesita? descargar descomprimir, incluir los archivos JS en tu archivo HTML y crear un formulario con un input del tipo file.

Mejor por si no me entendieron ni un poquito aquí les va el JavaScript que deben iniciar:

HTML

Eso es todo, lo que tienen que hacer, upload_url y flash_url, deben ser archivos contenidos en tu sitio web, en el caso de flash_url el archivo viene incluido en el archivo que descargas.

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

Especial para desarrolladores web y todo aquel que le guste meter mano a las API’s, desde ya hace tiempo que Youtube nos dejaba utilizar un API pero esta servian mas que nada para consultar informacion general o de una cuenta especifica.

Pues bien se nota que han estado trabajando mucho ahi y ahora lanzan una nueva version de su API que ahora nos da mas libertad para menajar los datos, modificarlos, realizar busquedas, crear y eliminar e incluso la posibilidad de subir videos desde nuestra propia aplicación.

En breve desarrollare con esta nueva API con la anterior ya habia hecho un componente para Joomla. , para presentar la nueva API sacaron este video aqui con subtitulos  :razz:

Blog YouTube API  / Documentación del API de Youtube