por Omar Benyakhlef | Cool Web Design, Diseño de páginas web
Llena de orgullo ver que sitios de referencia colocan tu web como modelo para terceros. Estos son algunos de esos portales de diseño que han incluído mi web personal, www.gloobs.com.
He tratado de traducir de aquellas que lo tenían, su propia descripción web.
- CSSelite
Una gran web referencia, tanto por su diseño como por su contenido.
- CLD Web gallery
CrazyLeaf Diseño Web Gallery es una colección de inspiración de calidad basados en CSS y Flash sitios web. Es un lugar para admirar lo mejor de la web pueden ofrecer.
- SJ63
Desde China, una de las webs referencia de ese lado del mundo y con un impresionante número de visitantes.
- Design Snack
Muy buena selección de diseños.
- csshere
Un escaparate que acerca los sitios web diseñados con XHTML y CSS, la creatividad y la inteligencia.
- CSSmania
Para mi una de las mejores web referencia del diseño a nivel mundial.
- CSS Loggia
Css Loggia tiene como objetivo de ofrecer como recurso central una amplia gama de diseños web que puedan servir de inspiración para crear nuevos y emocionantes diseños web.
- cssbased
Una de las web referencia en el mundo.
por Omar Benyakhlef | Diseño de páginas web, Trucos CSS
Ver imágenes png en Internet Explorer 6
No lo puedo ocultar, detesto Internet Explorer. Siempre existen problemas entre la interpretación de código html por parte de los distintos navegadores, pero lo que es peor, también existen diferencias a la hora de usar un formato u otro. Esto ocurre con los archivos png. Internet Explorer 6 no los renderiza bien y las transparencias dejan de serlo para convertirse en «pegotes». Ciertamente no es culpa suya, ya que salió antes que la puesta de largo de los png’s pero eso no quita para que siga sin gustarme el explorer ;).
Para solucionar este problema existen varios métodos que paso a describir a continuación:
(más…)
por Omar Benyakhlef | Diseño de páginas web, Trucos CSS
Enlaces visitados con CSS
Buenísimo código CSS para que todos aquellos enlaces que hayan sido visitados aparezcan marcados con una imagen (por ejemplo).
Me parece una utilidad genial, sobre todo para hacer más usable el menú de una web o blog. El usuario siempre sabrá si ya ha pasado por ese enlace o no. El código es el que aquí os apunto, si queréis ir a la página original y ver el código funcionando pulsad los enlaces de la columna derecha de http://www.colly.com/index.php
#sidebar ul { list-style-type:none; padding:3px; }
#sidebar li a { display:block; line-height:150%; width:239px; background:url(ticks_grey.gif); text-decoration:none; }
#sidebar li a:link, a:active { color:#666; }
#sidebar li a:hover { color:#F33; background-position: 0 -20px; }
#sidebar li a:visited { background-position: 0 -40px; }
por Omar Benyakhlef | Ajax, Diseño de páginas web
Ajax para formularios
Poco más tengo que decir de las virtudes del Ajax, quien quiera saber más que vea los post relacionados con Ajax.
En este caso traigo código muy útil para webs con buscadores. Se trata de códigos para hacer más usable los formularios a los usuarios o por ejejmplo, para ordenar los resultados de una búsqueda por columnas (precio, nombre,…)
(más…)
por Omar Benyakhlef | Diseño de páginas web
Fondos Grunge
Una de las frases citadas en el libro «generación X» (la generación más grunge) era «vive de tus padres hasta que puedas vivir de tus hijos…«. Pues bien, si no tenéis muchas ganas de crear vuestros propios fondos grunge, echad mano de lo que la red os ofrece gratuítamente. Y si neceistáis más ehad un vistazo a los post relacionados con esta tendencia.
He encontrado un pack de 300 texturas, en las que podréis encontar desde madera, pizarra, grava, asfalto, suciedad, pintura descascarada, papel, alfombras,…
Descargar texturas grunge.
por Omar Benyakhlef | Diseño de páginas web, Google, SEO
Guía SEO Google GRATIS
Google lanza una gúia para webmaster novatos en SEO. Se trata de una guía, en la que podréis encontrar unos consejos para hacer una web accesible cuyos contenidos sean más fáciles de indexar por los motores de búsqueda.
Para hacer más fácil el contenido de esta guía se ha creado un caso ficticcio (una web de tarjetas de beisbol), y sobre este proyecto va explicando los pasos a dar. Desde el título de las páginas, el uso de los metas, la estructura de url’s, en definitiva un paso a paso que os ayudará a comenzar en este mundillo del SEO.
Descargar Guía Google SEO para principiantes (versión en inglés) – Guía Google SEO para principiantes (versión en español).
