Espresso es un potente editor web para Mac, vio la luz en 2009 y realmente ha recibido muy pocas actualizaciones, sus creadores Mac Rabbit son los mismo que crearon el CSSEdit para Mac, bueno hace unos meses mencionaron en su blog la futura version de Espresso bajo el nombre Kaboom, bien hace unas semana ha sido lanzado el nuevo Espresso 2 para Mac con muchas mejoras en los procesos.

Entre ella la mas destacada es la fusión de CSSEdit y Espresso haciendo de este editor una poderosa alternativa para los desarrolladores web, personalmente desde su primera versión se ha convertido en mi editor favorito, por su sencillez y velocidad, esta nueva versión tiene entre sus características:

• Integrado con el nuevo CSSEdit 3
• Web Preview con X-Ray (utiliza el motor de Safari)
• Mejoras en la sincronización con servidores FTP/SFTP/Amazon S3
• CSS Live Edit, la posibilidad de ver tus cambios en el CSS al momento
• Mejoras en procesos
• Mejoras de rendimiento

Asi que ya tienen 30 documento pdf para descargar gratis y pasar unos ratos de lectura agradable.

Enlace: 30 essential PDF documents for designers

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)

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:

[code lang="javascript"]
var swfu;
window.onload = function () { swfu = new SWFUpload({
file_post_name : "Filedata",
upload_url : "http://www.swfupload.org/upload.php",
flash_url : "http://www.swfupload.org/swfupload_f9.swf",
file_size_limit : "20480",
file_types : "*.jpg;*.gif",
file_types_description: "Web Image Files",
}); };
[/code]
HTML
[code lang="html"]

[/code]

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.

Las expresionaes regulares o tambíen conocidas como regex, en cual sea el lenguaje de programación que se utilizen no son sencillas de aprender, sin embargo una vez que las aprendas te serviran de mucho al lograr solventar muchas tareas complicadas de programación.

Para aminorar estas complicaciones tenemos a The Regulator que es un sencillo software gratuito que bien te puede ayudar a practicar el uso de las expresiones regulares o a hacer pruebas del funcionamiento de las reglas que ya hallas creando, tarea siempre util para optimizar algunas funciones.

El softwarwe fue creado por Roy Osherove y actualmente solo hay versiones para Windows y requiere del Framework .Net 1.0 o 2.0 o 3.x

Descargar: The Regulator

Via: WebResourcesDepot

via webadictos.com.mx

Filtros de parámetros en PHP 5 ej Comprobar y limpiar variables POST.

Antes en PHP 4:
[code lang="php"] if (isset($_POST["submit"])) {
$submit = addslashes(strip_tags($_POST["submit"]));
}
?>[/code]

Ahora PHP 5:
[code lang="php"] if (filter_has_var ( INPUT_POST , ’submit’)) {
$submit = filter_input(INPUT_POST, ’submit’, FILTER_SANITIZE_SPECIAL_CHARS);
}
?>[/code]

ej. Validar email.

Antes PHP 4:
[code lang="php"] if (!ereg("^([a-zA-Z0-9\._]+)\@([a-zA-Z0-9\.-]+)\.([a-zA-Z]{2,4})$",$email)){
echo "El e-mail no es valido";
} else {
// ...
}
?>[/code]

Ahora PHP 5:
[code lang="php"] var_dump(filter_var('roberto@example.com', FILTER_VALIDATE_EMAIL));
?>[/code]

Andres también nos lista mas funciones para filtrar las variables, tips de gran utilidad y ya deberíamos solo pensar en la versión 5, en serio unan se a GoPHP5.org.

via Anieto2k

Bueno pues daniel de webadictos a simplificado una función que ya hace unos meses ha creado cuando andaba trabajando en un proyecto que actualmente ambos le metemos mano para dejarlo a pique, la función es realmente útil, y sencilla se trata de un include para archivos JS y CSS, su forma de uso es realmente sencilla, ejemplo:

[code lang="javascript"]

<script>

include('path/prototype.js');

</script>

[/code]

La función se basa en el DOM y puede incluir los archivos tanto en el body como en el head también tiene la posibilidad de recibir parámetros, tal y como lo hace scriptaculous, los parámetros para utilizar son:

• cache: true | false
• dom: true | false
• type: ” “

cache, por nos permite evitar que el archivo se cargue dos veces este parametro por default recibe el valor de true.

dom, indica si deseas incluir el archivo en el head de tu html este por default lo incluye ahi mismo.

type, este parámetro recibe el nombre (extensión) del archivo en caso de ser diferente a js.

Felicidades Daniel excelente aporte.

Enlace: Función Include en Javascript