Mas de 100 recursos, técnicas y trucos con CSSCosas sencillas

Filed Under (varios) by Toni on 14-10-2008

Tagged Under : ,


Carrington Theme - Un nuevo modo de ver Wordpress

Filed Under (AJAX, CMS, Themes, Wordpress.org) by Fernando Tellado on 06-10-2008

Tagged Under : , , , , , ,

Carrington Theme no es solo una nueva plantilla para WordPress con un aspecto increible y funciones AJAX a raudales, plantea un nuevo modo de organizacion de los themes WordPress y, en definitiva, tu blog.

La mayoría de las ocasiones la organización habitual de los themes funciona bien, pero ellos han decidido dar varios pasos adelante y permitir un tipo de organización que semantiza las actuales nomenclaturas usadas en un blog. A ver, me explico: los posts de varias categorías, por ejemplo, pueden definirse explícitamente de otro modo, o los posts de distintos autores. Parece complejo, y en cierto modo lo es, pues mas que un theme es un nuevo ecosistema.

Lo bueno de este sistema de organización es que cada elemento se maneja de distinta manera. Vas a poder hacer virguerías como cargar directamente comentarios en la página principal o de archivo con AJAX. Y verás ese mismo tratamiento especial con el contenido del post, listados de archivo, páginas de autor, con todo. Puedes personalizar absolutamente el comportamiento de cada apartado de tu blog, separadamente.

Por ello, no esperes encontrar la estructura habitual de un theme, algo como esto:

  • 404.php
  • archive.php
  • archives.php
  • [...]
  • sidebar.php
  • single.php
  • style.css

Sino que lo que vas a encontrar es un montón de carpetas dentro de cada cual hay archivos que gestionan cada apartado separadamente y te permiten personalizar e interrelacionar cada aspecto del blog. Todo esto y mucho mas, pues las posibilidades son enormes, te lo explican en la documentación del theme Carrington.

Podríamos decir que, en lo relativo a WordPress, Carrington Theme es el mejor invento después de la rueda y el pan de molde, como les gusta decir a la gente de Crowd Favorite.

¡Ah!, esta maravilla es totalmente gratuita y puedes descargarla en este enlace directo.

Si te parece muy lioso también hay una configuración por defecto (post-default.php) que cargará tu blog en el modo “estándar”, y luego puedes ir atacando cada módulo para crear un CMS realmente potente y fácil de gestionar una vez le coges el aire.

HTC Touch HD, con gran pantalla

Filed Under (varios) by kote on 10-09-2008

Tagged Under : , , , , , , , , ,

HTC Touch HD

Si a alguien se le pasó por la cabeza un dispositivo HTC con pantalla táctil al más puro estilo iPhone, ocupando toda la superficie del mismo, que pare de imaginar por que pronto será una realidad, esta idea está siendo materializada en un nuevo terminal de nombre HTC Touch HD.

A parte de las imágenes que acompañan esta publicación y los datos que de ella se pueden interpretar, poca información realmente confirmada tenemos, sus especificaciones técnicas serán similares al HTC Diamond, pero con una pantalla con una calidad y tamaño por encima de la media.

Más concretamente hablamos de una resolución WVGA de 800 x 400 píxeles y un tamaño superior a las 3 pulgadas, unas características sólo comparables al próximo Sony Ericsson Xperia X1, con el que compartirá posiblemente sistema operativo, Windows Mobile 6.1.

HTC Touch HD

Según la fuente de las imágenes, el teléfono contará con el procesador Qualcomm 7201A a 528MHz utilizado en el HTC Diamond, en lo que respecta a memoria estará bien dotado con 512MB de ROM y 256MB RAM, para memoria de almacenamiento adicional contaremos con una ranura microSD.

Otros detalles interesantes y parecidos a su hermano Diamond, son la conectividad HDSPA, la presencia de GPS, y una cámara de 5 mega píxeles (sin flash), la batería será de 1350 mAH y contará con conector jack de 3.5mm.

