Que la mayoría de nosotros ya usamos Firebug es algo que no podemos ocultar pero ¿le sacamos tanto partido como podríamos?
Lo que os dejo a continuación es un video de Joe Hewitt presentando Firebug 1.0 hace unos días
Nota: La noticia proviene de Ajaxian con la diferencia de que en su artículo se utiliza un vídeo antiguo en lugar de este
Un año y 12 días después de que la primera beta de Firebug viese la luz, por fin, el día 24 de este mes, ha visto la luz la versión 1.0 de Firebug.
Para la mayoría de nosotros no supondrá un gran cambio ya que, estoy segura, venimos usando la 1.0 beta pero todos los que sigan con versiones anteriores se van a llevar una agradable sorpresa al reiniciar su Firefox.
Como ya comentamos en su momento, Firebug 1.0 sigue siendo Libre
Anuncio Oficial: One dot Oh
Descarga: Firebug en Mozilla Add-On
Allá por el mes de Agosto del año pasado en SEOmoz publicaban un interesante artículo sobre 5 etiquetas HTML que puede que no conociesemos pero que deberíamos utilizar (nos hicimos eco en su momento)
Ahora, Cory Arthus añade unas cuantas más a la lista con su artículo: 12 HTML Tags You May Not Know (Or May Have Forgotten). En su artículo Cory, nos recuerda y recomienda las siguientes etiquetas, divididas en 4 grupos:
code, kbd, samp, tt y var
códigodel e ins. Con estas dos etiquetas podremos mantener constancia de los cambios.
Recuerda que no es correcto utilizar estas etiquetas como medio para dar estilo a algún elemento. Utilizalas correctamente y usa las hojas de estilo para dar estilo (obvio ¿no?)
El texto citado aparece entre comillas u otras marcas de citación(no funciona en Internet Explorer)
Simon Brüchner ha creado una interesante herramienta: un generador de mapas de imágenes completamente WYSIWYG y online.
Utilizando librerias como Prototype, Scriptaculous, JavaScript Vectorgraphics Library, dp.SyntaxHighlighter, YUI Reset CSS, y YUI Fonts CSS, nos permite crear los mapas en unos cuantos clicks, pudiendo ver automáticamente el código generado.
Además funciona con todos los navegadores.
HTML-Image map Creator WYSIWYG – uses AJAX
Via Ajaxian
Las nubes de etiquetas son, sin duda, una de las señas distintivas de la web 2.0. Están por todas partes, páginas pequeñas y grandes pero, a pesar de su proliferación, parece no haber una forma definida de crear una. Cada desarrollador hace su propia aproximación al problema y, en general, los resultados son algo desalentadores (código sin sentido, malos usos de determinadas etiquetas, errores de accesibilidad…)
En 24ways (interesante forma de pasar el Adviento), Mark Norman Francis hace un estudio pormenorizado de los múltiples y muy graves errores que podemos encontrar en las nubes de tags de sitios tan populares como del.icio.us, Flickr o Technoratti y, además, nos ofrece unos cuantos consejos para que nuestro Tag Cloud sea amistoso con todos nuestros usuarios sin excepción.
Firebug, la popular extensión para Firefox que nos ayuda a editar, depurar y monitorizar CSS, HTML y Javascript, ha llegado a su versión 1.0 beta con una buena noticia adicional.
Durante un tiempo su creador, Joe Hewitt, barajó la posibilidad de convertir Firebug en un producto comercial pero, con el lanzamiento de la versión 1.0 beta nos ha sorprendido con una fantástica noticia: Firebug va a seguir siendo gratuito y de código abierto, adoptando para la versión 1.0 final la misma licencia triple MPL/GPL/LGPL que utiliza Firefox.
Además, a partir de ahora tendremos la posibilidad de disfrutar de las ventajas de Firebug cuando estemos depurando código en Opera, Safari o Internet Explorer gracias a Firebug Lite, una librería Javascript que te permitirá embeber una consola de Firebug en tus páginas.
Firebug: http://www.getfirebug.com
Firebug Lite: http://www.getfirebug.com/lite.html
Qué bien quedan esos blockquote que tienen unas grandes comillas tipográficas al comienzo y al final ¿verdad? Existen muchos métodos para conseguirlas pero el escaso soporte para CSS 2.1 de Internet Explorer 6 las hace caer en el ámbito de lo que pudo ser y no fue, al menos durante los años que tardemos en sacárnoslo de encima.
Otras soluciones pasan por utilizar Javascript o trucos con imágenes posicionadas absolutamente, nada especialmente aconsejable.
Hoy he descubierto, gracias a Natalie Downe, que, en realidad, conseguir unos blockquote con estilo es tan simple como sacar ventaja de nuestros amados estándares y las hojas de estilo en cascada.
Me explico: para que un blockquote sea válido tiene que tener la siguiente estructura:
Esto es el contenido de un blockquote, rodeado de sus etiquetas p, como dios manda
Crear un sitio web básico es algo que, estoy segura, la mayoría de nosotros hacemos casi con los ojos cerrados. No obstante, ¿qué pasa cuando la página tiene poco contenido y se nos «sube» el pie de la página? En navegadores que entiendan de CSS la solución es sencilla pero para Internet Explorer se hace necesario recurrir a hacks.
Imaginemos un estructura básica de página:
Ahora el CSS, que no requiere de muchas más explicaciones:
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
font: 400 0.8em verdana, arial, sans-serif;
background: #666;
color: #EEE;
}
#footer {
float: left;
width: 100%;
position: relative;
z-index: 3;
font-size: 0.85em;
margin-top: -1.5em;
background: #000;
}
#content {
height: 100%;
min-height: 100%;
text-align: left;
/*hack de max-width para Explorer que no comprende la propiedad css */
width: expression(document.body.clientWidth > 1000 ? “1000px” : “94%”);
max-width: 1000px;
margin: 0 auto;
}
Simple y, como siempre que envuelve al explorer, no valida. Podéis dejar la hoja de estilo un poco más limpia con comentarios condicionales y hojas de estilo específicas para explorer.
Sitios de referencia de XHTML y CSS hay muchos pero ninguno tan interactivo como HTML Playground.
Podemos seleccionar una etiqueta y ver como se emplea, para que sirve y que atributos de CSS soporta.
Podemos hacer pruebas y ver automáticamente el resultado en la misma ventana.
Un recurso más a la hora de aprender y mejorar nuestro código.
HTML Playground: http://htmlplayground.com
Si quieres generar menús en HTML y CSS hechos a base de listas de forma simple y sencilla y, además, eres usuario de Windows quizá quieras probar CSS Tab Designer.
CSS Tab Designer es una herramienta gratuita (que no libre) desarrollada por OverZone Software que te permitirá generar menús de forma simple, seleccionas un estilo de entre los más de 60 disponibles, añades los enlaces que quieres incluir y generas el código que será XHTML estricto completamente válido.
Una pena que sólo esté disponible para Windows, ¿conocéis algo así (gratuito y, a poder ser, libre) para Linux o Mac OS?
CSS Tab Designer: http://www.highdots.com/css-tab-designer/
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios