Archive: junio, 2009

Convertir Px -> Em [CSS]




EmChart es un recurso muy util que me encontre en la web, con esta tabla ustedes podran convertir las medidas de px a em de una forma muy sencilla y practica.

Este recurso esta disponible en linea o para descarga, muy util para diseño web…

em-chart

Sitio oficial

Hagamos mas rapida a la web




Recientemente Google presento una serie de tutoriales y articulos en los cuales nos presentan diferentes sugerencias para mejorar la velocidad de nuestras aplicaciones web, se tratan temas como CSS, PHP, Javascript y optimización de imagenes entre otros, la verdad son recursos muy interesantes y vale la pena hechar un ojo…

que-no-habia-GOOGLE

Articulo de google code…

Let’s make the web faster

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

Pacman en twitter…

Pacman tiene nuevos seguidores… jajaja… muy bueno

pactwitter

Via: TheNextWeb

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).

JQuery imgPreview

imgPreview es un plugin de jQuery que permite a los usuarios previsualizar imagenes antes de dar click en ellas, las imagenes se muestran de una manera muy similar a un tooltip que aparece a un lado del cursor al pasar sobre el link… es un plugin muy secillo pero estoy seguro de que lo encontraran muy util…

imgpreviewAdemas cuenta con varias opciones de configuración que les permitiran definir el comportamiento del mismo, desde agregar un CSS para mejorar la visualizació, hasta manejar funciones callback para controlar el comportamiento de tu sitio…

Pagina oficial