2010-02-28

Widget de Google Buzz en tu página web

buzz

Aunque no tiene muchas opciones para personalizar el resultado, buzzcounter.net es una de las soluciones más rápidas que existen si deseáis poner un widget en vuestra página web mostrando lo que compartís en Google Buzz.

Prometiendo que en breve tendrán un contador disponible, de momento podemos probarlo indicando nuestro nombre de usuario y obteniendo el código necesario para mostrar al mundo las noticias que nos interesan.

Vía makeuseof

Fuente: wwwhatsnew.com

menubuilder – Crea menús para webs en segundos

Menubuilder nos permite elegir el aspecto que necesitamos para el menú de nuestra nueva página web y bajar el código necesario para no tener que comenzar desde cero.

Podemos seleccionar el formato vertical u horizontal, con varias opciones estéticas y la posibilidad de elegir los colores de cada botón tanto en situación de reposo como en activo.

Aunque un nuevo sitio web siempre debe apostar por la originalidad, huyendo de este tipo de generadores, puede ser una buena forma de obtener el código base.


Fuente: wwwhatsnew.com

www.to – Acortando varias urls de una sola vez

www.to es una aplicación que, además de tener un nombre original, nos permite acortar una o varias urls al mismo tiempo.

Podemos informar una lista de hasta 50 direcciones web y obtener todas ellas acortadas con el formato www.to/TxdFW, por ejemplo. Nos permite elegir la palabra usada en el resultado y obtener el código necesario para usar su API en cualquier página web.

Aunque hace meses que bit.ly parece haber consolidado su posición como líder en este mercado, no dejan de aparecer opciones en la categoría. Como un día comentó un buen amigo “el día que dejen de funcionar los servicios de acortadores de urls, Internet se romperá“.

2010-02-27

Desarrollo web para celulares WAP (Wireless Application Protocol) + WML

Acá dejo un link con un pequeño manual, donde encontrar las bases para comenzar con el desarrollo de paginas para celulares con la tecnología WML.
Link: Informacion

Algunos Emuladores WAP para hacer los test:
http://mobilerunner.wap3.net/emu_wap3/p/wap3/
http://www.forum.nokia.com/Tools_Docs_and_Code/Tools/
http://www.wap-proof.com/

También dejo sitio para celulares y por aprender de su codigo fuente. ;-)

Empresas de telefonía celular de Argentina:

Portal Personal Argentina

Pagina web: www.personal.com.ar
Pagina wap: http://wap.personal.com.ar

Portal Cti móvil Argentina

Pagina web: www.ctimovil.com.ar
Pagina wap: http://portalwap.ctimovil.com.ar

Clima:

Infoclima

Paginas web: www.infoclima.com.ar
Paginas wap: www.infoclima.com/wap/

Descargas

Fonditos.com.ar (Portal argentino con mucho material para tu celu)

Paginas web: www.fonditos.com.ar
Paginas wap: http://wap.fonditos.com.ar

TagTag (Tiene para tu celu, datos, imágenes, aplicaciones java y mucho mas.)

Pagina web: www.tagtag.com
Pagina wap: http://tagtag.com

Paginas moviles ( muy bueno para descargar algo para tu celu)

Paginas web: http://www.paginasmoviles.com.ar/
Paginas wap: http://wap.paginasmoviles.com.ar

Portales

Ciudad Internet

Pagina web: http://www.ciudad.com.ar/
Pagina wap: http://wap.ciudad.com.ar/

Terra

Pagina web: http://www.terra.com.ar/
Pagina wap: http://wap.terra.com.ar/

Buscadores

Google

Pagina web: http://www.google.com/
Pagina wap: http://wap.google.com

Seek4 (Excelente buscador en varios idiomas)

Pagina web: http://www.seek4wap.com/
Pagina wap: http://wap.seek4wap.com/es/

Toda la Net (Buscador de paginas wap y web)

Pagina web: http://www.todalanet.net/
Pagina wap: www.todalanet.net/wap/indext.wml

Yahoo

Pagina web: http://www.yahoo.com.ar/
Pagina wap: http://wap.yahoo.com.ar/

Noticias

Clarín Argentina

Pagina web: http://www.clarin.com/
Pagina wap: http://wap.ciudad.com.ar/clarin/

Infobae Argentina

Pagina web: http://www.infobae.com/
Pagina wap: http://wap.infobae.com/

La Nación Argentina

Pagina web: http://www.lanacion.com.ar/
Pagina wap: http://www.lanacion.com.ar/herramientas/wap/

Ole Diario deportivo

Pagina web: http://www.ole.clarin.com/
Pagina wap: http://wap.ciudad.com.ar/ole/

TestSize – Cómo se ven ciertas páginas en diferentes resoluciones

Testsize es una aplicación bastante sencilla y muy útil cuando queremos diseñar alguna página web compatible con la mayoría de las resoluciones posibles.

Sólo tenemos que indicar la url que queremos probar y la resolución deseada, testsize mostrará el resultado en una ventana del tamaño adecuado, permitiendo hacernos saber si los usuarios que usen ese tamaño podrán ver el contenido más importante de nuestra web.

Aunque puede parecer una tontería, es algo extremadamente importante en el diseño de cualquier medio de comunicación digital.


Fuente: wwwhatsnew.com

todoyu – Sistema de código abierto para gestión de proyectos

