Ajax loaders para tus WebApps




Muchas veces, cuando estamos creando aplicaciones ajax requerimos de una buena imagen para usar de loader, aqui les traigon un excelente recurso en linea que te permite crear diferentes tipos de loaders, con configuracion de colores y tranparencia… espero sea util…

ajaxloaderIr al Sitio…

BlueTrip CSS Framework




Aunque personalmente soy usuario de Bluprint, me acabo de encontrar con un nuevo framework que parece estar bastante interesante, segun ellos, estan incorporando lo mejor de Blueprint, Tripoli (de aqui sale el nombre), el CSS de impresion de Hartija, la simplicidad de 960.gs, y los iconos de Elements…

typography

Sitio oficial

Crear thumbnails al vuelo… [PHP]

Esta semana les voy a presentar un pequeño script llamado phpThumb hecho para crear thumbnails al vuelo,  es decir, ustedes ya no necesitan crear varias versiones de sus imagenes para mostrarlas en otros tamaños, con esta herramienta lo podemos hacer al momento de requerirla, ademas, con este script puedes darle diferentes efectos para mejorar la visualización, phpThumb() usa la libreria GD y acepta los formatos mas conocidos (JPEG, PNG, GIF, BMP, etc)…

round

Por ejemplo para crear las pequeñas imagenes que usa facebook mostrando  las fotos con esquinas redondeadas podriamos hacer esto:

Codigo:




<img src=”phpThumb.php?src=foto.jpg&w=200&h=150&fltr[]=ric|20|20&f=png” />

Los parametros son los siguientes:

1. src es la ruta de la imagen relativa a phpThumb.php

2. w & h son el alto y el ancho del thumbnai resultante

3. fltrse usa para decirle a phpThumb que genere esquinas redondas y el tamaño de las mismas.

4. El ultimo parametro indica el formato de salida, en este caso usamos PNG para que la orilla sea transparente, en caso de usar otro formato tendriamos que usar la propiedad bg para definir el color del fondo.

Sitio oficial

phpThumb() uses the GD library to create thumbnails from images (JPEG, PNG, GIF, BMP, etc) on the fly. The output size is configurable (can be larger or smaller than the source), and the source may be the entire image or only a portion of the original image. True color and resampling is used if GD v2.0+ is available, otherwise paletted-color and nearest-neighbour resizing is used. ImageMagick is used wherever possible for speed. Basic functionality is available even if GD functions are not installed (as long as ImageMagick is installed).

El mapa de la web

En esta ocación les presento un excelente trabajo de diseño que encontre en InformationArchitects.jp, trata sobre las empresas y los servicios que actualmente valen algo en la web, bastante interesante…

webtrendmapVia: InformationArchitects.jp

WebTools para checar el performance de tus paginas web…

En diversas ocaciones es necesario revisar el performance de nuestras paginas web, les traigo aqui 3 herramientas que a mi me parecen de lo mejor, estas herramientas nos dan una mejor idea de por donde empezar la optimización o en que estamos fallando… existen muchas mas, pero para mi estas son las mejores…

optimize-all

WebSiteOptimization.com

Esta herramienta nos da un rsumen general de los elementos que se cargan en nuestra pagina y algunos tips o consejos de que podemos hacer, para remediarlo…

Site-Perf.com

Esta herramienta nos da un lista de todos los elementos de nuestra pagina, nos dice, elemento por elemento, cuanto tiempo tarda en cargar…

InternetSupervision

Este sitio consulta nuestra pagina desde diferentes partes del mundo y con diferentes velocidades de conexion, ya no es tanto de optimización pero es muy interesamnte…

Seguridad en los navegadores…

Les traigo un documento muy interesante liberado por Google, el cual trata de la seguridad de los navegadores web, esta muy interesante y puede ser muy atractivo si estas interesado en esto de la seguridad… espero les sirva…

4browsers

Link: GoogleCode

Experimentando con Google Chrome…

Pues google nos presenta esta extraña pagina que nos permite jugar con javascript, mueves el navegador, arrastras y das click en una pagina que si bien no sirve de mucho se ve muy interesante, supongo que originalmente esta planeada para demostrar el motor de javascript de su navegador, aunque en realidad funciiona con otros browsers, la neta no sirve de nada pero esta buena para perder unos 5 minutos de tu dia…

chrome-ex

Link: Chrome Experiments

Video: Origen del Internet

Pues por ahi me encontre un video muy bueno, que nos habla de la historia de Internet, desde 1957 y pasando por el legendario ARPANET…
esta subtitulado en español…

Via: TecnologiaDiaria

La guerra de los navegadores…

Pues ahorta les traigo esta escelente grafica que nos muestra el desarrollo de los navegadores web, pero con aquel viejo estilo de Age of Empires, me cae, que me acuerdo y lloro… XD, pueden checar los datos desde w3schools

browserwars

Via: CoolInfografics

Iconos – Weby Icon Set

Pues aqui les dejo el link para descargar un excelente set de iconos que me encontre en iconspedia, es un muy buen set para aplicaciones web y se permite su uso tanto en proyectos personales como comerciales, espero sean utiles…

weby-icons-preview-big1

Descargalos desde iconspedia…

Tambien les dejo este otro link a un pequeño set que habian liberado antes, consta de 14 iconos propios de la web 2.0, con iconos para twitter, rss, facebook, etc…

Descargar iconos Web 2.0 desde iconspedia…