Owner: Diseño Web URL:http://css.todoprogra.com Join Date: Wed, 02 May 2007 16:07:48 -0500 Rating:0 Site Description: Un blog con themes wordpress gratis, recursos sobre css,trucos y tips css, myspace layouts gratis, diseño web, etc Site statistics:Click here
Eric Meyer el gurú de css saca su versión de Reset.css 2007-05-02 19:00:16 Hace unos días hable sobre el archivo reset.css de YUI (la librería UI de Yahoo) para neutralizar los estilos por defecto del navegador. Eric Meyer
a implementado una versión mejorada que realmente recomiendo que utilices cada vez que empiezas a trabajar en un sitio, eso eliminará cualquier estilo del navegador y podrás identificar más facilmente lo que aún tienes pendiente, además de otras grandes ventajas. El archivo css es:
PLAIN TEXT
CSS:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
&nbs Read more:Reset
Theme Blanco y Negro para wordpress version 2 2007-05-02 03:05:05 La segunda tercera versión de mi tema Blanco y Negro
está lista :)
En la tercera versión del tema gratis de wordpress he agregado estilos para párrafos especiales, he cambiado el diseño para las imágenes y he agregado un icono a los enlaces para que los que entren al sitio sepan que enlaces ya han visitado. El theme lo he hecho para cargar rápidamente, utiliza solamente 4 imágenes, el archivo css está comprimido pero incluyo una versión sin comprimir en el archivo zip. Lo he probado en IE 5.5, 6 y Firefox, si lo pruebas en otro navegador dímelo para que pueda mencionarlo :)
Por ahora creo que no hay nada que vaya a agregar así que voy a hacer version
es en diferentes colores.
Ejemplos de los párrafos especiales:
Este es el estilo para citar texto, utiliza class="cita"
Este es el estilo para alertas, utiliza class="alerta"
Este es el estilo para información, utiliza class="info"
Este es el estilo para link, utiliza class="link"
Este es el estilo para nota, utiliza class=" Read more:Theme
Creador dinámico de layouts en css 2007-05-01 19:12:33 En CSS Creator encontré una herramienta que te permite crear layouts para tus sitios web fluidos, centrados, fijos, con dos columnas, con una columna, etc. La herramienta genera un archivo html y un css para que empieces a trabajar.
Chuleta de los tipos de letras gratis 2007-05-01 18:57:02
Leyendo el magnifico blog de Smashing Magazine me enteré que acaban de sacar una chuleta (cheat sheet) que muestra los mejores tipos de letra gratis
, recomendado!
Read more:los tipos
35 Diseñadores y 5 Preguntas para que aprendas de los mejores 2007-05-01 04:21:14 ¿Quieres conocer algunos secretos de diseño de los mejores diseñadores
de sitios web? Hoy es tu día de suerte! Smashing Magazine ha publicado las respuestas de 35 diseñadores web a 5 preguntas.
Las preguntas son:
Aspectos que tienen mayor prioridad en tus diseños
La técnica de CSS que utilizas más frecuentemente
El tipo de letra (font) que utlizas más frecuentemente en tus diseños
Un libro relacionado al diseño que recomiendas a todos que lean
Una revista de diseño que leas diaria o semanalmente
5 excelentes técnicas de CSS 2007-05-01 04:11:32
Tarjetas fotográficas: si andas buscando una manera diferente de mostrar fotografías en tu sitio o si necesitas crear una galería, esta técnica es la que necesitas. Por Wellstyled.
Botones en línea: Una excelente técnica para crear botones sin necesitad de algún programa como Gimp. Por WellStyled.
Más botones en línea: Otra técnica para crear botones con css, excelente. Por UseWisdom.
Agregar iconos a todo: una técnica muy útil para identificar el propósito de tus enlaces. Por HunLock.
Burbujas de texto: Crea burbujas de texto sin necesidad de imágenes ni javascript. Por CSSPlay.
Conocer que sitios enlazan al tuyo y su pagerank 2007-04-30 21:45:42
Uno de los principales consejos de optimización para motores de búsqueda (SEO) es lograr que sitios con ranking elevado tengan enlacen a tu sitio, si tienes una gran cantidad de links de sitios con pagerank alto puedes estar seguro que tu propio ranking se beneficiará.
Si quieres saber la cantidad de sitios que enlazan al tuyo además de su pagerank puedes utilizar la herramienta en línea Backlink Checker y con solo ingresar tu url obtendrás la lista completa.
Comprimir archivos CSS para ahorrar ancho de banda y carga más veloz 2007-04-29 18:25:39 Una forma de ahorrarte ancho de banda
y lograr que tus páginas carguen más rápido es comprimiendo tus archivos CSS, el sitio CSS Drive Gallery nos brinda una herramienta en línea que dependiendo de tus necesidades te permite comprimir un CSS en varios niveles. Recuerda guardar una copia de tu archivo antes de comprimirlo ya que cuando lo comprimas será muy difícil de utilizar para hacer cambios.
También puedes utilizar csCSSc otra herramienta en línea que te permite comprimir y descomprimir archivos CSS.
Read more:carga
, veloz
CSS para neutralizar la hoja de estilos del navegador 2007-04-29 17:44:40 Reset es un archivo CSS de la librería UI de Yahoo! (YUI) que se encarga de neutralizar las hojas de estilo que los navegador
es traen por defecto. Muy útil cuando empiezas con un proyecto web ya que sabrás que los resultados vienen de tu hoja de estilos css y no del navegador.
El archivo CSS contiene:
PLAIN TEXT
CSS:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abb
8 soluciones y hacks para css 2007-04-29 17:32:59 La lista incluye 8 soluciones y hacks
que todo diseñador web debe saber, desde selectores para navegadores específicos, una forma simple para centrar un layout de ancho fijo, utilizar png's transparentes en IE6, etc.
Tabla de soporte de css para los navegadores 2007-05-03 21:10:33
Buscando en google me encontré con una excelente tabla por RichinStyle de soporte de css para los navegadores, muy útil si quieres utilizar alguna característica de css pero no estás seguro de que navegadores lo soportan. En la tabla puedes descubrir si el navegador lo soporta o si tiene algún bug cuando se utiliza.
Mejorando el blog para traerte lo mejor 2007-05-07 17:12:54 Si has notado la falta de artículos en estos días es porque estoy preparando el nuevo diseño del sitio además de su versión en Ingles. Aparte de traerte lo mejor del diseño de sitios web, tengo planeado sacar un nuevo Theme (tema) de wordpress cada 2 semanas y algunos íconos vectoriales entre otras cosas. Mi plan es estar listo la tercera semana de Mayo, regresa pronto :)
Read more:Mejorando
Recommend Site To A Friend