Ampliando la categoría de gestión de proyectos y herramientas opensource, os dejo ahora con todoyu, una aplicación disponible en php que nos permite instalar en nuestro propio servidor un sistema de gestión de proyectos con varias interesantes funciones.

Podemos controlar varios proyectos al mismo tiempo, verificar rápidamente los plazos pactados con los clientes, asignar tareas, compartir archivos, gestionar calendarios, agendar reuniones, planear recursos, enviar facturas… una única plataforma para poder realizar la mayoría de las actividades necesarias en la gestión inteligente de uno o varios proyectos.

En demo.todoyu.com podéis ver la aplicación funcionando sin necesidad de instalarla, un portal con la información muy bien estructurada.

También piensan incluir una API que permite el desarrollo de aplicaciones que usen sus datos, lo que puede ampliar la plataforma de forma impresionante.

Sin duda una excelente noticia para quienes trabajamos en este tema.

2010-02-26

10 Cliente WebMail para tu hosting

1. RoundCube

RoundCube Webmail is a browser-based multilingual IMAP client with an application-like user interface. It provides full functionality you expect from an e-mail client, including MIME support, address book, folder manipulation, message searching and spell checking. RoundCube Webmail is written in PHP and requires a MySQL or Postgres database. The user interface is fully skinnable using XHTML and CSS 2.

Webmail1 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

2. Zimbra

Zimbra provides open source email and calendar groupware software, with a browser-based AJAX client to deliver a rich experience with a message conversation view and visual search builder that makes multi-gigabyte inboxes easier to use. They also integrate 3rd party applications as “mash-ups” via web services so you can view CRM data, maps, or anything else without leaving the context of a message.

Webmail2 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

3. Xuheki

Xuheki is a fast IMAP client which has a browser-based AJAX client so you can access it from anywhere to read your email. It has most features that you would expect from a fine “Mail User Agent”. Xuheki is distributed under the terms of the GNU General Public License.

Webmail3 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

4. SquirrelMail

SquirrelMail is a standards-based webmail package written in PHP. It includes built-in pure PHP support for the IMAP and SMTP protocols, and all pages render in pure HTML 4.0 (with no JavaScript required) for maximum compatibility across browsers.

Webmail4 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

5. Atmail

AtMail, a free lightweight Ajax Webmail client software that is written in PHP that allow end user receive email via web browser and WAP devices. This webmail client software can be installed on variety platform like Windows and Linux. Plus more, it support various email technology like IMAP/POP3 mailboxes, and an optional email-server mode that uses Exim as the MTA.

Webmail5 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

6. afterlogic

AfterLogic WebMail Lite PHP is easy-to-use webmail script with modern interface, supports AJAX and skins. Users can receive, view, delete, compose, and send mail through web interface (POP3 and SMTP supported). Multiple attachments, multiple mail accounts and domains, preview panel, web-based administration. Easy installation, supports PHP 4.1 and above. Open source and completely free. Can be upgraded to Pro version with extended features….

Webmail6 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

Live Demo

7. Hastymail

Hastymail is a full featured IMAP/SMTP client written in PHP. Compatible with PDAs, phones, text browsers, and with all mainstream browsers. Hastymail has a powerful plugin system that PHP developers can use to alter the way it works. Plugins can add pages within the Hastymail application (including css files), alter existing pages by inserting XHTML, modify internal data structures within Hastymail, make AJAX callbacks using their AJAX system, and even communicate with a configured SQL server.

Webmail7 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

8. Mailr

Mailr is an open source webmail application written in Ruby which uses Ruby On Rails web application framework. The application is tested with Courier-IMAP but it should be possible to use it with any other IMAP server.

Webmail8 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

9. Claros inTouch

Claros inTouch is an Ajax communication suite with key features such as webmail, address book, post-it notes, calendar (in progress), webdisk (in progress), built-in instant messenger and rss reader. It is the first open source web application which features built in spam protection and instant messaging capabilities together with web 2.0 technologies. Built with Java, utilizes JSP/Servlets with the well known J2EE technologies & uses MySQL database.

Webmail9 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

10. Postaci

Postaci is a PHP based POP3/IMAP e-mail client that is very simple and easy to use. It supports SMTP authentication. It can handle both protocols and the defaul protocol can be changed from a single configuration file. Postaci is platform independent, it can work on any operating system which supports PHP. Postaci is also database independent, it can be used with MySQL, mSQL, Microsoft SQL, Sybase,
PostgreSQL.

Webmail10 in 10 AJAX-based & PHP WebMail Clients For a Great  User Experience

PHP RssReader – Crea un sitio web importando noticias rss

Si tenéis una buena colección de fuentes de noticias en RSS y queréis montar un site con la información clasificada por categorías, os recomiendo que echéis un vistazo en phprssreader.com.

Se trata de una aplicación en PHP que podrá ser instalada en vuestro servidor y configurarse para que muestre el contenido de los canales RSS que deseéis, obteniendo un resultado parecido al que puede verse en su demostración.

Aunque la versión gratuita tiene varios límites, es suficiente como para construir una buena página de referencia.

Sólo recordaros que deberéis verificar el tipo de licencia de cada uno de los contenidos que estáis importando, para evitar sustos…

2010-02-25

Crear un Widget Amazon Books con jQuery y XML

