Bores redondeados CSS

Continuando con mi aventura de intentar diseñar una web, me topé con la necesidad de utilizar los típicos "bordes redondeados" o "rounded borders" que desde la Web 2.0 se utilizan mucho. Y para los que se encuentren con la misma duda de cómo hacerlo, aquí os dejo un método muy fácil, solo hay que tener las 4 esquinas redondeadas y un punto del tamaño del grosor de las esquinas en formato de imagen.

Luego identificar cada esquina con algún nombre y utilizar el siguiente style:

<style>
.arriba {background: url(./punto.gif) 0 0 repeat-x; width: 15em}
.abajo {background: url(./punto.gif) 0 100% repeat-x}
.izquierda {background: url(./punto.gif) 0 0 repeat-y}
.derecha {background: url(./punto.gif) 100% 0 repeat-y}
.abajoizquierda {background: url(./abajoizquierda.gif) 0 100% no-repeat}
.abajoderecha {background: url(./abajoderecha.gif) 100% 100% no-repeat}
.arribaizquierda {background: url(./arribaizquierda.gif) 0 0 no-repeat}
.arribaderecha {background: url(./arribaderecha.gif) 100% 0 no-repeat; padding:10px}
</style>

Y luego en el div que le queremos dar este formato lo tendremos que hacer en el siguiente orden:

<div class="arriba"><div class="abajo"><div class="izquierda"><div class="derecha"><div class="abajoizquierda"><div class="abajoderecha"><div class="arribaizquierda"><div class="arribaderecha">
Esto es una prueba
</div></div></div></div></div></div></div></div>

Aquí dejo un ejemplo donde se puede ver con mas facilidad.

<style>
.arriba {background: url(./punto.gif) 0 0 repeat-x; width: 15em}
.abajo {background: url(./punto.gif) 0 100% repeat-x}
.izquierda {background: url(./punto.gif) 0 0 repeat-y}
.derecha {background: url(./punto.gif) 100% 0 repeat-y}
.abajoizquierda {background: url(./abajoizquierda.gif) 0 100% no-repeat}
.abajoderecha {background: url(./abajoderecha.gif) 100% 100% no-repeat}
.arribaizquierda {background: url(./arribaizquierda.gif) 0 0 no-repeat}
.arribaderecha {background: url(./arribaderecha.gif) 100% 0 no-repeat; padding:10px}
</style>

Y si quieren mas información la web es la siguiente.
PD: El efecto de "Vuvuzela" en los videos de Youtube es bastante gracioso suena igual de agradable que en todos los partidos del mundial.

Volviendo al tema.. el otro día intentando diseñarle una Web desde 0 a un conocido me di cuenta que la fuente que había elegido para tal "obra maestra" no le podía cambiar el tamaño de la fuente. En concreto la fuente era “Verdana”, Geneva, sans-serif según CSS y la mejor forma que encontré para cambiarla fue la siguiente:

#menu{
font-family: “Verdana”, Geneva, sans-serif;
font-size-adjust: 0.62;
}

Por lo visto el tamaño por defecto para esta fuente es 0.58 aquí dejo un tabla con algunas fuentes comunes y sus respectivos valores:

"Operación cancelada debido a restricciones en este equipo. Póngase en contacto con el administrador de este equipo"

Claro probé la solución que Windows da para este error y para variar no me ayudo nada.Y mi solución a esto al final resulto ser bastante poco lógica, pero efectiva y es siguiendo este procedimiento:

1. Abrir IE
2. Herramientas -> Opciones
3. En la pestaña de Programas -> Pulsar Predeterminar
4. Aplicar, aceptar y cerrar el Excel o programa de office intentar abrir el hipervínculo.

Sí, esta fue la solución, espero que te ayude. Aunque el Office 2003 esté en desuso, nunca se sabe.

IE6 tiende a desaparecer.

Según comentan en la siguiente web, el famoso Internet Explorer en su versión 6, está a punto de desaparecer. La caída en el mes de Mayo lo ha llevado al uso de un 4.7% en EEUU y Europa (en España de un 9%), comparado con el 11.5% de hace 12 meses. Esto supone una buena noticia para cualquier desarrollador Web, ya que tienen un justificante para no tener que adaptar un sitio o aplicación a este navegadorque tantos dolores de cabeza ha dado (diseño, seguridad, etc..).

