IETester, testear aplicaciones en Internet Explorer

IETester es un una herramienta que nos da la posibilidad de testear nuestras aplicaciones web en diferentes versiones del navegador Internet Explorer a la vez. Si eres desarrollador web ya debes haber lidiado alguna vez con el Internet Explorer 6 (IE6) o el Internet Explorer (IE7) que son el terror de los desarrolladores. Esta herramienta se la recomiendo a todos los desarrolladores front-end, para que la tengan en su lista y puedan testear sus aplicaciones web.

IETester cuenta también con un plugin DebugBar que funciona al estilo Firebug.

En mi caso la me ahorra mucho trabajo y tiempo, ya que no tengo que estar instalando máquinas virtuales con diferentes versiones o no tener que recurrir a trucos para instalar varias versiones de IE en el ordenador.

¿Pero porque es importante testear el Internet Explorer y en especial el IE6?

Estadísticas del Internet Explorer según Digg

En una encuesta desarrollada por Digg sobre usuarios de IE6 señala que muchos de sus usuarios informan que no pueden actualizan sus versiones ya que no cuentan con los privilegios administrativos imposibilitando así actualizaciones o nuevas instalaciones. Mientras que otro prociento afirma que no puede actualizar, muchas veces a causa de que está reglamentado o porque administradores de red no lo hacen para ahorrarse trabajo.

Desde otro punto de vista entran en juego los factores económicos. Existen muchas personas que todavía utilizan la versión 6 de Internet Explorer (IE6), personas que viven en países subdesarrollados que se conectan a Internet con modem a 54 kb/s y no pueden actualizar sus versiones ya que tendrían que estar un día entero descargando la actualización o la nueva versión, o personas que simplemente tienen conocimientos básicos o casi nulos de cómo usar un ordenador y tampoco lo actualizan.

Hoy 26 de febrero del 2011,un 12 % de los usuarios del mundo aun usan Internet Explorer 6.

ie6countdown.com es un sitio de la Microsoft que lleva el control de las estadísticas del Internet Explorer 6, ha lanzado una campaña para la muerte definitiva para este dolor de cabeza.

Descargar IETester

Descargar DebugBar

Ver más »

Evitar el hotlink desde dominios específicos

El hotlink, o el robo de ancho de banda a partir de la copia de imágenes, es común desde ciertos sitios gratuitos o foros de warez donde los usuarios por pereza o desconocimiento, copian textos o imágenes de un web. Mediante el archivo .htaccess se puede evitar este robo de imágenes y de ancho de banda, en este caso para dominios específicos, el script es el siguiente:

view plaincopy to clipboardprint?

1. <IfModule mod_rewrite.c>  
2. RewriteEngine On  
3. RewriteCond %{HTTP_REFERER} ^http://(.+\.)?taringa\.net/ [NC,OR]  
4. RewriteCond %{HTTP_REFERER} ^http://(.+\.)?myspace\.com/ [NC,OR]  
5. RewriteCond %{HTTP_REFERER} ^http://(.+\.)?blogspot\.com/ [NC,OR]  
6. RewriteCond %{HTTP_REFERER} ^http://(.+\.)?livejournal\.com/ [NC]  
7. RewriteRule .*\.(jpe?g|gif|bmp|png)$ http://img.imageshack.us/imagen-sustituta.gif [L]  
8. </IfModule>  

<IfModule mod_rewrite.c><br /> RewriteEngine On<br /> RewriteCond %{HTTP_REFERER} ^http://(.+\.)?taringa\.net/ [NC,OR]<br /> RewriteCond %{HTTP_REFERER} ^http://(.+\.)?myspace\.com/ [NC,OR]<br /> RewriteCond %{HTTP_REFERER} ^http://(.+\.)?blogspot\.com/ [NC,OR]<br /> RewriteCond %{HTTP_REFERER} ^http://(.+\.)?livejournal\.com/ [NC]<br /> RewriteRule .*\.(jpe?g|gif|bmp|png)$ http://img.imageshack.us/imagen-sustituta.gif [L]<br /> </IfModule>

Donde http://img.imageshack.us/imagen-sustituta.gif, sería la imagen que se mostraría en lugar de la original, esta puede subirse a un hosting gratuito como imageshack.us o en el mismo servidor, pero con una extensión distinta a las indicadas en el script (jpg, jpeg, gif, bmp y png), por ejemplo, jpe
Si en lugar de mostrar una imagen, se desea arrojar un error (y por tanto, que no se cargue una imagen), se cambia la penúltima línea del script anterior por:

RewriteRule .*\.(jpe?g|gif|bmp|png)$ - [F]

Y para agregar un nuevo dominio, solo se sigue el patrón de la segunda línea por ejemplo, y se agrega enseguida.
No es una solución nueva, pero es eficaz y restrictiva solo lo necesario, por lo que es bueno tenerla a mano.

Fuente blogandweb.com

Ver más »

Videotutorial 9 Code Igniter

VideoTutorial 09 del Curso de Codeigniter y tercera parte de la aplicación Trackstrar. En esta entrega descargaremos la versión 2.0 de Codeigniter haremos la instalación en local, trabajando en el archivo de configuración, creación de nuestro primer controlador, configuración del archivo htaccess que tantas dificultades le ha creado a la comunidad, y para esta ocasión aprovecharemos para ver la forma de crear virtual host en Apache.

Fuente tutorialesvirtuales.com

Ver más »

Plugins de Chrome que todo desarrollador debe conocer

Desde hace un par de semanas me decidí por empezar a utilizar chrome, después de años de costumbre en el Firefox, la lentitud obtenida con este navegador al abrir mucha cantidad de pestañas revalzo mi paciencia (a pesar de un cuadcore con 8Gb de ram y sistema Ubuntu optimizado). Según leí por ahí firefox mejora su rendimiento en su nueva versión (bienvenida la competencia real de exploradores), pero hasta que no lo vea me quedo en chrome, que en ese sentido cumplió todas mis expectativas, e invito a todos mis lectores a tener la misma actitud para que firefox que ponga las pilas.

El problema principal vino a la hora de acostumbrarse a una interfaz mas “simple”, sin nada y la segunda, reemplazar os plugins que normalmente utilizo en Firefox. La primera, se soluciona utilizando chrome un tiempo, realmente uno se acostumbra, salvo en la barra de marcadores comun y la barra de estado que aun las extraño. La solucion para el segundo problema:

Plugins para diseño Web y SEO en Chrome…

1- SEO Status Pagerank/Alexa Toolbar:

Con este plugin podes saber el pagerank y/o alexa de la pagina que estas visitando. Pagina de descarga del plugin

2- Chrome SEO:

Completo plugin de SEO que nos brinda una gran cantidad de informacion sobre la pagina en la que estamos navegando. Descargar Chrome SEO

3- Firebug Lite

Excelente herramienta para poder conocer, modificar y utilizar cuando creamos HTML, CSS y Javascript. Descargar Firebug Lite

4- MeaSurelt! Regla en pixeles para medir en el navegador

Otra de las herramientas indispensables a la hora de diseñar una pagina web. Nos permite medir elementos dentro del navegador y nos da el ancho y el alto exacto en pixeles!. Descargar MeaSurelt!

5- Web developer para Chrome

Si bien esta version en mi opinion es muy inferior a la de chrome por falta de distintas opciones en cuanto a CSS, no deja de ser muy util por sus buenas prestaciones. Instalar Web Developer para Chrome

6- Resolution test para Chrome

Este es un plugin para probar las paginas webs en distintas resoluciones de pantalla. También infaltable a la hora del diseño web. Instalar Resolucion Test para Chrome

Como dije Soy nuevo por los barrios de chrome, así que los que ya viven hace tiempo en el y que pueda colaborar con un plugin útil se gana un enlace hacia su blog y mi agradecimientos.