amazonboxxml.jpg

Create an Amazon Books Widget with jQuery and XML, un fabuloso tutorial paso a paso que nos permitirá crear un Widget Amazon Books con jQuery y XML, algo así como una caja donde exponer nuestros productos totalmente navegable mediante su carrusel. Inclusive nos permitirá añadir una breve descripción del producto, algo que lo torna mucho más interesante. Requiere de JavaScript y jQuery, esta ultima diseñada para recorrer documentos XML con facilidad, archivo que utilizaremos para actualizar los datos en nuestro widget de productos.

Ver demo - Descarga demo - Mas info Create an Amazon Books Widget

Publicado por Nikko

jQuery: crear un contador de caracteres para un textarea (estilo Twitter) Muy simple

Con un plugin de jQuery podremos lograr la misma funcionalidad que utiliza Twitter en sus cajas de texto, alertando (con cada modificación del texto ingresado) la cantidad de caracteres restantes.

Imagina que al escribir un mensaje, de pronto, se terminan los caracteres disponibles. Si lo hubieses sabido antes habrías sido más sintético. Aprende cómo mejorar la usabilidad en este aspecto.

Cómo funciona

La primera cosa que este plugin hace es crear un elemento hermano ("sibling", que se añade inmediatamente después del elemento form), que será el contador ("counter"), donde se almacena la información de caracteres restantes.

En cada evento en que se presiona una tecla o el valor de campo de texto cambia la función de conteo se dispara y el contenido de este elemento contador se cambia en consecuencia.

Si el recuento de caracteres restantes llega al "warning" (se acerca a cero) una clase de CSS es añadida. Esta clase lo que hará es cambiar el color de la información del contador de caracteres (por ejemplo, pondrá los números en amarillo). Si el contador llega a cero y va más allá, se añade otra clase por lo que podemos utilizar otro estilo para el límite excedido (de nuevo, por ejemplo, color rojo).

jquery-twitter-contador2

Sólo para que puedas entenderlo un poco mejor, este es el código que el plugin genera por defecto:

  1. class="counter">140

Opciones del plugin (y valores por defecto)

limit: 140

El límite de caracteres que deseas setear para tu textarea o input. Debe ser un número.

warning: 25

Cuando los caracteres restantes llegan al número seteado con esta opción la clase css de nombre "warning" se aplicará al elemento contador.

counterElement: 'span'

El tipo de elemento que deseas inyectar en el DOM como contador. Por defecto, es un elemento SPAN, pero puedes utilizar p, div, etc.

css: 'counter'

Nombre de clase añadida al contador. Utiliza esta clase como un selector de css para cambiar la apariencia del elemento.

cssWarning: 'warning'

Nombre de clase añadida al contador una vez que se llega al número de "advertencia" (warning).

cssExceeded: 'exceeded'

Nombre de la clase añadida al elemento contador una vez que llega a cero.

counterText: ''

Si deseas añadir algún texto al número de caracteres restantes, lo puedes hacer utilizando esta opción. Por defecto se encuentra vacía.

Así es como luce el código de implementación por defecto:

  1. $("#mensaje1").charCount();

Y esta es la implementación del plugin con algo de personalización:

  1. $("#mensaje2").charCount({
  2. allowed: 50,
  3. warning: 20,
  4. counterText: 'Caracteres restantes: '
  5. });

