Código para rotar dos banners con PHP

A veces tenemos la necesidad de rotar banners porque hemos vendido el mismo espacio y dividimos las impresiones para cada cliente. Si bien esto se puede hacer con un adserver, por ahí no tenemos ganas de andar instalando uno y preferimos las cosas más simples.

Esto código también sirve para hacer pruebas A/B, estas nos permiten determinar qué banner tiene mejor rendimiento y así decidirnos cuál nos conviene.

Este código es muy básico y asigna una impresión a cada banner, es decir, cuando cargue la página aparecerá el banner #1, y cuando refresquen la página nuevamente aparecerá el banner #2.

Código para rotar 2 banners con PHP

<?php $splitIt = rand()&1; echo "<!-- $splitIt -->"; ?>
<?php if ($splitIt == 0) { ?>
<!-- ADS 1 -->
<?php } ?>

<?php if ($splitIt == 1) { ?>
<!-- ADS 2 -->
<?php } ?>

Obviamente este código requiere que tu server soporte PHP. Solo tienen que reemplazar donde dice ADS 1 y ADS 2 por los códigos de sus publicidades.

Buscar y reemplazar texto en múltiples archivos con fnr.exe

A veces tenemos la necesidad de reemplazar un texto por otro en muchos archivos, y hacerlo manualmente sería una tarea tediosa que nadie quiere hacer.

Por ejemplo, hace unos días tenía la necesidad de cambiar un color por otro en una hoja de estilos y usé esta opción, también puede pasar para archivos donde tenemos que cambiar una URL por otra, y si nos ponemos a enumerar más casos no terminaríamos más. Para estos casos quiero recomendarles un programa muy útil que se llama fnr.exe.

fnrexe

Con esta aplicación podemos buscar y reemplazar texto en múltiples archivos a la vez, que es lo que los editores de texto no pueden hacer, esta es una utilidad pensada puntualmente para estos casos.

Se puede especificar desde el principio si queremos buscar y reemplazar texto o bien solo hacer la búsqueda y ver qué resultados aparecen para decidir qué es lo que queremos reemplazar o no. Lo bueno es que es Case-sensitive, permite buscar en directorios y subdirectorios, tiene soporte para expresiones regulares, y un largo etcétera…

Por último hay que decir que se trata de una aplicación portable que no requiere instalación y es muy liviana (127KB), además es completamente gratuita.

Enlace: fnr.exe

Visto en Lifehacker

ClippyJS: Agrega el famoso Clippy del Office a tu sitio web

Clippy

ClippyJS
Creo que pocos personajes llegaron a ser tan odiados por la humanidad como Clippy del Microsoft Office, ese molesto asistente que hacia todo tipo de cosas raras a la derecha de nuestra pantalla y que en realidad casi nunca ayudaba en nada :P.

La buena noticia es que para aquellos nostálgicos, ahora podemos agregar el simpático y odiado Clippy a nuestro sitio web gracias a ClippyJS.

Pueden ver un demo este link, y tambien descargarlo y aprender usarlo, pero no se preocupen porque es muy sencillo.

Visto en Neowin

Programa para crear extensiones de Chrome sin saber de programación

Hoy en día en internet hay disponibles herramientas que non permiten hacer cosas sin escribir una sola línea de código. Un claro ejemplo es Chrome Extension Creator, una herramienta que nos permite crear extensiones para Chrome sin saber absolutamente nada de programación.

Con una interfaz muy sencilla de utilizar nos va guiando en todo el proceso de la creación de la extensión. Tiene soporte para arrastrar y soltar elementos, editarlos y personalizarlos a gusto, todo sin tener que escribir código.

Chrome-Extensions-Creator

La aplicación se encarga de generar la extensión lista para ser instalada en nuestro navegador, y también genera un archivo comprimido listo para ser enviado a la Chrome Web Store así las demás personas pueden instalarla.