Fuente blogdelaweb.com

Ver más »

07. Curso de HTML5. Los elementos video y audio.

VideoTutorial Número 7 del Curso de HTML5 en el que trabajamos con dos de las etiquetas más importantes del nuevo estándar Web. Video y Audio. Conocer la API Video; Problemas y soluciones al tema de formatos y Codecs; Añadir atributos al elemento video: autoplay, loop, controls; el evento onerror; Uso del Miro video converter; creación de proyecto que funcione en la mayoría de los navegadores; uso de Kaltura, proyector de videos basado en HTML5 y JQuery. Algo más de 40 minutos.

Descargar en formato mp4
Descargar en formato m4v HD 720
Descargar vía iTunes
Feed Rss del Curso
Descargar en formato m4v(iPod, iPhone, iPad...).
Descargar archivos de prácticas del videotutorial

Fuente illasaron.com

Ver más »

VideoTutorial 19 del Curso de PHP y MySQL

Este es el VideoTutorial 19 del Curso de PHP y MySQL.

Continuamos desarrollando aplicaciones prácticas. En esta oportunidad veremos cómo crear un formulario de contactos para nuestro sitio web.

Además, le pondremos un sistema de validación con javascript similar a los que se usan en los CMS, mostrando los mensajes de error con texto HTML, para eso usaremos la función getElementById y innerHTML.

Luego guardaremos el registro en una base de datos, y enviaremos un mail de notificación a nuestra cuenta de E-Mail usando la función mail() de PHP.

Todo en 60 minutos.

Ver directamente en blip.tv! 
Descargar vía iTunes
Descargar en formato m4v(iPod, iPhone, iPad...). 
Feed Rss del Curso
Descargar proyecto (código, video)

Fuente cesarcancino.com

Ver más »

Videotutorial 08 del Curso de CodeIgniter

Videotutorial 8 del Curso de Codeigniter y segunda parte del Desarrollo de La aplicación Trakstar. Explicaremos como llevar nuestro modelo de Base datos -Entidad Relación- a phpMyAdmin, crearemos las tablas INNODB y todas sus relaciones de acuerdo a lo planeado. Explicaremos la forma de mantener Integridad relacional directamente con MySQL. Todo en 17 minutos de video.

Fuente tutorialesvirtuales.com

Ver más »

Seo en Drupal 3er video Google Analytics

En esta oportunidad, veremos cómo instalar y configurar el módulo de Google Analytics, así como también la configuración de nuestra cuenta en el mismo Google Analytics y como obtener nuestros primeros parámetros sobre la posición de nuestro sitio.

Fuente illasaron.com

Ver más »

Un Fuerte golpe al Malware

Desactivación Masiva del AutoRun de Windows mediante Actualizaciones. Microsoft publicó entre sus parches de seguridad una "actualización Importante que no es de seguridad" para desactivar el AutoRun de forma automática. Realmente Microsoft no la considera una "actualización de seguridad", para poder permitir que los usuarios decidan si quieren o no desactivarlo.

Anteriormente se podía desactivar mediante modificación del Registro o pequeños programas que realizaban la tarea, pero dada su complejidad, el usuario medio no desactivaba el AutoRun. El AutoRun era una puera abierta para la infección de Malware a través de PenDrives, CD/DVD, ..., una vulnerabilidad demasiado explotada por el Malware.

Creemos que ahora es el momento indicado en la industria para hacer este cambio y alterar la forma en que se propaga el malware .
dijo Jerry Bryant, portavoz de Microsoft.

Fuente viruslist.

Conclusiones

Nuestra recomendación es Actualizar Windows para que Desactive el AutoRun.

Fuente tectonilogia.com

Ver más »

25 excelentes diseños sobre sitios de apps para iPhone e iPad