Aquí podrán echar un vistazo al CSS utilizado en los demos:

  1. form .counter{
  2. position:absolute;
  3. right:0;
  4. top:0;
  5. font-size:20px;
  6. font-weight:bold;
  7. color:#ccc;
  8. }
  9. form .warning{color:#600;}
  10. form .exceeded{color:#e00;}

Aquí tienes una demo del plugin en funcionamiento.

También puedes descargar los archivos desde la página del autor.

busuu.com lanza curso gratuito de portugués brasileño

Acabo de ser informado de que busuu.com ha lanzado un curso online gratuito de portugués brasileño. En su blog cuentan los detalles, donde especifican que el curso tiene 150 unidades clasificadas en 4 niveles diferentes.

Una buena oportunidad para aprender el idioma y ampliar las posibilidades de hacer negocios en este enorme país al mismo tiempo que probamos la habilidad de busuu a la hora de dar cursos por Internet.

2010-02-24

picmeleo – Integra y ofrece un editor de imágenes en tu web

Son tantos los editores de imágenes que ya he comentado en su categoría correspondiente que se hace dificil encontrar uno nuevo que ofrezca algo diferente. El caso es que lo he encontrado…

Se trata de picmaleo, una aplicación que permite a los lectores de una web editar las imágenes que en ellas se incluyen o subir las suyas para aplicar los efectos disponibles. En redes sociales podéis permitir a vuestros usuarios que giren la foto de su perfil, por ejemplo, o que mejoren las fotos de sus productos en cualquier tienda virtual que ofrezcáis.

Con soporte para varios idiomas, la instalación es bastante sencilla, sólo hay que añadir un pequeño script dentro del código de vuestro sitio web.

Entradas Relacionadas

La plataforma de diseño Aviary ahora es 100% gratuita

MyJDB, base de datos en Javascript para todos los navegadores

El próximo Lúnes, día 1 de Marzo de 2010, verá la luz la primera versión de MyJDB, una base de datos desarrollada en Javascript basada en Javascript DB que Luís García lleva un tiempo desarrollando.

  • My, en referencia a MySQL que será el referente de como deben funcionar las cosas.
  • J, en referencia a Javascript.
  • DB, indicando que se trata de una base de datos.
  • Y podemos usar JDB como acrónimo de Javscript DB recordando cual es el origen del proyecto.

Esta nueva versión trae una buena recopilación de modificaciones:

  • Relicenciamiento a GPL 3.
  • Documentación interna completa y en Ingles, así como las variables que pasan del catalán al ingles para internacionalizar el proyecto.
  • Reestructuración completa del código.
  • Nuevo analizador sintactito del Select sobre un 40% más rápido.
  • Tipado de datos de los campos de las tablas, lo que nos ayuda a evaluar correctamente números, cadenas y sobre todo fechas.
  • El algoritmo para realizar JOIN entre dos tablas es alrededor de 640 veces más rápido.
  • Se ha añadido el uso de between, el uso de parentesis, reconocimiento de ‘<=>’.
  • Implementación de la clausula limit.
  • Reconocimiento de is, is not, is null, is not null y unknown.
  • Realización de un select con sólo contando el tiempo de la clausula where alrededor de un 40 veces más rápido.
  • Evaluación de la clausula where alrededor de un 94% más rápido.
  • La evaluación de una condición LIKE es alrededor de 8 veces más rápida.
  • La clausula Order by es alrededor de 2 veces más rápido.

Como podemos ver, se trata de un proyecto interesante que permitirá llevar las base de datos en Javascript a todos los navegadores, mientras los estándares creados para ello se van implementado. Realmente es importante promover este tipo de proyectos que pretende hacernos la vida más fácil extendiendo las opciones que disponemos. Además busca colaboradores que ayuden a aportar ideas y líneas de código.

ScreenToaster: aplicación online para grabar screencasts

ScreenToaster es muy fácil de utilizar y no es necesario que descarguemos nada para poder usarla. Simplemente ingresamos a nuestra cuenta (podemos registrarnos de manera gratuita) y presionamos el botón “Start Recording”. Una vez terminamos la captura (también podemos a grabar audio, agregar subtítulos, etc.) podremos compartir fácilmente el video en cualquier sitio web, blog, red social o simplemente enviarlo por correo.

Esta herramienta es ideal para crear videos explicando como funciona un determinado programa, aplicación o sitio web, etc. Además es gratis, muy fácil de usar y funciona en cualquier PC con sistema operativo Windows, Linux o Mac OSX. Vale la pena probarla.

Enlace: ScreenToaster

betterMe – Solicita y envía opiniones anónimas a tus contactos

logo betterme

Si habéis concluido un trabajo y necesitáis una opinión objetiva de vuestros amigos y compañeros de trabajo, podéis usar betterme.com para obtener los datos.

En la aplicación podéis registrar los detalles de lo que habéis hecho y solicitar a un grupo de contactos una opinión sincera, ellos podrán responder sin ser identificados, lo que aumenta las posibilidades de obtener feedback sincero.

Una buena idea muy sencilla de usar y en un único idioma: inglés.

Fuente: wwwhatsnew.com

Akorta: un acortador de URL’s para tu dominio

Entre los servicios más conocidos se encuentran bit.ly, ow.ly, tinyurl y los acortadores de facebook y google, pero estos no son los únicos ni los mejores.

En adictos a la red hemos publicado otros servicios no tan conocidos pero que tienen funciones muy interesantes. Hoy les traigo otro llamado Akorta que, además de acortar fácilmente cualquier URL, nos permite usarlo en nuestro propio hosting para crear URL’s personalizadas.

Akorta puede utilizarse en cualquier dominio independientemente de la plataforma que use nuestro sitio. El único requisito es que el servidor en donde tenemos alojada nuestra web soporte PHP.

Tienes un sitio web?…que esperas para probar este excelente servicio?

Enlace: Akorta
Descarga:
Akorta

21 hacks de htaccess que todo desarrollador debería conocer

La configuración del archivo .htaccess de Apache (hypertext access) puede ser una herramienta muy ponderosa en el desarrollo web si se utiliza de la forma adecuada.

Mediante .htaccess podremos realizar redirecciones, proteger archivos y directorios con contraseña, prevenir el hotlinking y el robo de ancho de banda, comprimir archivos y mucho, mucho más. Entérate cómo.

Asegúrate de hacer un backup de tu archivo .htaccess actual antes de aplicar cualquiera de estos hacks.

1. Prevenir el Hotlinking

¿Estás cansado de que la gente utilice tu ancho de banda poniendo las imágenes albergadas en tu servidor en su sitio web? Añade el siguiente código al final de tu archivo .htaccess para prevenir el hotlinking:

  1. Options +FollowSymlinks
  2. #Protect against hotlinking
  3. RewriteEngine On
  4. RewriteCond %{HTTP_REFERER} !^$
  5. RewriteCond %{HTTP_REFERER} !^http://(www.)?nombrededominio.com/ [nc]
  6. RewriteRule .*.(gif|jpg|png)$ http://nombrededominio.com/img/no_robar_ancho_de_banda.gif[nc]

2. Bloquea todas las peticiones del user-agent

Es posible bloquear a todos los user-agents indeseados que pueden ser potencialmente dañinos o quizá simplemente para mantener la carga del servidor lo más baja posible.

  1. #Block bad bots
  2. SetEnvIfNoCase user-Agent ^FrontPage [NC,OR]
  3. SetEnvIfNoCase user-Agent ^Java.* [NC,OR]
  4. SetEnvIfNoCase user-Agent ^Microsoft.URL [NC,OR]
  5. SetEnvIfNoCase user-Agent ^MSFrontPage [NC,OR]
  6. SetEnvIfNoCase user-Agent ^Offline.Explorer [NC,OR]
  7. SetEnvIfNoCase user-Agent ^[Ww]eb[Bb]andit [NC,OR]
  8. SetEnvIfNoCase user-Agent ^Zeus [NC]
  9. "" post="" head="">
  10. Order Allow,Deny
  11. Allow from all
  12. Deny from env=bad_bot

3. Redirecciona a todos, excepto a ciertas IPs

Si por alguna razón deseas denegar el acceso a todos los usuarios o sólo permitir a un cierto grupo de direcciones IP para que tengan acceso a tu sitio, añade el siguiente código a tu archivo .htaccess:

  1. ErrorDocument 403 http://www.nombrededominio.com
  2. Order deny,allow
  3. Deny from all
  4. Allow from 124.34.48.165
  5. Allow from 102.54.68.123

4. Redirecciones 301 amigables con SEO

Si has transferido nombres de dominio o deseas redireccionar a una página específica sin que afecte a los resultados de los motores de búsqueda como Google, utiliza el siguiente código:

  1. Redirect 301 /d/file.html http://www.nombrededominio.com/r/file.html

5. Crea una página personalizada para cada tipo de error

Si te cansaste del diseño por defecto de las páginas de error 401, 403, 404, 500, etc. puedes fácilmente crear la tuya propia y referirte hacía ella de esta forma:

  1. ErrorDocument 401 /error/401.php
  2. ErrorDocument 403 /error/403.php
  3. ErrorDocument 404 /error/404.php
  4. ErrorDocument 500 /error/500.php

6. Crea una lista de IPs prohibidas

¿Te cansaste de obtener siempre los mismos comentarios de ciertos usuarios una y otra vez? Simplemente prohíbe el acceso a determinadas IPs, añadiendo el siguiente código:

  1. allow from all
  2. deny from 145.186.14.122
  3. deny from 124.15

7. Setea una dirección de e-mail por defecto para el administrador de servidor

Con el siguiente código puedes especificar la dirección de correo electrónico por defecto para el administrador de servidor:

  1. ServerSignature EMail
  2. SetEnv SERVER_ADMIN default@dominio.com

8. Deshabilita la ventana de aviso de descarga

Usualmente al descargar algo de un sitio web, saltará una ventana que pregunta si deseas abrir el archivo o guardarlo en tu PC. Para prevenir esto, utiliza el siguiente código:

  1. AddType application/octet-stream .pdf
  2. AddType application/octet-stream .zip
  3. AddType application/octet-stream .mov

9. Protege un archivo específico

El código que sigue te permite denegar el acceso a cualquier archivo que desees, mostrando una página de error 403 cuando alguien intenta acceder al mismo:

  1. #Protect the .htaccess File
  2. "">
  3. order allow,deny
  4. deny from all

10. Comprime componentes con mod_deflate

Como alternativa a la compresión de archivos mediante Gzip, puedes implementar mod_deflate (que se supone es más rápido). Coloca el siguiente código en la parte superior de tu archivo .htaccess:

  1. "">
  2. (js|css)$="">
  3. SetOutputFilter DEFLATE

11. Agrega headers de expiración a los archivos

El siguiente código muestra cómo agregar fechas de expiración en las cabeceras de los archivos:

  1. (ico|pdf|flv|jpg|jpeg|png|gif|swf)$="">
  2. Header set Expires "Wed, 21 May 2010 20:00:00 GMT"

12. Seteando la página por defecto

Puedes hacer que la página a mostrar ni bien un usuario llegue a tu sitio no sea la archiconocida "index". Aquí seteamos "about.html" como página de inicio:

  1. #Serve Alternate Default Index Page
  2. DirectoryIndex about.html

13. Proteje tus archivos y directorios con una contraseña

  1. #proteger un archivo con contraseña
  2. "">
  3. AuthType Basic
  4. AuthName "Prompt"
  5. AuthUserFile /home/path/.htpasswd
  6. Require valid-user
  7. # proteger un directorio con contraseña
  8. resides
  9. AuthType basic
  10. AuthName "This directory is protected"
  11. AuthUserFile /home/path/.htpasswd
  12. AuthGroupFile /dev/null
  13. Require valid-user

14. Hacer una redirección 301 de un dominio viejo a uno nuevo

Incluyendo este snippet en el .htaccess de tu viejo dominio, conseguirás redigir a otro nuevo (sin ser penalizado por Google por duplicar contenido, dado que el 301 es un aviso de "redirección permanente"):

  1. # Redirigir de un dominio viejo a uno nuevo
  2. RewriteEngine On
  3. RewriteRule ^(.*)$ http://www.nuevodominio.com/$1 [R=301,L]

15. Forzar el cacheo

El siguiente snippet no va a incrementar directamente la velocidad de carga de tu sitio en general, pero sí va a cargar más rápido cuando el mismo usuario vuelva a visitarlo al enviar un status 304 cuando se pidan elementos que no han sido modificados. Puedes cambiar la frecuencia de cacheo al cambiar el número de segundos (en este ejemplo se da una vez al día):

  1. FileETag MTime Size
  2. ExpiresActive on
  3. ExpiresDefault "access plus 86400 seconds"

16. Comprimir componentes al activar Gzip

Esto hace que sea más rápida la carga de tu sitio:

  1. AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
  2. BrowserMatch ^Mozilla/4 gzip-only-text/html
  3. BrowserMatch ^Mozilla/4.0[678] no-gzip
  4. BrowserMatch bMSIE !no-gzip !gzip-only-text/html

17. Quitar palabras o strings de una URL

En este ejemplo, quitaremos "category" de nuestras URL, es decir: http://tudominio.com/category/blue -> http://tudominio.com/blue

Agrega este código al final de tu .htaccess:

  1. RewriteRule ^category/(.+)$ http://www.tudominio.com/$1 [R=301,L]

18. Deshabilitar la navegación por los directorios de tu sitio

  1. Options All -Indexes

19. Redirigir los Feeds de WordPress a FeedBurner

  1. #Redirect wordpress content feeds to feedburner
  2. "">
  3. RewriteEngine on
  4. RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC]
  5. RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
  6. RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/tufeed [R=302,NC,L]

20. Remover la extensión del archivo de una URL

Para que sea más amigable al usuario y a los buscadores, por ejemplo "http://www.tudominio.com/autos.html" -> "http://www.tudominio.com/autos"

  1. RewriteRule ^(([^/]+/)*[^.]+)$ /$1.php [L]

21. Quitar el "www" del dominio

  1. #remove www from URI
  2. RewriteEngine On
  3. RewriteCond %{HTTP_HOST} ^www\.dominio\.com$ [NC]
  4. RewriteRule ^(.*)$ http://dominio.com/$1 [L,R=301]

Más sobre .htaccess (en inglés):

Fuente: DevMoose

Fuente: LINK

CSS: Dimensiones y tamaños de fuente en EM

El código CSS que se utilizará para obtener la equivalencia es el siguiente:

body, html{font-size: 62.5%;}
body {font-size: 101%;}
html>body {font-size: 100%;}
*:first-child+html body {font-size: 101%;}

Antes de crear ninguna regla la equivalencia de 1em es 16px. Por ello puede resultar un poco complicado hacer los cálculos para montar un CSS con medidas en EM.

Para simplificar el uso de dicha unidad de medida se da al elemento HTML un tamaño de fuente de 62.5%:

body, html{font-size: 62.5%;}

La siguiente cuenta aclara un poco la razón del uso del 62.5%:

(16px/100)*x=10px

Posteriormente se debe dar un tamaño de fuente del 100% al elemento BODY, aunque para Internet Explorer será de 101%, para que le salgan las cuentas:

body {font-size: 101%;}

Para los navegadores restantes si se define un 100% de tamaño de fuente, pero habrá que tirar de hack de selector CSS, para que Internet Explorer no lo pille:

html>body {font-size: 100%;}

Pero como este hack tiene efecto en Internet Explorer 7 hay dos opciones:

  • Cambiar el hack anterior a uno que excluya a todas las versiones de Internet Explorer.
  • Añadir un hack específico para Internet Explorer 7, que es lo que se ha hecho en el código expuesto al principio.

Si se opta por la primera opción, excluir todas las versiones de Internet Explorer 7, se usará esta regla:

html>/**/body {font-size: 100%;}

Y si se opta por el hack de Internet Explorer 7, se utilizará esta otra:

*:first-child+html body {font-size: 101%;}

Este documento está disponible en formato Texto OpenDocument.

Fuente: link

2010-02-23

API para localizar una IP a que pais pertenece

Con esta API podemos desarrola una programa con php que recuper a que pais y ciudad pertenece el IP que le pasamos. Es muy simple de utilizar ya que las informacion que enterga es en formato XML.
Link: Sitio Web
Link: Ejemplos en PHP
Link: Clase PHP

Tambien esta sitio web iplocationtools que tiene ejemplo JavaScript, pero requiere pedir un API-KEY para poder utilizar el servicios.
Link: Ejemplo

2010-02-22

Adventure PHP Framework (APF)

Adventure PHP Framework (APF) es un nuevo framework con el que me encontré navegando en Internet el cual parece ser muy potente frente a otro muy conocido en el mercado.



Adventure PHP Framework (APF)

Los mejores sitios web de recetas de cocina

En español:

recetasyvinos.com

Encontrar recetas y vinos, seguir a chefs y sumilleres, añadir nuestras propias recetas, unirnos en grupos y conocer personas… todo orientado tanto para profesionales como para novatos.

quecocinohoy.com

Su objetivo es juntar las mejores recetas de cocina de los mejores portales gastronómicos mostrando el contenido de forma sencilla, rápida y divertida.

recetaensaladas.com

Recetas de ensaladas

Podemos buscar por nombre, tiempo de preparación, dificultad o ingredientes, permitiendo a los usuarios subir sus recetas y compartirlas con el resto del mundo.

cheeef.com


Cheeef nos permite tener nuestro libro virtual de recetas, buscar las más votadas, encontrar interesantes consejos para los que hacen dietas, realizar comentarios, buscar por nube de etiquetas de ingredientes, preparar nuestros menús a partir de las recetas encontradas, etc.

En inglés:

visualrecipes.com

Nueva opción que clasifica perfectamente las recetas enviadas por la comunidad de usuarios. Un aspecto muy atractivo con fotos de los platos.

kitchenmonki.com

Kitchenmonkey

KitchenMonki es una nueva aplicación que, integrada con Facebook, permite compartir las recetas con un simple click al mismo tiempo que encontramos nuevas fórmulas buscando por ingrediente.

Food.com


Con un formulario de entrada de datos bastante bien diseñado permitirá tener las recetas bien clasificadas por tiempo de preparación, dificultad, ingredientes, etc. No permite subir la receta con un simple copiar-pegar texto de otras webs, tendréis que informar los datos uno por uno, para tener la base de datos organizada y limpia, con datos exactos de lo que tiene que realizarse para preparar el plato.

wegottaeat.com


En este caso podéis clasificarlas, compartirlas, buscarlas, puntuarlas, comentarlas… sustituye al clásico cuaderno de recetas que siempre dejamos debajo del microondas.

recipething.com


De la misma forma que el resto de sites culinarios 2.0, las recetas están clasificadas por etiquetas. En este caso podemos navegar también por los usuarios que más recetas han incluido.

myrecipe.org


Podéis suscribiros a la lista de recetas vía RSS, escribir las vuestras, buscar en una nube de etiquetas el estilo o ingrediente del plato buscado…

recipematcher.com


Informáis los ingredientes existentes en vuestra cocina y el site nos proporciona recetas que puedan realizarse con dicha materia prima.

Dos formas de recibir un feed RSS por email

Aunque nos movemos en un círculo en el que la gente usa lectores de feeds de forma muy habitual, aquí os dejo un par de opciones para recibir la información del RSS a un email. Ideal para enviarlo a quienes ni saben, ni quieren saber, lo que es eso de feed.

Conocer conozco una tercera opción en rss2email.infogami.com, pero es mucho más difícil de utilizar.

blogtrottr.com

Muy sencillo de usar, sólo hay que indicar la dirección rss y el email de destino. El email llegará diariamente.

feedmyinbox.com

Se usa igual que en el caso anterior, aunque tiene un límite gratuito de cinco direcciones rss por email.

2010-02-19

Iconarchive – Miles de iconos para Windows, Linux y Mac

Son muchas las aplicaciones y colecciones de iconos gratuitos que he comentado en wwwhatsnew.com, incluso una lista de buscadores especializados que tuvo bastante éxito en su momento.

Quiero hoy ampliar la lista con Icon Archive, un directorio de casi 30.000 iconos para todos los sistemas operativos, clasificados por temas y con licencias que dependen del paquete seleccionado.

Cada colección puede ser votada e informa del número de visitas recibidas, así como el autor y las condiciones de uso.

Como usar el acortador de URL de Google

goo.gl

Todos hemos escuchado sobre las paginas que acortan URL, ingresas una dirección larga y te devuelve una de no mas de 15 caracteres.

Estos servicios alcanzaron su boom con la masificación de twitter, por la necesidad de compartir links pero sacrificando los menos caracteres posibles para dejar espacio para los comentarios todo este atado por los 140 caracteres de twitter.

En fin, las paginas mas populares han sacado sus propios acortadores como Google con Goo.gl y youtube con youtu.be

El de google no tiene una pagina principal para usar el servicio, por esto les traigo una pagina que les permite usar los links Goo.gl

En esta pagina solo escriben la dirección, presionan el botón y listo.

Link | Acorta Url con Goo.gl

Zend Framework 1.10 soporta Windows Azure

Azure

Su equipo de desarrollo anunció así el lanzamiento de la versión 1.10 Estable del Zend Framework (ZF), el framework Open Source para PHP5 patrocinado por la misma Zend Tecnologies. Además de nuevos todos los cambios progresivos de rigor, esta nueva versión incluye una renovada organización de su documentación, que ahora puede consultarse y buscarse discriminando por cada una de sus versiones anteriores (1.9 hasta la 1.0).

Pero sin duda lo más destacable de este lanzamiento es el nuevo componente Zend_Service_WindowsAzure contribuído por la misma Microsoft, que supustamente permite a los desarrolladores llamar a las funciones de la API de Windows Azure desde sus propias aplicaciones PHP. También permitiría acceder a los servicios de la nube computacional de Microsoft como Blob Storage, Table Storage y Queue Service, que ofrecen almacenamiento persistente y redundante.

Además de PHP, otros lenguajes podrían obtener pronto el soporte "oficial" de Microsoft para acceder a Windows Azure, con los próximos más probables incluyendo a Perl y a Ruby.

  • Download: Zend Framework 1.10 Full (ZIP) (TGZ)
  • Download: Zend Framework 1.10 Minimal (ZIP) (TGZ)
Fuente: vivaphp.com.ar

Presentación de HipHop for PHP en Ingles

Finalmente ya está disponible el video de la presentación oficial de HipHop for PHP realizada en los cuarteles generales de Facebook en Palo Alto, California, el día de ayer. Durante el acontecimiento se revelaron algunos datos muy interesantes del proyecto, como por ejemplo, que comenzaron a implementarlo en sus servidores de producción desde hace 6 meses, y que actualmente Facebook ya sirve un 90% de su contenido con HipHop.

También resumieron su necesidad para iniciar este proyecto en estos cuatro motivos:

  1. PHP tiene un alto uso del CPU.
  2. PHP tiene un alto consumo de memoria.
  3. Querían reusar la lógica de PHP en otros sistemas.
  4. Las extensiones son difíciles de escribir para la mayoría de los programadores de PHP.

Pero además de HipHop, también crearon HPHPi, que es un intérprete experimental diseñado para la etapa de desarrollo de nuevas funcionalidades para Facebook. Con HPHPi no es necesario compilar el código de PHP antes de ejecutarlo en HipHop, permitiendo de esta manera detectar errores prematuramente sin cambiar la forma en la que codifican con PHP.

Las más de 300.000 líneas de código y más de 5.000 Unit Tests de HipHop se publicarán en la cuenta de Facebook en Github, y su repositorio estará hospedado en la dirección github.com/facebook/hiphop-php, aunque al momento de escribir esto todavía no está disponible.

Los próximos planes para HipHop incluyen agregar soporte para PHP 5.3 (actualmente soporta PHP 5.2), soportar Apache como una opción (actualmente incluye su propio servidor web) y evolucionar de acuerdo a su uso y aplicación afuera de Facebook.

Tips para tu Google Buzz

Creemos que ya es hora de recopilar algunos tips útiles para Google Buzz. Después de la respuesta inicial y de nuestro esfuerzo por mejorar les dejamos los 5 de las funcionalidades más útiles... ¡por ahora!

1.- Negritas y Cursivas: Buzz permite dar formato al texto que envíes. Lo logras de la siguiente manera: para las negritas utiliza un asterisco antes y después del texto. Para las cursivas, usa en cambio el guión de piso, también antes y despues del texto. Finalmente, para el texto tachado necesitarás un guión (o signo negativo) al principio y otro al final, así:


*negritas*
_cursivas_
-tachado-

Lo cual se vera como en la imagen de más abajo:

2.- Controla todo lo que compartes, desde el Panel de Control: tú tienes la posibilidad de ver y modificar lo que esté asociado a tu cuenta de Google. Aquí, te enseñamos cómo acceder facilmente al Panel de Control desde Gmail: haz clic en Configuración (arriba, a la derecha). Luego, entra en la pestaña Cuentas e Importación y una vez allí, verás la última opción al fondo que dice Configurar la Cuenta de Google. Al hacer clic en ese enlace, Google te llevará al sumario de tu cuenta, es decir, Configuración Personal.

Al lado de Panel de Control, haz clic en el enlace Ver Datos almacenados de esta Cuenta. En la vista que aparece podrás ver, producto a producto, todo lo que tienes asociado con tu cuenta de Google. Ahora, hay una sección dedicada exclusiva y específicamente a Google Buzz. Allí, podrás ver el número de seguidores y personas a quienes sigues, los sitios que tienes conectados, el conteo de comentarios y publicaciones que haz hecho hasta el momento, entre otras cosas. A la derecha de este resumen, hay varios enlaces a través de los cuales puedes cambiar diferentes cosas de tu perfil de Buzz.
3.- Puesdes usar el símbolo @ junto al nombre de una persona, para enviarle un Buzz a él o ella especialmente, pues Buzz te permite escoger de una lista de contactos. Por ejemplo: yo le quiero enviar un mensaje directo a mi amiga Karla, así que pondré @ junto a la "K" de Karla y me aparecerá la lista de personas que están en mis contactos cuyos nombres contengan la letra "K".

4.- Los atajos no son una utilidad exclusiva de Gmail como correo electrónico. Podemos usar los atajos también en Buzz, como por ejemplo la "n" para desplazanos hacia abajo en la vista de Buzz o "p" para hacerlo hacia arriba. La "r", usada para "responder" en Gmail, en Buzz se usa para Comentar. Activar los atajos es muy fácil: ve a Configuración, en la vista de Gmail y en la pestaña General, selecciona Activar combinaciones de teclas, dentro de la sección Combinaciones de teclas.

5.- Puedes enmudecer cada entrada en Buzz de forma individual: hay entradas que se hacen vivaces y captan tanto el interés de las personas que todos siguen comentando una y otra vez. Cada vez que esto pasa, Buzz envía una notificación a tus Recibidos pero tú tienes la posibilidad de evitarlo, al enmudecer cada entrada. Sólo debes hacer clic en la flechita que ves a la derecha de tu Buzz y el menú desplegará varias opciones para ti, como lo ves en la imagen más abajo. También, si no quieres recibir más notificaciones por parte de Buzz, puedes crear un Filtro con los siguientes parámetros: en la sección Contiene las Palabras, escribe "label:buzz" y al dar Paso Siguiente, puedes decidir si deseas, por ejemplo, marcar todas las notificaciones como leídas, entre otras cosas.
Como lo prometido es deuda ya ves que gracias a tus aportes en el Foro de Gmail hemos seguido ir mejorando tu experiencia con Buzz. Recuerda que puedes seguirnos a través de Google Reader (aquí a la derecha, donde dice Site Feed) para que estés siempre al tanto de cada publicación que hacemos y de todas las novedades que El Equipo de Google tiene para ofrecerte.

Publicador por María Conchita Mauro. Consumer Operations