En el sitio web oficial de la aplicación hay un tutorial muy rápido para aprender a usarla, pero les dejo un video que es más claro y nos deja ver cómo funciona.

Enlace: Chrome Extension Creator

Visto en Soft & Apps

Los 3 mejores generadores de botones CSS3

CSS3 es un lenguaje que nos permite hacer cosas muy originales y elegantes sin tener que adicionar imágenes, hoy en día ya es posible aplicar todo tipo de efectos con solo usar un poco de CSS3.

Una de las bondades de CSS3 es que podemos crear botones con efectos muy originales, todo sin usar nada más que código. A continuación quiero dejarles una selección con los 3 mejores generadores de botones CSS3.

Estas 3 herramientas son muy fáciles de usar y nos ahorran casi al 100% el trabajo, solo hay que tener un poco de buen gusto, un ratito de tiempo para mezclar colores y efectos y listo.

bestcssbuttongenerator.com

bestcssbuttongenerator.com

Con un nombre un poco pretencioso (pero bien puesto), Best CSS Button Generator es una herramienta muy completa que nos permite crear botones CSS3 partiendo de algunas plantillas prearmadas a las cuales podemos ir editando a gusto con los colores y efectos que más nos usten.

Nos permite personalizar los tamaños de fuente, el border radius, el tamaño horizontal y vertical, agregar sombras, blur, posición del texto, y una gran cantidad de opciones que tenemos que dedicarles un ratito para obtener un resultado óptimo.

css3button.net

css3button.net

CSS3 Button Generator es otra de las herramientas que quiero recomendarles, también tiene un «showcase» donde podemos encontrar muchísimos ejemplos de otras personas y que podemos mixear a gusto cambiándoles los colores, fuentes y más.

Nos permite elegir los colores del degradado, agregar sombras interiores y exteriores, agregar sombras a los textos y muchas cosas más. Una vez que terminan con la edición del botón a la derecha pueden copiar el código listo para usar en sus proyectos.

css3buttongenerator.com

css3buttongenerator.com

La última herramienta también es muy recomendable por su simplicidad de uso, vamos paso por paso personalizando fuentes y texto, luego la parte del box, agregando sombras, cambiando colores, modificando bordes, cambiando colores de fondo y por último el hover.

Una vez que hemos terminado con la edición podemos descargar el código listo para usar desde la parte inferior de la página.

Conclusión

Las 3 herramientas son básicamente para lo mismo, por ahí la primera opción es un poco más completa y la que personalmente recomiendo si quieren lograr buenos resultados, pero será cuestión que se tomen un rato y prueben las 3 a ver cuál les gusta más.

IdeaPress: Crear una aplicación de tu blog para Windows 8 sin saber de programación

IdeaPress - Home
Tener aplicaciones de nuestro sitio web para todas las plataformas móviles es algo que hoy en día es muy importante para darle mayor comodidad a los lectores que nos visitan frecuentemente. Por eso hoy quiero recomendarles una excelente herramienta que nos permite crear una aplicación de nuestro blog WordPress para Windows 8.

El servicio lo ofrece gratuitamente IdeaPress y lo bueno es que no es necesario tener ningún tipo de conocimientos de programación ni diseño de aplicaciones móviles, para decirlo de una manera clara, es una especie de editor WYSYWYG de aplicaciones :P.

El primer paso es crearnos una cuenta gratuita en el sitio, luego nos pedirá que instalemos un plugin especial (JSON API) que es el que se encarga de conectar el contenido del blog con la aplicación, así los lectores pueden recibir las noticias en las apps sin problemas.

IdeaPress

Una vez instalado el proceso es realmente muy simple, ya que el asistente nos va guiando paso a paso en la creación y personalización de la aplicación. Allí podemos elegir entre varias plantillas y formatos, colores para los fondos, tipografías, colores para los títulos, imágenes de fondo, splash screen y muchas cosas más.

