Blog de Yises » CSS

Cómo hacer un triángulo mediante css

Thu, 13 May 2010 14:31:03 +0000

Hoy os presento el código mediante el cual se pueden hacer triángulos únicamente mediante el uso de css. Decir que los triángulos serán rectángulos(como sabréis es cuando uno de los ángulos es de 90 grados).

.flechaizquierda {
border-color:transparent #000 transparent transparent;
border-style:solid;
border-width:10px 20px 10px 0;
width:0;
}
.flechaderecha {
border-color:transparent transparent transparent #000;
border-style:solid;
border-width:10px 10px 10px 20px;
width:0;
}
.flechatop {
border-color:transparent transparent #000000;
border-style:solid;
border-width:0 13px 13px;
width:0;
}
.flechabot {
border-color:#000000 transparent transparent;
border-style:solid;
border-width:13px 13px 0;
width:0;
}

Características que toda web debería tener

Thu, 06 May 2010 06:43:48 +0000

Una buena web ha de tener una serie de características:

Generales

Cualquier página debe encontrarse a menos de tres clicks de distancia de la página principal.
Hay que comprobar los enlaces rotos y eliminarlos.
Hay que configurar las páginas de error 404, para que, en el hipotético caso de que el cliente se encuentre en ella, pueda este seguir navegando en la web.
Hay que intentar usar enlaces cruzados entre los contenidos de nuestra web (referenciar artículos que hayamos hecho).
Crear un SiteMap.

Tiempo de carga

La web debe cargarse lo más rápido posible.
Debe alojarse en un servidor rápido y cercano al usuario que consideremos “cliente” potencial (sería conveniente alojar nuestra web en un servidor en España en el caso de que los usuarios que quiero que entren en ella vivan en España).
Deben de estar construidas con código lo más limpio posible y separando todo lo que se pueda la programación de la maquetación (hojas de estilo css).

Contenidos

Enlazar a páginas web de calidad.
Intentar evitar el uso del flash.
Respetar la estructura correcta de las etiquetas (h1 es más importante que h2, y este que h3,…).
Usar las palabras clave a posicionar, pero sin llegar a ser repetitivos.
Ofrecer un buscador de contenidos.
Ofrecer personalización de contenidos.
Ofrecer contenidos en nuestra página de quienes somos, qué hacemos, dónde estamos, datos de contacto…

La culpa la tiene IE

Wed, 24 Feb 2010 02:05:20 +0000

Es tarde, muy tarde, y en estos momentos estoy sentado en el sofá de mi casa mientras los recuerdos de las últimas horas se agolpan en mi mente….. Pero comenzaré la historia desde el principio, y cómo no, toda buena historia debe empezar presentando a los personajes, que en este caso son las bellezas Firefox e IE y el pobretón de mi. Todo hay que decirlo, yo era el más inexperto e ingenuo, el único que aun no tenía suficiente madurez para saber lo que realmente me convenía en el mundo, y por ello me sucedió lo que me sucedió.

Comenzó el día, mis primeras horas las pasé con la gentil y graciosa Firefox, una maquetación impoluta, sin ñapas ni pifias que no quisiera realmente hacer, fue como un visto y no visto, sin problemas……. incluso ella era capaz de pasarme algún que otro error no muy grave de código….. En definitiva, simplemente sabía que con ella mi mundo iba a ser más feliz.

Pero entonces a media tarde llegó la exigente y envidiosa IE. Ésta comenzó a discutir con Firefox acerca de los estándares, se hizo con mi código y comenzó a destrozar su integridad mientras hacía caso omiso a mis intentos de mantener el orden y el respeto mutuo por el resto de navegadores. Fue la lucha más encarnizada que había visto desde hacía años, ya que ninguna de las dos daba su brazo a torcer y continuaban tirando paneles y moviendo enlaces de aquí para allá.

Entonces tuve que tomar una decisión, que se resume en las siguientes líneas de código:

Son las 3 de la mañana……. y esta lucha me ha agotado…….. no se si seré capaz de recuperarme de todas las heridas más bien psiquicas sufridas……………