A su vez, IE8 ha sufrido un aumento considerable de uso pasando del 8.5% de uso de hace un año, al 30.4% de este. El análisis de esta empresa, llamada StatCounter, se basa en 15 millones de visitas en Mayo de 2010. En la web de esta compañia se pueden consultar estadísticas de otros países o continentes. A IE le sigue muy de cerca Firefox y a este Chrome un poco mas alejado.

En matemáticas, la sucesión de Fibonacci es la siguiente sucesión infinita de números naturales:

0,1,1,2,3,5,8,13,21,34,55,89,144,...

La sucesión inicia con 0 y 1, y a partir de ahí cada elemento es la suma de los dos anteriores.

A cada elemento de esta sucesión se le llama número de Fibonacci. Esta sucesión fue descrita en Europa por Leonardo de Pisa, matemático italiano del siglo XIII también conocido como Fibonacci. Tiene numerosas aplicaciones en ciencias de la computación, matemáticas y teoría de juegos. Leer mas en la wikipedia.

¿De dónde sale esta entrada? De ForosDelWeb, gracias al desafío propuesto en el sub-foro de Javascript.
¿Intenciones del desafío? Buscar un método en JavaScript para poder mostrar toda la sucesión de números completa, sin que saliera en exponencial.
Clave de la solución: Utilizar el método iterativo y ayudarnos con la suma de Strings explicada en la entrada anterior.

La solución en este enlace a mi dropbox: link.

function suma(a,b){
var sumado = "";
var num=0;
if(b.length>a.length) {
var c=a;
var a=b;
var b=c;
}
c="0"
for(i=0; i<b.length ; i++){
var num =eval(a.substring(a.length-1-i,a.length-i))+eval(b.substring(b.length-1-i,b.length-i))+eval(c);
if(num>9){
c="1";
num=num-10;
}else{
c="0";
}
sumado=num.toString().concat(sumado);
}
i=b.length;
while(i<a.length){
if(c == "0"){
num=eval(a.substring(a.length-1-i,a.length-i));
}else{
num=eval(a.substring(a.length-1-i,a.length-i))+1;
}
if(num>9){
num=num-10;
}else{
c="0";
}
sumado=num.toString().concat(sumado);
i++;
}
if(c =="1"){
sumado=c.concat(sumado);
}
return sumado;
}

• Geolocalización
• Contenido editable gracias al atributo contenteditable
• La utilización de canvas en un fondo gradiante
• Reproducción de videos sincronizada
• Efectos coger y soltar o drag and drop.
• Almacenamiento con una base de datos SQL
• Detección de estado Off-line o sin conexión
• Y algunos ejemplos más..

Bueno si estás interesado en conocer todo esto les dejo el enlace. Espero que lo disfruten!

Saxoprint

Esta entrada va dedicada a las personas que alguna vez han buscado por internet alguna imprenta que envíen a domicilio y no se ha fiado de ninguna. De la que voy a hablar es Saxoprint, una empresa Alemana que cuenta con cerca de 300 trabajadores y se dedican a realizar lo que se llama "imprenta online".

No sólo en papel desde hace un tiempo también lo hacen en camisetas y la calidad del producto es realmente buena, por lo menos en lo relacionado a folletos y tarjetas personales, ya que he realizado pedidos de estos productos.

¿Qué ventajas ofrecen? La verdad que la ventaja principal es el precio, un teléfono de atención al cliente gratuito, garantía en los plazos de entrega, posibilidad de recibir un muestrario con los tipos de papeles que trabajan y facilidad a la hora de enviar los archivos que deseamos imprimir.

¿Qué desventajas? La desventaja es que si quieres que sea barato tienes que esperar 8 - 9 días laborales para recibir la entrega (que te llegue en 3 o 4 días puede cuadriplicar el precio),  si te equivocas en los archivos enviados puede que ya no haya vuelta atrás y las tarjetas de visita tienen un tamaño único.

Algunos ejemplos.

5000 Flyers A6 a doble cara 135g. 4/4 CMYK ……………………… 66,48€

1000 T. de visita 85 x 55 a 1 cara 300g. mate 4/4 CMYK ……… 37,58€

(Incluyen gastos de envío a cualquier parte de España)

Puede sonar un poco a publicidad, pero la verdad es que me parece un buen negocio y me gusta poder compartir con ustedes una opinión.