Bueno, tras un largo tiempo de trabajo por fin pude subir y darle vida a la nueva y ultima version de “wydstudios”.


Como podran observar, esta version es en ingles y tiene un “tono” mas sobrio y directo que la web anterior… Estamos tratando de orientarnos a un mercado empresarial y de mayor reelevancia, todo lo que veran en la web es nuestro y tanto el html como el css valida :)

se acuerdan del “Fancy Menu“, por si no lo conocen les cuento que es el menu que ven alla arriba, el que uso para el menu. Se preguntaran porque les pregunto esto, bueno les comento que hoy les traigo un tutorial un poquito viejo, pero muy efectivo a la hora de utilizarlo… se trata de hacer el “Fancy Menu” solo con jquery y css por su puesto, pero sin necesidad de usar alguna liberia mootools:

Pues tal como dice su nombre, son pequeños tutoriales sobre ajax… si eres novato no te sientas afuera, prueblalos que son muy faciles.
miniajax

Bueno, mientras trabajaba con el css de un cliente, se me ocurrio escribir este post... Muchas veces los diseñadores web nos encontramos con problemas de diversos tipos a la hora de maquetar una web por medio de css ( hay problema con los navegadores, los margenes no son los mismos, las medidas no se respetan, etc. etc. ). Tenemos distintas alternativas para eludirlos: muchos recurren a los Hacks (por medio de scripts), otros simplemente crean un nuevo css para un bronwser en especifico y otros (como yo) usamos "condicionales", condicionales? sip, o por lo menos asi los llamos yo :P


Por ejemlpo, tenemos un "margin: 0 0 10px 15px;" y en IE6 el margen se deforma y se hace un poco mas largo, ¿que podemos hacer entonces?:

Por medio del guión bajo ( _ ) le indicamos al css que solo nos estamos refiriendo a internet explorer 6 por lo tanto, todos los atrivutos que especifiquemos con un guion bajo adelante, nada mas seran atribuidos a IE6...


¿Que pasaria si el problema de margenes no solo esta en IE6, sino tambien en EI7?

Con un simple asterisco (*) por delante del atributo, el css entiende que solo nos estamos referiendo a IE6 e IE7, sip ambos navegadores.


y... ¿si el problema esta solo en IE7?

A traves del asterisco (*) al inicio y el "!important" al final, nos referimos unicamente al IE7


También podemos conbinar los condicionales si queremos atribuir distintos valores a los distintos browsers, por ejemlpo:

De esta forma 10px de margen inferior sera para Firefoxs, 7px sera para IE7 y 5px sera para IE6...


y por ultimo, si solo queremos modificar algun atributo solo en Firefoxs, haremos lo siguiente:

Con el "!important" al final, se entiende que solo hablamos de Firefoxs...

uhf... que interesante recopilacion sitios, hechenle un vistazo: