Screenr: Grabar ScreenCasts desde la web

Screenr es una nueva herramienta que combina la utilidad de screencasts con el poder de Twitter, muy fácil de usar y una solución rápida cuando se trata de explicar detalladamente la alguna función por medio de un video.

Esta particular aplicación Web también nos permite gravar el video con audio incluido, no trae todos los efectos ni funcionalidades que tendría una aplicación de escritorio como Camtasia por ejemplo, pero para cosas simples se nos hace mejor utilizar esto que una herramienta de escritorio.
Imagen de Ejemplo:

Una de las mejores ventajas es que nos libraríamos de estar subiéndola a Youtube u otro servicio de alojamiento para poder compartirlo. ya que Screenr se encarga de eso automáticamente mediante el API de Twitter.
Video grabado con Screenr

[SWF]http://screenr.com/Content/assets/screenr_0817090731.swf,520,350,i=7794[/SWF]

Detectar peticiones Ajax con PHP

Cuando desarrollamos aplicaciones Web, una de las ventajas que ahora tenemos es de utilizar Ajax para ciertas secciones donde es conveniente, y también es necesario restringir peticiones que no sean tipo XMLHttpRequest.
Para filtrar solo peticiones Ajax bastara con colocar este simple script.

if(isAjax()){
    die('Es una peticion Ajax.');
}else{
    die('Acceso denegado!');
}
function isAjax(){
    $xhr = strtolower($_SERVER['HTTP_X_REQUESTED_WITH']);
    if( !empty($xhr) &&
        $xhr == 'xmlhttprequest'){
        return true;
    }else{
        return false;
    }
}

Nota: algunos servidores Web no proporcionan esta variable, de modo que tendrás que probar antes de implementarlo.

OWA: Una herramienta para estadisticas Web

Open Web Analytics (OWA) es un Framework Open Source para estadísticas Web escrita en PHP. OWA se realizo con el propósito de ser utilizado para implementar fácilmente características de análisis y estadísticas en nuestras aplicaciones Web.

Este Framework también tiene soporte integrado para las populares aplicaciones como WordPress y MediaWiki, puede ampliarse para rastrear y analizar diversos sitios Web.
Si tienes necesidad o curiosidad por testear este framework para estadísticas, puede seguir los pasos de instalación.

Prerequisitos

  • Soporte PHP 4.4+
  • Activar librerías GD
  • Directorio “/path/to/owa/logs” con permisos de escritura
  • Directorio “/path/to/owa/caches” con permisos de escritura

 

Paso 1: Descargar una distribución

La puedes realizar como descarga directa o también utilizar el un cliente SVN y hacer un Check out.

Paso 2: Configuración de archivos

Para esto debes renombrar el archivo de configuración owa-config-dist.php situado en la carpeta “owa/conf” y quitarle el “-dist”.
Luego editaras el archivo corrigiendo la conexión a la base de datos.

Paso 3:Iniciar la guía de instalación

Debes poner en tu browser la dirección:
http://www.yourdomain.com/path/to/owa/public/install.php
Y se iniciara automáticamente.
Nota: también puedes ver una instalación en WordPress o MediaWiki optimizada para el servicio.

Contador ReTweet en tu página Web.

Como añadir un Contador ReTweet en tu página Web?
Para agregar un contador de Tweets para una determinada página generalmente utilizábamos el botón generado de Tweetmeme.

En los últimos días un nuevo servicio, muy parecido a Tweetmeme se ha lanzado.
ReTweet.com muestra el numero de enlaces mas populares que se ah re-tweeteado a través de Twitter y nos proporciona un widget sencillo para colocarlo en nuestra página Web.

Utilizando dos líneas de código javascript puede integrarlo fácilmente con si página Web, para esto también nos brinda dos versiones del botón (grande y pequeño).

Este es el código para el botón grande

<script type="text/javascript"> </script> <script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>

Y este es para el pequeño

<script type="text/javascript">
size = 'small';
</script>
<script src="http://www.retweet.com/static/retweets.js" type="text/javascript"></script>

Cuando tu página no es igual a la actual URL tienes que agregar un nuevo parámetro de esta manera

<script type="text/javascript">
url  = 'http://www.tednologia.com/contador-retweet-en-tu-web';
size = 'small';
</script>
<script src="http://www.retweet.com/static/retweets.js" type="text/javascript"></script>

Para información más detallada puedes visitar la página oficial Retweet Button.

Crear Captcha con PHP

La utilización de captcha es muy importante en todos los sitios Web, principalmente cuando se tiene algún tipo de formulario que realice la acción de mandar un email o registrar información en la base de datos.
SimpleCaptcha es una clase en PHP que nos permite realizar captcha fácilmente, su estilo particular se asemeja al captcha que utiliza Google para sus formularios.
Para poder utilizarlo debemos bajarnos el paquete que vendrá con un ejemplo incluido.
Este es un ejemplo básico de como utilizarlo:

