Si estás buscando plantillas en (X)HTML y CSS que puedas destripar, modificar, utilizar a tu gusto y redistribuir según mejor te convenga, seguro que estas dos páginas se hacen un hueco en tus favoritos.
Open Source Web Design:
Decana en este tipo de páginas, fundada en el año 2000.
Actualmente pone a nuestra disposición 1688 diseños.
Open Source Templates:
http://opensourcetemplates.org
Destinada a organizaciones sin ánimo de lucro, aunque sus plantillas están publicadas bajo licencia Creative Commons (atribución) lo que nos permite utilizarlas a cualquiera.
De momento ofrece pocas plantillas pero de bastante calidad.
Ya lo sabemos, no todos los navegadores son igual de compatibles con los estándares web, pero no siempre sabemos hasta qué punto.
Web Browser Standards Support es un completo estudio de compatibilidad de los navegadores Firefox, Opera e Internet Explorer, centrada en las tecnologías CSS, HTML, DOM y ECMAScript.
Via Pixel Groovy
Parece que el boom de este tipo de páginas dedicadas a recopilar los mejores diseños web realizados de acuerdo con los estándares, usando (x)html y css, no remite.
A través de Guistyles descubro CSS Bloom, una página con formato de blog, de actualización diaria que, al igual que la mayoria de sus hermanas mayores, nos permite votar los diseños.
Enlace: http://cssbloom.com/
Es fácil creerse que sólo con utilizar hojas de estilo en nuestros sitios web ya habremos optimizado sus tiempos de carga. A pesar de que, en principio, utilizar CSS aligera los sitios, una hoja de estilo llena de propiedades redundantes o espacios en blanco puede resultar excesivamente pesada.
Ante todo, nuestro CSS debe ser válido y para comprobarlo nada mejor que la herramienta que nos ofrece el W3C
Servicio de Validación de CSS: http://jigsaw.w3.org/css-validator/
Además de crear páginas con código válido, puede ser interesante optimizarlas para conseguir tiempos inferiores de carga. La optimización puede ser un proceso tedioso de hacer a mano y para ello existen gran número de herramientas online. Estas herramientas pueden optimizar tanto el código que lo vuelvan ilegible, por tanto, mi recomendación es que las uséis más como referencia y ayuda a la hora de hacer ajustes a mano.
Clean CSS
CSS Tweak
CSS Formatter and Optimiser
Online CSS Optimiser
CSS Optimizer
Y, como no hay hoja de estilos perfecta sin (x)html válido:
Servicio de Validación de Marcado: http://validator.w3.org/
Si buscas ejemplos de código listos para descargar, que puedes tanto estudiar como emplear en tus proyectos personales o comerciales, Dynamic Drive y su libreria de CSS seguro que se convertirán en uno de tus favoritos.
Recuerda leer las condiciones de uso ya que los ejemplos descargados tienen algunas restricciones.
La mayoría de las técnicas para hacer el contenido web accesible para los lectores de pantalla son invisibles para los usuarios visuales. El texto alternativo (alt), las etiquetas de encabezado de las tablas, sumarios de tablas, y los elementos label de los formularios son ejemplos de técnicas que marcan una gran diferencia para los usuarios de lectores de pantalla pero tienen muy poco o ningún impacto en la apariencia visual del contenido web.
No obstante, muy de vez en cuando, los diseñadores web afrontan situaciones en las que la adición de marcado accesible tiene un impacto en la presentación visual. En algunos casos, este impacto visual puede decrecer la usabilidad del contenido para usuarios visuales. En otros casos, los diseñadores simplemente quieren proveer una estructura o apariencia más agradable que esté comprometida al incluir todo el texto en una forma semánticamente correcta.
(más…)
Supongo que te sonarán estos botones
En este caso son de Google Calendar pero pueden verse muchos por la red. La mayoría de ellos están creados con imágenes pero existe un método sencillo de crearlos con CSS. (más…)
Se acerca el verano y algunos vamos a vernos forzosamente separados de nuestras conexiones a internet, quizá sea un buen momento para leer algún libro.
Una buena opción podría ser Diseño con Estándares Web de Jeffrey Zeldman. En él, su autor al que ya conocemos más que sobradamente por sus excelentes artículos y trabajos, nos acerca de una forma clara y sin tapujos al diseño web conforme a los estándares y perfectamente accesible.
Si tuviera que introducir un libro en la categoría de imprescindible, sin duda seria este. Partiendo de un repaso a los principales problemas del diseño web en la, breve pero intensa, historia de la red como la conocemos, se nos invita a pensar en soluciones duraderas que no queden obsoletas con cada nueva versión de los navegadores y que puedan ser vistas por medio del más variopinto abanico de dispositivos y usuarios.
Un libro excelente para profundizar en el uso correcto de los estándares y la accesibilidad, ideal para iniciarse en el diseño con CSS y, sobre todo, para adquirir un excelente conocimiento de base sobre el que ir trabajando para lograr que nuestros sitios web sean atractivos y se presenten correctamente en diversas plataformas y navegadores, incluidos los adaptados para usuarios con minusvalías o en modo texto.
Editado en 2003 es un texto que se ha convertido en libro de cabecera de muchos desarrolladores web.
Jeffrey Zeldman: http://www.zeldman.com
Mini-site oficial del libro: http://www.zeldman.com/dwws/
En España, Diseño con Estándares Web de Jeffrey Zeldman está publicado por Anaya Multimedia dentro de la colección Diseño y Creatividad
Marko Dugonjić nos dejó hace tiempo en su blog un pequeño truco que nos puede ayudar a informar a nuestros visitantes de que las imágenes están cargando (especialmente útil cuando combinamos imágenes grandes con conexiones lentas).
A continuación, os traigo la traducción del original Image Preloader
CSS Reinicia es un Evento que tendrá lugar a las 14:00h (+2 GMT) del próximo 15 de Agosto de 2.006, cuando todos los sitios inscritos procedan a cambiar simultáneamente su diseño.
Pero no se trata de simples rediseños de los mismos. En ellos CSSReinicia quiere potenciar el uso de los estándares de la W3C entre la cada día más extensa comunidad de diseñadores de habla hispana, demostrando que ello no supone dejar a un lado la creatividad .
El objetivo es alentar a estos desarrolladores para que rediseñen sus sitios en su idioma natal y muestren al resto de la comunidad que la creatividad, los estándares y su idioma pueden ir cogidos de la mano.
CSS Reinicia tiene como inspiración proyectos similares tales como 1st May Reboot y CSS Reboot, pero intenta focalizar su atención hacia la otra cara de la red: la de habla castellana.
Obviamente, sólo puedes participar con páginas en castellano.
Enlace: www.cssreinicia.com
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