En cuestión de tamaño el teléfono con 115 x 62.8 x 12 milímetros es un poco más grande que la competencia, lo que podemos comprobar en el siguiente gráfico:

HTC Touch HD

El único detalle que me parece negativo es la presencia de Windows Mobile 6.1 como sistema operativo, si finalmente fuera así, me parece una ocasión desaprovechada para presentar un terminal con estupendas especificaciones para acompañar al nuevo sistema operativo de Google, Android, pero todo cabe pensar que no será así, como se puede apreciar en las imágenes.

A la dura competencia directa que está apareciendo para el iPhone 3G en lo que nos queda de año, por parte de empresas como RIM y su muy parecido BlackBerry Thunder, o Nokia y su 5800, también conocido como Tube, se une ahora este HTC Touch HD, que si no hay sorpresas de última hora debería ponerse a la venta antes de las próximas navidades.

Galería de fotos

(Haz click en una imagen para ampliarla)

sizeasyhd.jpg
TouchHD1.jpg
TouchHD2.jpg
TouchHD3.jpg

Vía | Modaco.

Hojas de ayudas y trucos útiles para diseñadores web

Filed Under (Hoja de ayuda, hojas de ayuda, hojas de referencia) by Toni on 08-09-2008

Tagged Under : , , , , , ,

En una buena recopilación de hojas de ayudas (también conocidos como tarjetas de referencia, hojas de referencia, hojas de trucos, etc.) realizada por Six Revisions, encontraremos 28 excelentes hojas de ayuda útiles en diversos formatos de archivos, como puede ser en: Photoshop, Dreamweaver, colores, tipografía, y otros sitios relacionados con el diseño. Las encontraremos en el artículo Useful Cheat Sheets for Web Designers.

Las hojas de ayuda no sólo sirve para recordar cosas rápidamente, sino también con ellas puedes decorar cualquier pared de tu espacio de trabajo, si es que tienes alguna libre.

Photoshop:

Photoshop CS3 Keyboard Shortcuts Cheat Sheet, PDF (Windows), PDF (Mac).

Keys for using the Layers palette (HTML).

Photoshop Toolbox Reference (HTML).

Photoshop Lasso Tool Cheatsheet, PDF.

Photoshop Brush Tool Cheatsheet, PDF.

Color:

RGB Hex Colour Chart, PDF y PNG.

Color Reference Guide (PDF)

Web Designer Color Reference Hexagon  Mouse Pad, GIF.

Web Safe Color Chart (HTML).

Hexidecimal Color Chart (HTML).

The Browser Safe Colors (HTML).

Tipografía:

VisiBone Font Card, GIF.

Common fonts to all versions of Windows & Mac equivalents (HTML).

Mixing Typefaces (PDF).

Unidades y dimensiones:

Approximate Conversion from Points to Pixels (HTML).

Megapixels Chart, GIF.

CSS/CSS Frameworks:

Blueprint CSS Cheat Sheet, PDF.

YUI Library: CSS Reset, Base, Fonts, and Grids (PDF).

CSS Shorthand Cheat Sheet (PDF).

Apple’s CSS Cheat Sheet Widget (Mac Dashboard Widget).

HTML/XHTML:

HTML & XHTML Tag Quick Reference (PDF).

HTML/XHTML Character Entities.

XHTML Character Entity Reference (HTML).

Dreamweaver:

Dreamweaver Quick Reference Guide (PDF).

Dreamweaver CS3 for Mac Quick Reference Card (PDF).

Illustrator:

Adobe Illustrator CS2 Keyboard Shortcuts – MAC, PDF.

Browsers:

Will the browser apply the rule(s)? (HTML).

W3C DOM Compatibility Tables (HTML).

Si usted está buscando hojas de ayuda para desarrolladores puedes dar un vistazo al artículo Hojas de ayuda para desarrolladores Web

