Estupenda galeria de ideas en css y flash.

Enlace: http://cssflash.com/

Hoy en el trabajo, necesitaba dar formato a una cita de texto y hacerlo de una manera bastante visual y atractiva. Buscando en Google (como siempre), he encontrado una forma fácil, bonita y que valida al 100%.

La idea, es hace algo similar a esto:

El CSS necesario es el siguiente:

Sencillo, ¿verdad? La etiqueta blockquote lleva una imagen de fondo (las comillas que abren), y indenta el texto para que no tape el texto.

Dentro del blockquote, pondremos el texto dentro de un párrafo (<p>), que también llevará una imagen de fondo (en este caso, las comillas que cierran).

Y poco más… valida tanto el HTML como el CSS, y cumple con su función.

El post original, es este: Inline image quotes (en inglés), y podeis ver una demo aquí.

En un proyecto personal,estoy implementando un panel de control, con el acceso restringido mediante un login. Para que no sea necesario introducir cada vez que entremos a la página nuestros datos otra vez, he añadido un sistema de cookies, que se encargarán de validar directamente al usuario durante una hora.

El sistema es realmente sencillo. Necesitamos, para empezar, una base de datos donde almacenemos los usuarios y contraseñas. Podría ser algo así:

Lo único destacable es el sql, es que la contraseña la almacenaremos codificada mediante la función SHA1, que crea una cadena de 40 caracteres.

Lo más lógico en estos casos es tener el directorio donde queremos restringir el acceso (en nuestro caso cpanel)  y dentro de él, un archivo index.php que mostrará la información que deseamos, y un login.php que servirá para que los usuarios puedan hacer login y tener acceso (lógico, ¿no?).

El usuario, cuando quiera entrar al área privada, entrará por la ruta www.midominio.com/cpanel/

El navegador, directamente, lo redirige al archivo index.php (o index.html, depende de como tengamos configurado el servidor, y si existe o no el archivo).

Veamos que código necesitamos en este index.php:

Read More »

Éste va a ser nuestro eslógan apartir de ahora, porque nuestra intención es conseguir los mayores recursos gratuitos y para webmasters de la red, crear el mayor portal multimedia, el blog mas completo, el mayor punto de recursos hasta la fecha.

Recursos webmasters | Recursos gratis

Los chicos del Google, desde su blog Programa con Google, nos sorprenden con un estupendo artículo sobre la internacionalización de nuestras páginas y aplicaciones web.

En este primer artículo se nos exponen las bases teóricas de los juegos de caracteres. Desde el UCS-2 (UNICODE) hasta el UTF-8, pasando por el ISO-8859-1. Un detalle que me ha llamado mucho la atención es que ISO-8859-15 es igual que ISO-8859-1, añadiendo tan solo 8 caracteres, entre los que se encuentra el símbolo del euro (€).

Un artículo interesante de lectura muy recomendada: Internacionalización I - Unicode

Un gran surtido de diseños orientales, perfectos para desarrollar tu inspiración creativa, algunos de los diseños son expectaculares.

Recomendado para todo diseñador que pretenda importar nuevas ideas.

Web Oficial:

Un generador online de fondos diagonales (titles) para crear imágenes para fondos, una gran herramienta para diseñadores.

Te permite elegir diferentes tipos de plantillas, colores, formas, direcciones grosores.

Web Oficial:

He visto en aNieto2k un recopilatorio de más de 50 técnicas CSS que demuestran lo potente que puede llegar a ser esto de las hojas de estilo.

Es un artículo bastante interesante, donde se agrupan técnicas para dar formato a listas, formularios, pies de página (cada día con más importancia en el diseño web), reemplazar imágenes, efectos de texto, galerías de fotos, esquinas redondeadas, etc… es decir, un articulo muy completo donde encontraremos las técnicas que tan de moda están últimamente y que a todos nos gusta tanto usar.

El artículo completo, lo podeis encontrar aquí: Using CSS to do anything: 50+ Creative Examples and Tutorials

Al finalizar la maquetación de una web, es frecuente que nos demos cuenta que se nos ha ido la mano con las hojas de estilo, y pesan más de lo que deberían.

Para rebajar el peso de estos documentos y hacer la carga de las páginas más ligera, podemos recurrir a los típicos compresores de hojas de estilos que encontramos en internet.

Algunos de ellos son CSS Drive, Robson CSS Compressor y CSS Clean.

Para decidir cual es el mejor, he realizado unas pruebas con un archivo css cualquiera. He seleccionado uno de la tienda virtual Magento, de 26,4 KB (concretamente, el archivo boxes.css).

Utilizando siempre el nivel de compresión máximo para cada uno, los resultados son esclarecedores:

Read More »