Menús para diseño web

Menús flash en www.desarrolloweb.com: http://www.desarrolloweb.com/scripts/flash/menus-flash.php Categoría CSS del blog de David Rojas: http://www.davidrojas.net/index.php/category/css/ Blog de David Rojas, menús con CSS y Jquery  : http://www.davidrojas.net/index.php/diseno-web/menu-vertical-en-acordeon-con-css-y-jquery/ http://www.davidrojas.net/index.php/diseno-web/menu-animado-desplegable-con-css-y-jquery/ http://www.davidrojas.net/index.php/diseno-web/menu-animado-con-css-y-jquery/ Menús en flash: http://www.flashvortex.com/menus.php http://www.flashmenufactory.com/FlashMenuFactory/downloads.asp?tab=4

Sobre el W3C, y las páginas que no pasan la validación

Logotipo W3C ¿Por qué el XHTML de esta página no es válida según el W3C? Llevo tiempo preguntándomelo, me pareció curioso el título de la entrada anterior y he decidido repostearla como posible conclusión a un debate sobre la relación controvertida que existe entre temas como el avance del desarrollo de aplicaciones web, la demanda[…]

Hoja de estilo CSS especial en Google Chrome

Google Chrome El reciente producto de Google, el navegador Google Chrome, tiene una interfaz muy sencilla, es bastante rápido y muy compatible con los estándares HTML y CSS. Además incorpora herramientas muy úitles para desarrolladores, incluso estoy sustituyendo al Firefox para algunos proyectos… aunque de momento ninguno me convence más que el Firefox 4.0 en lo[…]

Sobre el uso de @font-face en CSS

Conversor de fuentes de ttf a eot: (formato para IE): http://www.kirsle.net/wizards/ttf2eot.cgi @font-face en versiontexto.com, 3 artículos: Suavizado de fuentes embebidas, evitar el “efecto cargando”, detectar suavizado de fuentes con javascript: http://www.versiontexto.com/tag/font-face/ Problemas de visibilidad de @font-face, relativos a la configuración del SO o el navegador: http://www.seofreelance.biz/blog-seo/no-se-ve-bien-la-fuente-usando-fontface/ Kits de fuentes @font-face: http://www.fontsquirrel.com/fontface/generator

XAMMP: Instalar un servidor local Apache

XAMPP: Un servidor local en Windows Esta aplicación es indispensable para hacer pruebas en páginas web sin tener que subir archivos a internet, los archivos se encuentran en nuestro ordenador y los cargamos mediante el navegador. Instalar XAMPP no sólo sirve para simular un servidor web, ya que “incorpora” PHP, MySQL, y otros complementos. Pasos[…]

Facebook en tu web

Plugins sociales de facebook, herramientas útiles para “socializar” nuestra web. Este código puede incluirse en cualquier página web, si se tienen mínimos conocimientos de HTML. A continuación, los más importantes: Meta tags, se llaman Open Graph Tags, dentro del head de nuestra página: <!– metas facebook –> <meta property=”og:title” content=”Título de la web” /> <meta[…]

Fuentes en CSS

Para usar la fuente que queramos en CSS es necesario el atributo @font-face y tener la URL de la fuente en cuestión. En Internet Explorer las fuentes han de ser .eot, para el resto de los navegadores, .ttf. En este sitio se pueden convertir: Convertir fuentes TTF a EOT. El código que necesitamos: @font-face {[…]

Sobre el margen en CSS

Encontrado en Libros Web, sobre el comportamiento de la propiedad margin de CSS en la distribución de las cajas. Los márgenes verticales (margin-top y margin-bottom) sólo se pueden aplicar a los elementos de bloque y las imágenes, mientras que los márgenes laterales (margin-left y margin-right) se pueden aplicar a cualquier elemento, tal y como muestra[…]

Cambiar hojas de estilo CSS II

Con las funciones de un archivo javascript llamado Styleswitcher.js podemos disponer de dos enlaces con los que cambiar el estilo CSS dinámicamente. El archivo está disponible en muchas páginas de desarrolladores, como A List Apart. Esto es una ampliación del post Cambiar hojas de estilo CSS. Lo vemos en acción aquí. También les dejo los[…]

Cambiar la hoja de estilo CSS

El siguiente código nos permite cambiar de hoja de estilo pulsando en un enlace corriente, usando las variables de PHP y la función $_GET. Este trozo va dentro del tag head: (…) $estilo=$_GET[‘estilo’]; <?php echo “<link rel=”stylesheet” type=”text/css” href=””; echo $estilo; echo ” title=”estilo”>”; ?> (…) E incluimos los siguientes enlaces en cualquier sitio de[…]