Cappuccino

Filed Under (varios) by Cappuccino (http://cappuccino.org/) on 08-09-2008

Tagged Under : , ,

A framework that makes it easy to build desktop apps

Cappuccino - A framework that makes it easy to build desktop apps

Cappuccino is an open source framework that makes it easy to build desktop-caliber applications that run in a web browser.

Cappuccino is an open source application framework for developing applications that look and feel like the desktop software users are familiar with.

Cappuccino is built on top of standard web technologies like JavaScript, and it implements most of the familiar APIs from GNUstep and Apple’s Cocoa frameworks. When you program in Cappuccino, you don’t need to concern yourself with the complexities of traditional web technologies like HTML, CSS, or even the DOM. The unpleasantries of building complex cross browser applications are abstracted away for you.

Cappuccino was implemented using a new programming language called Objective-J, which is modelled after Objective-C and built entirely on top of JavaScript. Programs written in Objective-J are interpreted in the client, so no compilation or plugins are required. Objective-J is released alongside Cappuccino in this project and under the LGPL.

Manos libres para el automóvil, modelos que te pueden salvar la vida

Filed Under (varios) by Abraham Guerra on 28-07-2008

Tagged Under :

pic_01.jpg

Preguntémosle cualquier persona qué imagen tiene de un autónomo, seguramente la mayoría de ellos dirá que lo primero que le viene a la mente es un hombre o mujer vestido de ejecutivo con una carpeta o maletín de portátil bajo el brazo y hablando por el teléfono móvil. Si formulamos la misma pregunta pero sobre un comercial, la imagen es similar pero incluyendo un automóvil.

Desgraciadamente esto último se da demasiado en la realidad, digo ‘desgraciadamente’ porque no es difícil ver a profesionales hablando por el teléfono móvil mientras están al volante. Una muestra la podemos conseguir estando 5 minutos en un cruce de avenidas de cualquier cuidad en hora punta, seguramente si nos fijamos en las personas que pasan contaremos alarmantes cantidades de gente que utiliza el móvil mientras conduce, lo cual no es nada seguro. También están aquellos que hablan por el auricular manos libres creyendo que están haciendo lo correcto, sin saber que utilizar auriculares de cualquier tipo está prohibido por el código de circulación.

Para quienes quieren hacer las cosas bien al volante y, sobre todo, no quieren poner en peligro su vida y la de los demás, existen distintos tipos y multitud de modelos de manos libres para el automóvil. La mayoría de ellos utilizan la tecnología Bluetooth por su sencillez y la alta compatibilidad en los terminales actuales.Uno de los tipos más usados son los altavoces Bluetooth. Estos modelos son dispositivos de reducido tamaño que incorporan un altavoz, un micrófono y no requieren instalación, lo cual nos ahorra el tener que dejar varias horas el coche en un taller de instalación y pagar el extra de la mano de obra. Pueden engancharse al parasol de nuestro automóvil o al cristal y conseguir así una calidad de audición bastante aceptable tanto para ti como para la persona que está al otro lado de la llamada. La complejidad de su uso se reduce al encendido y al apagado, la mayoría están programados para que contesten una llamada automáticamente tras un cierto número de pulsos, así ni siquiera tenemos que desviar la vista para buscar el botón de respuesta.

HF300.jpgUn modelo con una muy buena relación calidad-precio dentro de este grupo es el Nokia HF-300, un elegante dispositivo de la marca finlandesa con el perfil universal Bluetooth 2.0 que admite marcación por voz. Pesa únicamente 80 gramos por lo que no debemos tener miedo a colgarlo en el parasol con la pinza suministrada. Su batería aguanta hasta 20 horas en conversación y 10 días en reposo, entra en modo suspensión tras 5 minutos sin conexión con el teléfono, recargable con el cargador de mechero incluido en el paquete. Su precio ronda los 70 Euros, el cual no es elevado si tenemos en cuenta sus características y diseño.

Podemos pedir un poco más, como por ejemplo poder elegir cuáles llamadas contestar y cuáles no sin pulsar botones, o saber quién te llama sin tener que desviar la vista. La primeras de las ventajas la ofrece el Supertooth One, un manos libres que al recibir una llamada espera a que nosotros pronunciemos la palabra “ok” para contestar. Además permite tener conectados dos teléfonos a la vez, de manera que aquellos que tenemos un teléfono personal y otro para el trabajo no tenemos que elegir cuál emparejar.

El modelo HCB-150, de Sony Ericsson, sube hasta la cantidad de 115 Euros pero incorpora una pantalla OLED que nos identifica la persona que está llamando y un motor de voz que anuncia su nombre, accediendo a la guía de nuestro teléfono, para que no tengamos que desviar la vista para mirar su pantalla. Alto precio para altas prestaciones.

Pero en realidad la calidad de este tipo de manos libres no tiene comparación con la de los instalados en nuestro automóvil y menos aún con los equipos de audio que ya incorporan tecnología Bluetooth.

l_44100339.pngLos modelos mundialmente conocidos de Parrot son un ejemplo claro, pequeños dispositivos que se integran en nuestro salpicadero y controlan el sistema de audio de manera que silencian la radio al entrar una nueva llamada. Económicamente podemos diferenciar entre el CK3000 Evolution, sencillo sin pantalla ni añadidos inútiles disponible por 79 Euros, o el CK3200 LS, el cual por 139 Euros incorpora un pequeño display a color totalmente personalizable. Ambos conectan con nuestro teléfono en el momento al entrar en el coche y permiten control por voz y navegación por el contenido de nuestro teléfono. Precios similares a los altavoces Bluetooth de los que hablamos antes y probablemente obtengamos una mayor calidad de audición.

Desde mi punto de vista todo esto está muy bien, pero donde esté un sistema de audio para automóvil compatible con el perfil de manos libres, no hay accesorio Bluetooth que valga. Cada vez más fabricantes incluyen estos sistemas, ya sea como opción o de serie, como el sistema V2C de Ford o el añadido a los sistemas de audio de modelos Opel, los cuales suponen un extra de alrededor de 150 Euros en el momento de comprar el coche.

deh_p600bt_1_detailpage.png

Sin embargo, si lo que queremos es instalar un sistema de este tipo en nuestro coche podemos hacerlo llevándolo a un taller oficial y elegir uno a nuestro gusto. Por ejemplo, el Pioneer DEH-600BT, un potente y elegante equipo con la marca de calidad de un gran especialista en sonido.

Parrot también juega en este campo con su RK8200, un sistema de audio con una potencia bastante decente (4×45W), una generosa pantalla a color y todos los controles de un teléfono móvil al alcance de la mano. Es compatible con sistemas iPod, USB y tarjetas SD. Además, su carátula se puede desmontar y conectarse por USB a nuestro ordenador para ser actualizada y personalizada.

rk8200_2.jpg

Ambos modelos rondan los 220 Euros, sin incluir la instalación. Personalmente, me parecen la mejor opción, ya que soy algo despistado y el dejarme el altavoz manos libres en el coche es motivo suficiente para que al volver al coche nos encontremos con que hemos sido víctimas de un robo, y realmente no me gusta alterar el salpicadero del coche pegando en él los controles del manos libres.

Pero quienes más sabrán de esto son aquellos profesionales cuyo automóvil es su oficina buena parte del tiempo, ¿qué opción habéis elegido o elegiríais vosotros?

Links for 2008-07-08 [del.icio.us]

Filed Under (varios) by Pere MAJORAL on 09-07-2008

Tagged Under : , , ,

Sava CMS

Filed Under (varios) by Sava CMS (http://www.gosava.com/) on 19-06-2008

Tagged Under :

Open Source ColdFusion CMS

Sava CMS - Open Source ColdFusion CMS

Sava CMS is an open source CMS that is both powerful and easy to use. Sava is perfect for marketing departments, CSS developers, and ColdFusion programmers alike.

Sava is a ColdFusion open source content management system that allows your organization to publish and control web content quickly and simply.

Samsung Omnia, más información

Filed Under (varios) by Sacha Fuentes on 17-06-2008

Tagged Under : , , , , , , , ,

El Samsung Omnia es la apuesta de este fabricante por un terminal de gama alta con pantalla táctil, con el que competirá con otros como el HTC Touch Diamond, el Xperia X1 o el iPhone. Tras los datos que te ofrecimos el otro día ahora tenemos otros adicionales, junto a algunos vídeos que nos muestran su interfaz.

Una de las apuestas más curiosas y arriesgadas del Samsung Omnia es la de incorporar un ratón óptico para controlar su interfaz. Este es un método adicional, junto a la pantalla táctil, y nos permite usarlo como estamos acostumbrados a hacer en un ordenador.

En los vídeos que os dejamos al final de la entrada se puede echar un vistazo a como se utiliza este ratón óptico y, la verdad, es que no encuentro que un control de este tipo aporte ningun ventaja en un teléfono móvil, donde el interfaz debería ser lo más intutitivo y rápido de usar posible, y no parece que el uso de un ratón en una pantalla tan pequeña cumpla esas características.

Otro de los datos curiosos del Samsung Omnia es que no dispone de acelerómetro, pero a pesar de eso permite la rotación automática de la pantalla cuando lo giramos. ¿Cómo lo consigue? Pues mediante el uso de la cámara.

A través de la cámara trasera, que tiene una resolución de 5 megapíxeles, es capaz de detectar cuando giramos el teléfono y rotar la pantalla a la posición correspondiente, función que se ha implementado en una gran mayoría de las aplicaciones del teléfono.

Así, podremos rotar la pantalla en el navegador Opera que viene preinstalado, para conseguir una mayor anchura horizontal, pero también en el reproductor de vídeos o cuando estemos usando el teclado en pantalla para obtener un completo teclado QWERTY mucho más cómodo de usar.

Otros datos que ya conocíamos pero que creo que hacen destacar al Samsung Omnia sobre otros teléfonos similares son sus capacidades de 8 o 16 GB que, al contrario que en el iPhone, se pueden aumentar aún más gracias al uso de tarjetas de memoria microSDHC, algo que agradeceremos aquellos a los que esas capacidades se nos quedan algo cortas.

El teléfono funciona con el sistema operativo Windows Mobile 6.1, sobre el cual Samsung ha implementado el interfaz Touchwiz en un intento de hacerlo más sencillo de utilizar. Con él, ofrecen una pantalla de inicio personalizable, en la que podremos añadir widgets simplemente arrastrándolos desde la barra lateral.

También tenemos un menú con accesos directos a las aplicaciones, similar al menú principal del iPhone, usando iconos de gran tamaño a los que se puede acceder pulsando directamente con el dedo sobre ellos.

¿Conseguirá competir el Samsung Omnia con el resto de teléfonos de gama alta? Serán los usuarios los que tengan que decidirlo, aunque el precio final que tenga también determinará bastante su popularidad. Por prestaciones no está mal posicionado pero habrá que ver la aceptación que tiene ese ratón óptico y el funcionamiento de la rotación automática.

Ve el video en el sitio original.

Vía | Xataka Móvil » MobileCrunch.

Google Gears y la nueva caché local

Filed Under (Navegadores, google, google gears) by Antonio Ortiz on 06-06-2008

Tagged Under : , , , , ,

google_gearsGoogle Gears va a cambiar la web que conocemos, aseveración de Matt Mullenweg - fundador de Wordpress - que, aunque quizás sea demasaido audaz, merece la pena revisar. Matt se refiere a los usos de Google Gears como caché local para servicios por internet más que a su rol primigenio para el soporte offline de aplicaciones web. Wordpress.com de hecho lo utilizará para almacenar ficheros del “front-end” (CSS, Javascript, imágenes) en el equipo del usuario y olvidarse del escasamente eficiente método de la caché del navegador. Más rapidez y menos consumo de recursos para el proveedor de la aplicación online son las dos ventajas que ofrece programar para Google Gears, que permite almacenar en local tanto información estructurada como ficheros.

Merece la pena recordar el uso que le va a dar MySpace: integración en su sistema de mensajes para permitir que el usuario los tenga en local y pueda hacer búsquedas rápidas. De nuevo, el mismo patrón, no centrarse en el soporte offline sí en ahorrarse un gran coste computacional a la vez hacen el servicio más rápido para el usuario. Estoy seguro de que pronto veremos muchas más movimientos en esta dirección, Google Gears se perfila como un componente esencial para los objetivos de Google de extender los navegadores, incluso para neutralizar las ventajas de otras aproximaciones entre la web y el escritorio como la de Adobe AIR. Y esto no ha hecho más que comenzar, más adelante vendrá la versión para el móvil y la extensión de sus APIs.

Links for 2008-05-30 [del.icio.us]

Filed Under (varios) by Pere MAJORAL on 31-05-2008

Tagged Under : , , , , ,

Links for 2008-05-20 [del.icio.us]

Filed Under (varios) by Pere MAJORAL on 21-05-2008

Tagged Under : , , ,

6 técnicas de CSS que debes conocer

Filed Under (css) by tumatic on 28-04-2008

Tagged Under :

En ella se relatan seis técnicas de CSS que si bien no son imprescindibles, son importantes porque nos ahorrarán mucho trabajo y dolores de cabeza:

  1. Conseguir un tamaño de fuente básico consistente.
  2. Conseguir márgenes consistentes (”resetear” las etiquetas).
  3. Especificar un “float” para limpiar otro.
  4. Reemplazo de imágenes.
  5. Falsas columnas.
  6. Sprites en CSS (explicación practica).

Son técnicas que en mi opinión se aprenden solas con el tiempo y la experiencia (sobretodo con las peleas “para que la web sea cross-browser”) pero nunca viene mal tener resumidas.

Off-loading wpmu theme files to Amazon-S3

Filed Under (Amazon S3, Wordpress MU, plugin) by Elad on 12-04-2008

Tagged Under : , , , ,

I saw a few people looking for solutions to off-load wpmu files to Amazon-S3 service. This is something we wanted to try on our installation (just a few thousand blogs) so I wrote a plugin that will serve themes css and image files from S3.

The plugin uses the ‘stylesheet_directory_uri‘ filter to set the stylesheet uri (css file). In turn, the stylesheet uses the ‘url‘ method to call the image files of the theme so they get the same base url as the stylesheet. Most themes uses the ‘stylesheet_directory‘ call correctly so you will not run into trouble but if a theme uses it to call a php file you should change the call to use ‘template_directory‘.

Download: themes-s3.zip

Usage:

  1. Signup for an Amazon-S3 account.
  2. Create a bucket for your files. Since you have to select a globally unique name for your buckets I call it s3.domain.com were domain.com is my wpmu installation.
  3. To point s3 to your bucket setup a CNAME record: s3 -> s3.domain.com.s3.amazonaws.com. (don’t forget that extra dot at the end).
  4. Load your themes css and image files to your bucket keeping the exact directory structure for each theme (/wp-contents/themes/… ). You can use the excellent S3 FireFox Organizer to mange your files.
  5. Edit the plugin to include your bucket name.
  6. Place the plugin in the mu-plugins directory.
  7. Test, test and test all your themes!

Whats next? The next step I’m planning is to off-load the Java Scripts in the wp-includes folder. Also planned is an option to serve the users files from S3. If you are interested in helping in any way please leave a comment and we can take it from there.

ABOUT

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam nec...

ReadMore