Displaying posts categorized under

CSS

Lenguaje de diseño de hojas de estilo para páginas web.
Maquetación basada en hojas de estilo.

Implementación SEO básico

Cuando queramos lanzar un site que queramos posicionar bien en Google de forma natural, tendremos que tener algunas consideraciones en cuenta en el periodo de implementación y otras en el momento del lanzamiento. Voy a hablar en este caso del periodo de implementación. Veamos qué es lo básico que tenemos que tener en cuenta: Meta [...]

Sombra sencilla en un elemento DIV

La sombra está de moda, las hay muy sofisticadas utilizando imágenes que hay que ajustar y medir… Podemos utilizar también sombras sencillas que no son tan resultonas, pero le dan una gracia a las capas: Código CSS .seccion { margin:-3px 2px 2px -3px; padding-left:1em; padding-right:1em; background:#FBFBFF none repeat scroll 0%; border:1px solid #999999; } .back{ [...]

Almacenes de herramientas para web (AJAX, CSS, Javascript)

En el diseño e implementación de webs muchas tareas son repetitivas: hacer un menú, establecer aspectos básicos en la hoja de estilos, mostrar datos en tablas con paginación, calendarios, etc. No somos los únicos, otros ya lo han hecho, y algunos lo han hecho tan bien que podemos reutilizar el código que han dejado a [...]

Códigos HTML de colores seguros

Cuando diseñamos sin colores exactos de referencia, y queremos ir dando colores a una página web y sus elementos, podemos utilizar una simple tabla que utiliza únicamente los códigos básicos y seguros siguientes: RGB 00 51 102 153 204 255 Hex 00 33 66 99 CC FF La tabla en cuestión es la siguiente: FFF FFF [...]

Centrar con CSS una web : en general cualquier elemento de bloque

Para centrar las páginas de nuestra web, podemos hacerlo así de sencillo utilizando DIV y dándole estilo con CSS: body { text-align:center; } #principal{ width:70%; margin:0 auto; text-align:left;} Y el código HTML: <body> <div id=”principal”> Todo lo que metas aquí queda centrado </div> </body> NOTA: La parte de CSS que afecta al BODY, y la [...]

Elementos de bloque y elementos de línea en HTML

HTML clasifica a todos los elementos en dos grandes grupos: elementos en línea (inline elements en inglés) y elementos de bloque (block elements en inglés). Las diferencias: BLOQUE: Los elementos de bloque siempre empiezan en una nueva línea y ocupan todo el espacio disponible hasta el final de la línea, aunque sus contenidos no lleguen [...]

Plugins para exploradores fundamentales para desarrollo web

Cuando desarrollamos aplicaciones web, y más en concreto los aspectos gráficos, es muy útil disponer de algo más que nuestro editor de código, html, css, etc. Necesitamos ver cómo queda, porque por muy bien que queramos hacerlo siempre se nos escapa algún detalle. Cuando esto ocurre tenemos abierto el editor, posiblemente uno wyswyg, Intenet Explorer, [...]