El Blog de Solucionex

Para aquellas ocasiones en las que queramos utilizar en nuestros proyectos un carrusel de imágenes impactantes (o slideshow) sin utilizar Flash puede resultar útil utilizar librerías jquery como la que nos ofrece Skitter.

Dispone de múltiples parámetros de configuración y realmente ofrece un acabado visual impactante.

Poco a poco el uso de Flahs va decayendo (y debo reconocer que me alegro)

A la hora de crear un diseño para un portal web, la distribución del contenido es un punto muy importante del proceso de diseño.

Por ello hoy vamos a introducir al lector en el uso de las plantillas basadas la anchura de 960 píxeles, para resoluciones de pantalla desde 1024 píxeles en adelante.

La web 960.gs, dispone de muchos recursos útiles para ello, proporcionándonos entre otros la descarga de plantillas con diferente número de columnas para distribuir nuestro contenido en el diseño.

Desde que Google utiliza la función de autocompletar a medida que escribes en la caja de búsquedas, ya todo el mundo quiero utilizar este tipo de campos en sus proyectos.

Está claro que Google puede hacer gala de su potencia manteniendo indexado un enorme volumen de términos pero hay que reconocer que en proyectos más pequeños este tipo de componentes con autocompletado sólo suelen utilizarse para seleccionar valores en listas con un número predeterminado de valores. En estos casos se solía utilizar un desplegable o Combobox pero el uso del autocompletado aporta muchas ventajas sobre todo cuando el número de elementos de la lista es medio o alto.

Uno de los principales problemas que nos encontramos cuando queremos poner en marcha un proyecto pequeño es que dedicamos más tiempo del que el proyecto puede asumir para obtener un diseño que sea validado por el cliente y que cumpla nuestros estándares de calidad.

En estas situaciones considero que puede resultar muy práctico (y económico) acudir a servicios como Themeforest que ofrecen, por precios muy bajos (el más caro cuesta 92 $), diseños completos en los que incluyen, además del PSD original, el código HTML, las CSS, código Javascript, etc.

El modelo de negocio de este tipo de sitios es conocido desde hace tiempo pero últimamente se está afianzando como opción útil tanto para el que compra (por lo económico y lo variado) como para los miles de desarrolladores freelance que pueden vender sus diseños en plataformas que multiplican la repercusión de sus trabajos.

Actualmente, no todos los navegadores prestan el mismo soporte a las nuevas características que vienen con HTML5 y CSS3. Es por esto que será muy útil tener a mano estas tablas de compatibilidades en los diferentes navegadores durante cualquier desarrollo web.

Según los últimos datos más del 50% del tráfico mundial de datos con teléfonos móviles se hace con el iPhone. Está claro que la facilidad con la que se puede navegar por Internet con el teléfono de Apple está todavía un paso por delante (si no dos) del resto de la competencia.

Aunque el iPhone adapta cualquier página Web para que se muestre en la pantalla y puedes verla haciendo zoom de un modo muy sencillo, nunca está de más que al entrar en un portal el diseño se adapte al dispositivo y se muestre una Web con los elementos correctamente diseñados para que ni siquiera haga falta utilizar el zoom.

Una buena recopilación de presentaciones sobre CSS, donde se da repaso a temas como escribir hojas de estilo eficientes y fáciles de mantener, herencia o CSS orientado a objetos.

De vistazo obligatorio, aunque solo sea para refrescar conceptos.

Normalmente en la Web sólo podemos utilizar determinados tipos de fuente estándar (arial, verdana...) y cuando se requiere una fuente más llamativa o elaborada es preciso recurrir a la generación de imágenes con photoshop en las que habremos escrito el texto con una fuente especial.

Existe una alternativa a eso y consiste en utilizar cufon que es una solución basada en dos partes, por un lado un generador de fuentes que convierte la fuente seleccionada a un formato específico y un motor de renderizado que se encarga de dibujar el texto utilizando la fuente seleccionada en tiempo real (se basa en Javascript).

Es compatible con casi todos los navegadores (IE 6, 7, y 8; FF 1.5+, Opera, Safari, Chrome...). Se pueden ver algunas demos como por ejemplo este.