Los diseños de sitios web orientados a dispositivos como el iPad o iPhone se caracterizan por ser atractivos, bonitos, pero sobre todo sencillos a la vista, cómodos. La competencia aumenta y los diseños son cada vez más trabajados, mejorados de cara a la interfaz del usuario. En esta entrada os muestro una recopilación de páginas de aplicaciones para iPad y iPhone, con las que podréis desarrollar vuestra inspiración. Si conocéis la existencia de alguna más que os guste, podéis añadirla en los comentarios. ¡Muchas gracias!

Glaktika

RaceSplitter

Photopod

Galleried

Bord

Lista à mão

Nomis

Ringer

Powderful

Ben The Bodyguard

Facecard

PostalPix

Fuser Anywhere

Spaced

Storific

Momento

Contoplanet

Fubiz

Dayta

Sundance

Ecoki iPhone Reader

Billings Touch

Marbella HD

Leaflet

Counter Culture

Fuente cssblog.es

Ver más »

Videotutorial 07 del Curso de CodeIgniter

VideoTutorial número 7 del Curso de Codeigniter, en este empezamos a construir un aplicativo real llamado Trackstar desarrollado en la versión 2.0 de este fascinante Framework, la aplicación ayudara a todos los desarrolladores de software con sus proyectos, ya que será un aplicativo que nos ayudara a darle un seguimiento a todos los proyectos...Usaremos Casi la mayoría de librerías que trae CI y además usaremos el Framework Javascript Jquey, como el framework CSS 960GS para el maquetado, espero este proyecto seamos muchos colaborando con mejorar las funcionalidades para que sea un proyecto que no solo nos ayude a entender el Framework CI sino que ayude a toda la comunidad desarrolladora de Software.

Fuente tutorialesvirtuales.com

Ver más »

Video Tutorial de instalación y actualizacion de Joomla! 1.6

Siempre que hablo en este blog (y en cualquier lado) sobre algún CMS digo que me gusta más WordPress que Joomla! y una de las razones más fuertes que tengo para decir esto es que desde hace tiempo WP ofrece la opción de actualizar el CMS desde el tablero de administrador en un procedimiento que es muy fácil.

En cambio, la actualización en Joomla! era muy tediosa(por no decir fastidiosa) de hacer, ya que se tenía que hacer el procedimiento totalmente manual y tomaba un buen tiempo.

Pero hoy me entere que a partir de la versión 1.6 de Joomla (que ya está disponible) podremos disponer y disfrutar de un mecanismo de actualización automatizado en el CMS y lo mejor es que vendrá completamente integrado de serie en el paquete, así que no tendremos que descargar nada extra para tener esta función.

Además, para los que no tiene idea de cómo instalar Joomla! los chicos de Comunidad Joomla! nos han hecho el favor de crear un video tutorial en donde nos enseñan como instalar y mantener actualizado Joomla! 1.6 totalmente en español.

Si deseas instalar este CMS no dudes más y mira el video tutorial, además dale un vistazo al post de la comunidad para que veas cuales son los requisitos que debes cumplir para hacer la instalación.

Fuente codigogeek.com

Ver más »

Descarga gratis 60 plantillas para PowerPoint

Dentro de el paquete office uno de los programas más utilizados e interactivo es PowerPoint. Es funcional en la escuela, en la oficina y tiene la ventaja que es una de las herramientas que acepta mas recursos informales. Ahora tenemos disponible para ti 60 temas de PowerPoint para descargar gratis novedosas y muy estéticas para tus trabajos.

No muchas persona saben que es posible descargar plantillas para PowerPoint gratis y diferentes de las que nos ofrece de cajón este programa, justo al final de este articulo te dejamos el link donde podrás descargar 60 temas nuevos para esta herramienta. Este es un archivo .rar y no ocupara mas espacio de 20MB.

Con contenidos empresariales, escolares, de diferentes negocios, familiares y patrióticos podrás complementar tus exposiciones y darle un toque mas personal para poder adentrar a tus espectadores en el tema a exponer. Estas plantillas vienen diseñadas con la primera diapositiva lista para ser portada y el resto de ellas corresponden al complemento de la presentación; ademas ya cuenta con espacios determinados para ubicar el texto y/o imágenes.

