2011-12-07

CSS: Tabla de Equivalencias entre px, %, pt y em


Daniel de Webadictos nos da a conocer una excelente tabla de equivalencias para usar en tus CSS entre pixeles, porcentajes, puntos y emphasis (px, %, pt y em), los que saben de esto muchas veces prefieren utilizar valores sobre em (emphasis) debido a que su equivalencia en dispositivos puede ser mejor manejada sin perder la fidelidad de los textos a diferencia de como sucede con los pixeles.
PtsPxEmPorcentaje
6pt8px0.5em50%
7pt9px0.55em55%
7.5pt10px0.625em62.5%
8pt11px0.7em70%
9pt12px0.75em75%
10pt13px0.8em80%
10.5pt14px0.875em87.5%
11pt15px0.95em95%
12pt16px1em100%
13pt17px1.05em105%
13.5pt18px1.125em112.5%
14pt19px1.2em120%
14.5pt20px1.25em125%
15pt21px1.3em130%
16pt22px1.4em140%
17pt23px1.45em145%
18pt24px1.5em150%
20pt26px1.6em160%
22pt29px1.8em180%
24pt32px2em200%
26pt35px2.2em220%
27pt36px2.25em225%
28pt37px2.3em230%
29pt38px2.35em235%
30pt40px2.45em245%
32pt42px2.55em255%
34pt45px2.75em275%
36pt48px3em300%

La tabla fue publicada originalmente en WorldTechnies y de hecho ellos mencionan que esta tabla puede tener ciertas variaciones, dependiendo del Sistema Operativo, Navegadores y Resolución, yo le añadiría de igual manera Dispositivos.

2011-12-04

WebP el nuevo formato de imagen desarrollado por Google superando a GIF, PNG, TIF y JPG



WebP La nueva promesa de Google para tener imagenes de menor pesos sin perder calidad.
Días atrás Google, dio a conocer las nuevas mejoras de WebP el nuevo formato de imágenes que intentará imponerse sobre los ya tradicionales JPG, TIF,  PNG y GIF.
Si bien es un proyecto que se viene desarrollando hace algún tiempo, según el último comunicado de Google este nuevo formato presenta ventajas funcionales sobre otros.  En esta última versión ante dos imágenes iguales la Webp puede llegar a ser hasta 45% más liviana lo que optimiza tiempos de carga de una página.

¿Como Funciona WebP
WebP EE.UU. la Codificación predictiva párrafo codificar Una imagen, La Misma Metodología utilizada Por El códec de vídeo VP8 párrafo comprimir Fotogramas clave en los vídeos. Predictivo de Codificación utiliza los Valores en bloques de píxeles vecinos párrafo predecir los Valores de la ONU bloque, y LUEGO codificación SÓLO La Diferencia (residual) Entre los Valores reales y la predicción.
Los Residuos Suelen Contener MUCHOS Valores cero, Lo Que Se Puede comprimir Mucho Más Eficaz. Los Residuos transforman en sí, cuantificada y la Entropía en el Código de como de costumbre. WebP also utiliza variables Tamaños de bloque.
Un Archivo WebP consiste en VP8 Datos de la imagen, y sin Recipiente Sobre la base de deRIFF . El Independiente libwebp Biblioteca es Una Implementacion de Referencia Para La especificación WebP y està available in this git repositorio y Como un Archivo COMPRIMIDO .
WebP Apoyo
WebP es compatible Con Una Variedad de Herramientas. ademas, Ahora es compatible de forma nativa en Google Chrome, El Marco de Google Chrome plug-en el párrafo Internet Explorer, Opera 11.10 Sandwich y Android Ice Cream.
Los desarrolladores also Han Añadido Soporte párrafo Una Variedad de Herramientas de Edición de Imágenes. This version also proporciona Codificación y decodificación Una de peso ligero de la Biblioteca, libwebp y Herramientas de Línea de comandos cwebp y dwebp párrafo convertir Imágenes y DESDE Hacia el Formato WebP . El Código Fuente Completo this available in ladescarga de page.
Convierte tu Colección de favoritos de PNG y JPEG WebP descargando El precompiladoscwebp Herramienta de Conversión párrafo Linux, Windows o Mac OS X .

Por el momento este nuevo formato no es compatible con todos los navegadores pero de a poco va ganando terreno.
Para conocer más detalles técnicos de Webp haz click AQUI

2011-11-24

