Borchani.COM – Blog

CSSVista es una aplicación útil para cualquier desarrollador de páginas Web que desea centralizar el diseño de sus páginas con los estándares de las hojas de estilo (CSS). Este programa nos permite de forma fácil realizar modificaciones y mejoras en las páginas Web. Sencillamente debes cargar tu página Web en el navegador integrado que tiene la aplicación. Posteriormente desde la ventana colocada al lado izquierdo de la aplicación podrás editar directamente tu hoja de estilos comprobando paso a paso como afectan los cambios sobre tu página Web. Algo para tener en cuenta para utilizar CSSVista es que necesitas tener instalado previamente .NET Framework 2 en tu ordenador.
Descarga – Web Oficial – Via Scailay

CSS Spy es otra aplicación gratuita para editar hojas de estilo. Muy fácil de utilizar y nos permite en poco tiempo crear nuestras plantillas nuevas o simplemente editar aquellas ya diseñadas. CSS Spy también nos permite ir viendo todos los cambios que vamos realizando en tiempo real tanto en IE o Firefox, aunque para ello necesitaras tener instalado el control ActiveX de Mozilla. Css Spy básicamente nos permite editar todas las propiedades soportadas por la especificación CSS 1 y 2.
Descarga – Web Oficial – Via Rubendomfer

Simple CSS es otra aplicación sencilla y útil para desarrollar tus páginas Web con hojas de estilo CSS. Puedes desarrollar tus hojas de estilo desde cero o trabajar con las que ya tengas, modificándolas. Simple CSS es una aplicación muy sencilla de utilizar ya que sus menús son muy intuitivos.
Descarga – web Oficial (Encontraran versiones para otras plataformas)

Un sitio que nos muestra como podemos mejorar estéticamente los anuncios de Google Adsense. Los resultados son realmente bellos y con un par de simples códigos podemos adaptarlos a nuestro diseño de blog. El sitio recopila unas 29 ideas para mejorar estéticamente tus anuncios, obvio son ideas, tú puedes mejorar los diseños a tu gusto o usarlos como guía.
Veamos un ejemplo practico de cómo los adaptaríamos.
Como todos sabemos en Google Adsense podemos especificar el color de fondo que tendrá nuestro anuncio, el color de los enlaces, del texto, etc.
Supongamos que nuestra paleta de colores en Google Adsense se compone de estos colores:

 
Entonces lo que haremos será, crear un div con un simple código en nuestra hoja de estilo

CSS:

#ad_code { background:#ffffff url(images/blackquare.png) center center no-repeat;
 width:163px; height:166px;
padding-top:15px;
text-align:center; }

Ya con nuestro código en la hoja de estilo, solo resta encerrar nuestro código de Google Adsense dentro del div que acabamos de crear en la hoja de estilo.

HTML:

<div id=”ad_code”>
 <!– Cambiar solo esta línea por tu código de Google Adsense –>
</div>

Las esquinas redondeadas son hoy una las técnicas mas populares en Internet, sobre todo si hablamos del universo denomino 2.0. Incluso hoy podemos verlo en servicio tan populares como Google Adsense, servicio que ahora permite a los usuarios optar por esquinas redondeadas para mostrar los anuncios.
Existen varias formas de llegar al mismo resultado, y más aun de adaptar esta técnica a nuestros diseños. Pero si bien la técnica es agradable, es bueno saber donde utilizarla, y de que forma combinar esta técnica con el resto de nuestro diseño.
A continuación podremos ver 16 técnicas de esquinas redondeadas con CSS, con la idea de que puedas obtener mejores opciones.

ThrashBox – (Crear esquinas redondeadas)- Esquina con una sombra suave visual y con un margen mínimo.

DomCorners – una técnica muy simple para conseguir esquinas redondeadas.

virtuelvis.com esquinas redondeadas con CSS que permite que adaptes esto a los diseños existentes sin alterar ningún margen de beneficio.

 456bereastreet – Una técnica para crear esquinas y bordes con la transparencia alfa opcional. 

Esquinas en listas de noticias – fue diseñada para exhibir enlaces a las noticias recientes.

Esquinas redondeadas líquidas utilizando CSS – una caja redondeada reutilizable, esta técnica utiliza en total 6 imágenes. Pero su diseño es realmente bello.

Esquinas Nifty de Anti-aliased – basadas en las esquinas Nifty y modificadas por Steven Wittens.

Caja simple realizada por tedd – ideal para diseños no muy cargados.

Las esquinas redondeadas herméticas – Con esta técnica podremos realizar una caja con las esquinas redondeadas usando solamente una imagen, y fijando esa imagen para cada esquina.

Crear un bloque redondeado – Una técnica que requiera dos imágenes una actuando como encabezado y otra para el contenido, es muy fácil de utilizar y nos da lugar a conseguir resultados muy agradables y fácilmente.

Esquinas redondas elegantes – una solución práctica utilizando imágenes pequeñas para los bordes.

Esquinas redondeadas en CSS por Adán Kalsey – requiere 4 imágenes para la esquinas. Muy sencilla y fácil.

Roundedcornr.com – Herramienta sencilla para generar las esquinas redondeadas.

Spiffycorners.com – La manera mas simple de generar el CSS y HTML que necesitas para las esquinas sin usar imágenes o Javascript.

Spiffybox.com – otro proyecto de los mismos creadores de esquinas Spiffy