Paso 1: Generar la imagen captcha con php
Primero iniciamos sesión para poder guardar la variable captcha en ella, luego instanciamos la clase SimpleCaptcha.
Podemos también configurar las opciones que vienen por defecto.

session_start();
$captcha = new SimpleCaptcha();
//$captcha->wordsFile = 'words/es.php';
//$captcha->session_var = 'secretword';
//$captcha->imageFormat = 'png';
//$captcha->scale = 3; $captcha->blur = true;
//$captcha->resourcesPath = "/var/cool-php-captcha/resources";

$captcha->CreateImage();

Paso 2: Crear el formulario html
Este es un simple formulario donde en el src de la imagen pondremos la ruta del captcha generado con php.

<div>
    <img src="captcha.php" id="captcha" /><br/>
    <a href="#"
    onclick="document.getElementById('captcha').src='captcha.php?
    '+Math.random();" id="change-image">
    Recargar Captcha.</a> <br/>
    <input type="text" name="captcha" id="captcha-form" />
    <input type="submit" value="Enviar" />
</div>

Paso 3: Validar el captcha

if (!empty($_REQUEST['captcha'])) {
    $txt=trim(strtolower($_REQUEST['captcha']));
    if ( empty($_SESSION['captcha']) ||
         $txt != $_SESSION['captcha'] ){
        echo "Captcha incorrecto";
    } else {
        echo "Captcha correcto!";
    }
    unset($_SESSION['captcha']);
}

Deshabilitar las revisiones de entradas en WordPress

La revisión de entradas en WordPress genera por cada cambio un nuevo registro en nuestra base de datos, esto realmente solo sirve cuando hay varios usuarios manejando contenidos del blog, pero cuando esto no se da hace que nos llenemos de registros totalmente innecesarios.

Para deshabilitar esta funcionalidad en WordPress solo bastara con encontrar el archivo wp-config.php en la carpeta inicial de tu instalación WordPRess y agregar al final este código:

define('WP_POST_REVISIONS', false);

Si nuestro blog cuenta ya con varias entradas y queremos borrar las filas en nuestra tabla, podemos ejecutar la siguiente consulta en la base de datos (por ejemplo desde phpMyAdmin).

DELETE FROM wp_posts WHERE post_type = "revision";

Este script SQL nos borrara todos los registros de la tabla “wp_posts” que tengan el campo “post_type” con el valor “revision”, WordPress pone por defecto este valor a los post revisados
Fuente: WP Thoughts

Bordes redondeados CSS3 para todos los navegadores

CSS3 trajo consigo muchas propiedades buenas, una de las mas usadas es la de bordes redondeados mediante CSS y dejar de lado las imágenes que hacen que la pagina se vuelva mas pesada, pero esta propiedad no se ah llevado a la practica mediante este estándar de nombre “border-radius” ya que para cada tipo de navegador existe una propiedad.

 

Ejemplo de la propiedad border-radius

-moz-border-radius: 10px; /* Firefox*/
-ms-border-radius: 10px; /* IE 8.*/
-webkit-border-radius: 10px; /* Safari,Chrome.*/
border-radius: 10px; /* El estándar.*/

Un navegador que no soporta bordes redondeados podría ser IE6, sin duda este navegador sigue siendo favorito de algunas personas, para que los usuarios de IE6 puedan apreciar los bordes redondeados de una Web necesariamente tendríamos que poner un hack para este navegador.
CurvyCorners es un javascript que ejecuta rutinas dentro de la pagina buscando la propiedad de bordes redondeados ya sea para Firefox o Safari, y dándole la misma apariencia que en esos navegadores.
Lo único que tiene que hacer es incluir el .js en el de la pagina Web.

<script src="curvycorners.js" type="text/javascript"></script>

Luego creamos nuestra clase CSS:

.rCorners{
width: 220px;
padding: 10px;
background-color: #ECEFF5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
}

Dentro del crearemos un <div> para probar la función.

<div class="rCorners">
    Bordes redondeados con CSS.
</div>

Así se vería en todos los navegadores:

 

Nota: Para IE6 hay otros hacks que podrías estar interesado, aquí dejo unos enlaces que tratan el tema de bordes redondeados.

10 herramientas para busqueda de dominios

Cuando estamos iniciando un proyecto Web, es muy importante ir pensando en el nombre de la pagina Web desde el principio, una alternativa para ir probando nombres de dominio es yendo a GoDaddy y otros servicios de venta de dominios para realizar dicha tarea. Pero las paginas Web donde venden los dominios no son muy buenas o muy amigables para buscar de manera rápida, y otra razón para no buscarlas hay es porque si hay una gran cantidad de búsquedas para ese dominio, la pagina Web lo registra.
Esta lista con 10 herramientas muy buenas para la búsqueda de dominio te ayudaran en cualquier apuro.

1. Domains Bot

Busca dominios .com, .net, .org, .info, .biz, .us dándote información rápida del estado de ese dominio, también ofrece una búsqueda inteligente de dominios relacionados al que buscaste.

2. Squurl

Este servicio nos brinda una rápida respuesta del estado de un dominio, mostrándonos en la parte inferior otras buenas alternativas al nombre original. Esta Web también brinda el servicio de acortar hurlas.

3. Domain Tools

Esta Herramienta posee una gran base de datos WHOIS para brindar información detallada sobre el propietario de un dominio.

4. Domai.nr

Aquí encontraremos unas variaciones muy buenas para nuestros nombres de dominio, y también nos dan una búsqueda con alternativas para nombres de dominio corto como ces.ar, craftym.an dependiendo del nombre de dominio.

5. Namebio

Nos brindara información de dominios que están en subasta, un buen lugar para saber de cuanto podría costar un buen nombre de dominio, o para poder inspirarse a la hora de buscar un nombre de dominio.

6. Xona

Este es un buscador de url cortos (domain hacks) donde podremos saber de que país son y obtener información sobre dominio.

7. Internet Archive

Mas conocido como Way Back Machine, su función consiste en brindarte todas las versiones cronológicas que ha tenido tu Web en los tiempos, con fechas desde los 90 como Google en sus primeros años.

8. Bust a Name

Este es uno de los mejores servicios para buscar nombres de dominio mediante keywords permitiéndote guardar la búsqueda.

9. WHS Domain Search

Este buscador es otra alternativa para encontrar dominio fácilmente y saber cuales son las posibles variaciones que pueden agradarte.

10. Instant Domain Search

Este es un buscador de dominos con Ajax, la búsqueda se realiza mientras escribimos para una rápida respuesta, si esta disponible nos brinda información y precios con enlaces a las páginas para comprarlos, si esta tomado nos brinda enlaces donde podemos saber el Page Rank, el detalle del dominio, las variaciones para el dominio entre otros.
Esta lista es una gran ayuda para encontrar el nombre de dominio deseado y adecuado para una nueva Web, tal vez utilices alguna de estas herramientas o tengas una que no esta en la lista, puedes comentarla en esta Web!

Tumblr: Como tener un blog sin saber HTML ni CSS

Tumblr es una plataforma de microblogging que permite a sus usuarios publicar textos, imágenes, vídeos, enlaces, citas y audio a manera de tumblelog. Los usuarios pueden «seguir» (follow) a otros usuarios registrados y ver las entradas de éstos conjuntamente con las suyas, por lo cual Tumblr puede ser considerado una herramienta social (Wikipedia).
La funcionalidad es similar a Twitter, nos permite seguir y que nos sigan otros usuarios, también nos da la posibilidad de cambiar la apariencia del blog mediante una variedad de temas.

Una de las funcionalidades que destacan es la de agregar feeds que importara automáticamente, de esta manera al postear en tus blogs estos artículos luego se importaran a tu cuenta tumblr.

Este servicio es sin lugar a duda, muy fácil de usar para las personas que no tienen muchos conocimientos sobre html o css, es muy intuitivo y realmente útil cuando queremos sacar un blog rápidamente.

Repositorios de iconos gratis

Cuando se nos presenta un nuevo proyecto o queremos arreglar unos cuantos iconos de nuestra pagina web casi siempre buscamos en google iconos de diversas secciones, estos tres repositorios de iconos nos ayudaran y facilitaran nuestra busqueda ahorrandonos tiempo en cosas simples y monotonas en cada proyecto web.

IconFinder

Es un repositorio con más de 100,000 iconos que puedes utilizar para tu página Web o al desarrollar alguna aplicación Web y necesites iconos sobre redes sociales, herramientas, programas, entre otras temáticas.
La manera de buscarlos es súper amigable, puedes personalizar las vista de los iconos, modificar los backgrounds, filtrar tu búsqueda por tamaños de iconos, buscar sets de iconos, personalizar el diseño de iconos, entre otras características más.

IcoPedia

Es otro buen repositorio de packs de iconos para redes sociales, en realidad es un blog que va posteando lo mejores packs que encuentran en Internet, las búsquedas pueden realizarse por categorías.

IconsPedia

Es similar al anterior, pero cuenta con más iconos y categorías las cuales podemos descargar en formato .ico o .png, esta Web también nos permite subir nuestro propio pack de iconos si es que desarrollamos estos.
Tres alternativas buenas para buscar iconos en nuestro próximo proyecto, si saben de otra pagina buena para buscar iconos bienvenida sea!