Una vez que hayan configurado todo el sistema les permitirá descargar los paquetes de la aplicación para que luego ustedes la envíen a la tienda de Windows, aunque también tienen la opción de pagar para que empleados de la empresa lo hagan por ustedes, pero el proceso de envío es muy simple.

Les recomiendo que se tomen el trabajo y el tiempo de revisar bien toda la configuración y crear una buena app para que sus lectores puedan disfrutar de sus contenidos en el móvil de una manera más cómoda.

Enlace: IdeaPress

Cursos en video de HTML y PHP gratis

videocurso
Este post va dedicado a todos los autodidactas que aprenden solos, puntualmente se trata de dos «cursos» en video de los lenguajes más usados en internet: HTML y PHP.

Seguramente este recurso le va a ser de muchísima ayuda a los que recién están empezando en esto.

Curso de HTML

Curso de PHP

Enlaces: Curso HTML Go!Curso de PHP

13 herramientas online para minificar código PHP, CSS y JavaScript

compressed-archiveMinificar código puede ser de muchísima utilidad para optimizar nuestro sitio web ya que los archivos serán más livianos y por ende se mejorará la velocidad de carga.

Esto es una gran ventaja desde varios puntos de vista, y uno de ellos puede ser el SEO, ya que a Google le gusta que los sitios carguen rápido y estén bien estructurados.

A continuación les dejo un par de herramientas muy útiles para minificar códigos en 3 de los lenguajes más utilizados: PHP, CSS y JavaScript.

Comprimir código PHP

  1. Tiny PHP
  2. Compress PHP Template
  3. PHP Minifier

Comprimir código CSS

  1. CSS Compressor & Minifier
  2. Minifier
  3. Pretty Diff (también soporta otros lenguajes)
  4. Minify CSS
  5. CSS Minifier

Comprimir código JavaScript

  1. Online Javascript & jQuery Minifier Tool
  2. UglifyJS JavaScript minification
  3. Minify JavaScript Online
  4. Online Javascript minifier

Visto en I Love Free Software – 123

Instacode: El Instagram para programadores

instacode
Todo usuario de un smartphone generalmente tiene instalado Instagram y comparte fotos de cualquier cosa pero con «efectos cool» que hacen que la foto tome un poco de elegancia. Y gracias a un tweet de @montogeek me encuentro con Instacode, una especie de Instagram pero para que programadores puedan compartir código de forma cool.

Con Instacode podemos compartir código de forma muy creativa como se ve en la imagen de arriba. Solo hay que pegar el código, elegir el estilo que va a tener y por último seleccionar el lenguaje en el que está escrito. El sistema les generará la imagen para que compartan donde quieran.

Lo bueno es que tiene funciones sociales, y como está de moda hoy en día con los memes, podemos «remixar» cualquier código, adaptarlo y compartirlo nuevamente. Además también tiene una función muy interesante que nos permite generar fondos de pantalla de los códigos que los usuarios comparten.

Enlace: Instacode

Guía práctica de HTML y CSS básico y avanzado

1-29-2013 9-25-32 PM

Shay Wove es un diseñador y desarrollador front-end que ha creado «A Practical Guide to HTML & CSS», como su nombre lo indica es una guía práctica para aprender HTML y CSS con muchísimos ejemplos y documentación completa acerca de cada característica de los dos lenguajes Web, la guía empieza desde los más básico y teórico hasta las últimas especificaciones de los dos lenguajes: HTML5 y CSS3, pero no solo se queda ahí, además del nivel básico donde aprendes todo lo necesario para crear una página web con las mejores prácticas también tiene un segundo nivel más avanzado, donde puedes aprender Rendimiento, Posicionamiento, Selectores complejos de CSS, Diseño Responsive (muy popular y necesario en este año 2013) y hasta jQuery también con variedad de ejemplos muy prácticos y reales.

A Practical Guide to HTML & CSS