ORMLite Estupenda librería para trabajar con Base de Datos desde Android o Java


ORM Lite ligero orm paquete java
Object Relational Lite Mapping (ORM Lite) proporciona algunas funcionalidades de peso ligero para la persistencia de objetos Java a bases de datos SQL, evitando la complejidad y la sobrecarga de más paquetes ORM estándar.

Para más información, consulte la página de ORMLite .

ORMLite ofrece las siguientes características:
  • Configuración de sus clases por simple adición de anotaciones Java.
  • Potente base de datos abstractos acceso a objetos (DAO) clases.
  • Generador de consultas flexibles para construir fácilmente consultas simples y complejas.
  • Soporta MySQL, PostgreSQL, Microsoft SQL Server, H2, Derby, HSQLDB, y SQLite y se puede extender a otras bases de datos con relativa facilidad.
  • Apoyo provisional para DB2, Oracle, ODBC, y Netezza. Contacta con el autor si el tipo de base de datos no es compatible.
  • Maneja "compilado" Sentencias de SQL para las tareas de consulta repetitiva.
  • Compatible con "extranjeros" los objetos con el campo de la clase es el objeto, sino un identificador almacenado en la tabla de base de datos.
  • Soporte básico para las transacciones de base de datos.
  • Auto genera SQL para crear y eliminar tablas de bases de datos.
  • Primavera de la configuración a través de DOAS y configuraciones de clases.
  • Soporte para la configuración de tablas y campos sin anotaciones.
  • Admite llamadas nativas de Android API de base de datos SQLite

2011-11-11

WebApp con Lungo.js una alternativa a jquerymobile y otros framework para crea sitio web para mobiles


Lungo.js
Una de la cosas buenas que está provocando esta larga crisis es el emerger del talento en nuestra profesión, dando el paso definitivo del huir de las empresas del tipo Empresas del mundo de cuyo nombre no quiero acordarme, creando las propias.
Pequeñas empresas, a menudo dos socios y poco más, que van a cambiar el panorama y la reputación de nuestro país por medio de trabajos “Made in Spain”. Es decir, con unos medios muy escasos se obtienen unos resultados de alta calidad gracias a la profesionalidad y conocimiento de los desarrolladores integrantes del equipo.
Aquí traigo un ejemplo de ello. Un solo desarrollador, Javier Jiménez Villar, en conjunto con un solo colaborador, Guillermo Pascual, han construido un framework para construir las llamadas WebApp con la capacidad de competir con “vacas sagradas” como jQuerymobile o Sencha.


Pero qué tiene Lungo.js que le hace más apetecible que los framework actuales que llevan más tiempo en el mercado? Pues el que, según su autor, este permite utilizar las capacidades últimas y más actuales de HTML5, JavaScript y CSS3.

Además de las capacidades que se pueden leer en el repositorio Git:
  • Diseñado para aprovechar las características de los dispositivos móviles actuales.
  • Captura de eventos como Swipe, Tap, Doble-Tap…
  • Diseño y creación de aplicaciones para iOS, Android, Blackberry y próximamente Windows Phone 7 (en la versión 1.1).
  • Se puede distribuir las aplicaciones en “Mobile Stores” o en Websites.
  • No se necesitan imagenes del tipo bitmap, todas son vectoriales.
  • No requiere de un servidor Web.
  • Implementa capacidades de HTML5 como WebSQL, Geolocalizacion, Historial, Orientación del dispositivo y más.
  • Implementa una interfaz con un estilo de aplicación nativa (en iPad & iPhone).
  • Totalmente personalizable
Más información | Web Site de Lungo.jsLungo Sugars

2011-11-10

Estupendo sitio creado por la fundación mozilla donde podemos aprender a desarrollar sitios web y todo en castellano


En el sitio encontraran muchas data de todo lo nuevo sobre el navegador, tendencias y como implementar las nuevas mejoras que van sacando. Ademas de tener documentación con tips y tutorial de como crear sitios webs de manera apropiada y optima que comienza de nivel básico a nivel avanzado. 

También cuanta con una galería con muchas Demo Labs sobre las cosas que van saliendo sobre  HTML5 y que va soportando FireFox.

Y como si esto fuera poco, con muchas de la documentación en castellano. También les recomiendo que en el días de hoy ya esta disponible para descarga la versión 8 de Firefox en forma estable y final, le recomiendo que la instalen para poder probar todos los demos de HTML5 que hay en el sitio.


Link: MDN Mozilla