Enterate porqué las tablas pasaron de moda y a partir de ahora tenés que usar siempre DIVS para diseñar HTML.
Hace poco vi en un blog una buena cantidad de personas buscando ayuda de como hacer que un contenido quede fuera del body como las fechas, informacion , etc. Hacer esto es tan facil como Ajustar el margin del contenido a sobreexponer en el cuerpo de la web. Podemos ver un ejemplo en vivo en el template Color Paper de Smashing Magazine: www.freethemelayouts.com/blog/. Como observamos la fecha en cada post esta fuera del limite izquierdo de la web. Para hacer este efecto basta con agregar una linea de CSS con valores negativos en el mar
Para diseñadores y webmasters que busquen inspiración en sus diseños, las últimas 30 páginas web premiadas en css por la prestigiosa The CSS awards.
Un análisis con los validadores de XHTML, CSS y RSS reprueban a los 5 mil y tantos sitios del gobierno mexicano, con sus contadas y honrosas excepciones. Un gobierno reprobado en internet. Para llorar y de pena ajena, además de lo costoso que son.
A medida que avanzamos en el tiempo, las aplicaciones web van cobrando mayor funcionalidad hasta el punto de llegar a ser réplicas exactas de algunas de las aplicaciones de escritorio más conocidas (Google Docs, Zoho…). Todo esto se consigue mediante el uso de técnicas de CSS y Javascript “innovadoras”, recreando controles tan típicos pero ausentes hasta ahora como es el caso del menú contextual, el cual recrearemos en este tutorial.
Cada cierto tiempo van saliendo nuevas propiedades CSS3, todas ellas son muy útiles y sencillas, pero ¿están soportadas por la mayoría de los navegadores?. En esta entrada se muestra una lista de novedades para CSS3 que sí pueden ser usadas hoy, debido a su gran compatibilidad con los navegadores.
En este blog de diseño web, hemos visto en numerosas ocasiones los problemas que origina la “batalla entre navegadores”, la cantidad de puertas traseras que tenemos que buscar para que el resultado se visualice igual en uno que en otro. Con la llegada del CSS3, tendremos muchas más posibilidades de controlar el diseño del blog o de la web que estemos construyendo. CSS3 tiene un mayor control sobre la maquetación, permitiéndonos diseñar sin pensar en las dificultades que nos van a originar los distintos navegadores.
Impresionante pedazo de HTML5 en el que se puede apreciar como se han mejorado la lectura y la estructura del popular lenguaje de marcado en su versión 5. Se parte desde una declaración de documento más limpia que nunca y se pueden observar detalles como la sencillez de las referencias de CSS o JQuery.
Ya sea que no sepas como crear un buen diseño en Photoshop y quieras aprender o que quieras algo de inspiración, acá te dejo 79 tutoriales para poder crear tu propio diseño en Photoshop que puedes después convertirlos de PSD a XHTML y CSS. Hay diseños para blogs, portafolios, sitios de negocios etc. y además algunos de estos tutoriales traen las descargas de los archivos fuente del tutorial.
Browsera es un servicio que permite analizar un sitio web por completo, usando varios navegadores simultáneamente. Tiene el propósito de identificar y corregir errores para que el sitio funcione igual en cualquier navegador, lo cual no es una tarea tan fácil, sobre todo si se toma en cuenta al IE 6, que da muchos problemas no sólo en cuanto a interpretación de CSS, sino también con algunas tecnologías como JavaScript. Browsera no requiere que se instale ningún programa ni código en tu sitio, por lo que no afecta en absoluto al desempeño del mis
Web que recoge las diferencias CSS entre las distintas versiones de Internet Explorer, 6, 7 y 8. Vía www.anieto2k.com/2009/10/15/diferencias-css-entre-internet-explorer-67/
Muy buen manual para aprender a realizar css sprite. Y muy buena demostración de los beneficios.
Cuando queremos crear/editar estilos CSS’s podemos hacerlo de 2 formas. 1. Utilizar un editor visual (WYSIWYG) 2. Utilizar un editor de texto. El editor visual el mas conocido es el Dreamwaver, existen otros, NVU y … no se cuales otros xD. A mi no me gustan éstos, son bien pesados, cargan minutos en cargarse, y no me gusta la idea de que una aplicación me haga el trabajo sin que yo sepa que es lo que está haciendo y como lo está haciendo.
Sólo pueden ver los nuevos botones los usuarios de Chrome y Safari (navegadores basados en Webkit) ya que han sido creados mediante dos nuevos elementos (webkit-rounded-corners y webkit-gradient) implementados unilateralmente por Webkit hace un año y que no forman parte de CSS estándar.
CSSTXT es una herramienta muy simple pero que de forma muy dinámica nos permite aplicar ciertas propiedades a nuestros textos, para que luego y con solo
Una colección de menús desplegables hechos en CSS sólo, CSS + Jscript, Jquery y otros.
Una lista de 10 diseños web argentinos llamativos e inspiradores, sin ningún orden especial y limitándose a sitios basados en HTML + CSS. Para tener un pantallazo de cosas interesantes e inspiradoras hechas por colegas locales.
De la serie "La pesadilla del programador que se metió a diseñador web para olvidar su pasado de picacódigo", hoy les presentamos..."
En esta web, he encontrado una guia donde te dice un programa para poder convertir tus plantillas de Photoshop en plantillas de WordPress. Al final del post, también hay un videotutorial para saber como se hace. Espero que les sirva.
Hoy es el dia de la iniciativa de aNieto2k, por fín ha llegado el día que es un punto de inflexión en la vida de Internet Explorer 6. Por ese motivo, apartir de hoy a las 00:00 nuestras webs deberían excluir las CSS's para este navegador, dejando el contenido a la vista y eliminando los estilos.