Una de las más grandes ventajas es que no tendrás ningún problema con la compatibilidad de estas plantillas pues pueden utilizarse para cualquier versión de tu programa PowerPoint, desde el paquete office 97 hasta el office 2010.

Igual en Geekets se publicó un post interesante con 166 Plantillas gratis de Power Point con estilos del 2010, bastante agradables que pueden mejorar tu colección de plantillas de PowerPoint y así, generar presentaciones mucho más interesantes.

En caso de que los temas que te proporciona la última versión de esta herramienta sean de tu agrado puedes ir al post de las 166 plantillas oficiales de este programa gratis, recuerda sólo disponibles para PowerPoint 2010.

Fuente de referencia: webdagoo

Sitio para descargar: megaupload

Ver más »

10 plugins jQuery para optimizar el uso de tablas

Las tablas siguen siendo la mejor alternativa a la hora de tabular datos, es por esa simple razón que utilizarlas combinadas con jQuery puede ser una excelente alternativa, ya que con este potente framework podemos darle ciertas características para convertirlas en un elemento realmente útil y practico a la hora de utilizarlas.

A continuación les recomiendo 10 plugins para optimizar el uso de las clásicas tablas:

1. Table Search. Buscar dentro de una tabla.

Buscador interno de tablas que utiliza solo jQuery para realizar las consultas. Permite seleccionar sobre que columnas se van a realizar las búsquedas.

2. Table2csv. Convertir una tabla a archivo CSV.

Este plugin recorre la tabla HTML fila por fila exportando su contenido en un archivo separado por comas, perfectamente utilizable para importarlo en una base de datos MySQL. Util para extraer información que puede llegarnos de un cliente con la grandiosa idea de “sacarlo del sitio”

3. Table Pagination. Paginar elementos de una tabla.

Excelente plugin que sirve para paginar tablas utilizando jQuery, automáticamente detecta la cantidad de filas y las coloca en paginas según le indiquemos las filas a mostrar.

4. Ingrid. Paginar y manipular filas.

Plugin preparado especialmente para la manipulación de datos, permite la inserción de información mediante la llamada externa a un script dentro del servidor, ideal para cargar datos desde una base de datos.

5. Table Drag and Drop. Arrastrar y soltar filas.

Funciona muy bien y es un plugin muy liviano. Permite que las filas de una tabla se puedan arrastrar e intercambiar de orden, devuelve un array con las posiciones relativas de los distintos elementos luego de ser movidos.

6. Flexigrid. Plugin muy completo, características avanzadas.

De los plugins más potentes y completos que probé hasta el momento, tiene paginación, ordenamiento y hasta la opción para ocultar la tabla completa en caso de desearlo. Muy bueno.

7. Table Sorter. Ordenar columnas de una tabla.

Plugin muy simple que sirve para ordenar una tabla por columnas, automáticamente agrega todo lo necesario para ordenar las tablas ademas del aspecto gráfico con las flechas que acompañan el campo ordenado. También se encarga de destacar el campo seleccionado por el cual se esta ordenando toda la tabla.

8. Quick Search. Buscador Avanzado multicolumnas.

Buscador de datos dentro de una tabla utilizando jQuery, ideal para tablas pequeñas y no necesitar procesar la información nuevamente por cada búsqueda. Con este plugin podemos buscar en una tabla sin tener que hacer una llamada al servidor por cada consulta. Muy bueno.

9. JQTreeTable. Tablas en formato de árbol.

Curioso plugin que nos permite mostrar una tabla como si de una estructura tipo árbol se tratase, permite minimizar y maximizar elementos mostrando a aquellos que son hijos.

10. Scrollable. Tablas que utilizan scroll.

Ideal para tablas con cientos de filas, el plugin se encarga de darle la capacidad de desplazamiento con una barra a las tablas para evitar que se alarguen y terminen creando un documento casi infinito.

Fuente kabytes.com

Ver más »