Como hacer un sitio completo en Joomla 3 en 1 hora

En este video se explica muy bien como tener un sitio completo en Joomla en un poco más de 1 hora hay algunos detalles como el hosting que puede ser distinto o si se quiere hacer una plantillas diferente y el Joomla esta en inglés y en 3.0 pero sirve de guía para darse una idea de como construir un lindo y completo sitio web de manera fácil y rápida.

Herramientas para desarrolladores web en Google Chrome, Opera e IE8

Firefox es el navegador de los diseñadores y desarrolladores web por su cantidad de aplicaciones dedicadas al desarrollo web que estan las 10 herramientas más importantes que escribí un tiempo atrás y se utilizan para estos profesionales. Sin embargo hay otros navegadores que tienen herramientas de desarrollo web, no son tan completas como las de Firefox pero podrian ser muy utiles para ver como se ven estos sitios en otros navegadores ya que no todo es Internet Explorer o Firefox también hay exelentes navegadores como Google Chrome, Opera o Safari, de hecho cada vez más diseñdores ocupan Google Chrome por su rapidez y seguridad. Con estas herramientas puedes ver e incluso editar CSS, Html, Scripts, etc.

Para ir a las herramientas para ver estas herramientas deben ir a:

Google Chrome:
En Google Chrome que cada vez más lo estan utilizando diseñadores web, hay que ir al icono de la hoja o archivo > Opciones de desarrolladores > Herramientas para desarrolladores o presionar Crtl + Mayusc + I y aprecera un nueva ventana que es una buena herramienta para ver como funciona el sitio o pagina puedes ver los CSS, Html, los Scripts, también puedes ver la velocidad del sitio en cuanto a bajada, el scripting y el renderizado. El único inconveniente es que no se puede editar el CSS ni Html. Tambien hay una extensión de Firebug un exelente editor web para Google Chrome.

Opera:
Opera tiene una herramienta de desarrollo web llamado Opera Dragonfly, es una exelente herramienta web, es muy parecido a Firebug una extensión de Firefox, para probarlo debes ir en Opera 10.5 a la O o la pestaña roja en la parte superior-izquierdo a Pagina > Herramientas de desarrollo > Opera Dragonfly con esta herramienta puedes ver los CSS, Html, Scripts, tiene un selector con el puntero para saber cual es el elemento y su ubicación en el código, y lo más importante que se puede editar el CSS ahi mismo. Es una de las mejores herramientas web que viene dentro de un navegador incluido.

Internet Explorer 8:

A pesar que este navegador es odiado por muchos (que me incluyo) lamentablemente es la más utilizada es por eso hay que tenerlo en cuenta, también tiene una herramienta para web hay que ir a Herramientas > Herramientas de desarrollo o presionar F12. También te permite ver Html, CSS y Scripts.

Las 10 extensiones Firefox que todo webmaster debe tener

Firefox el navegador por exelencia por los desarrolladores, diseñadores web, webmasters y seguidores de las tendencias web, por sus inumerables extensiones, plugins o add-ons que tiene este navegador del software libre, aquí daré las 10 extensiones más importantes que todo constructor web sobre todo en los CMS debe tener. Si quieres puedes ver las 50 extensiones Firefox para los webmasters también.

1.- Web Developer: Es una barra de herramientas al navegador. Esta barra permite efectuar muchas cosas, como editar CSS y HTML, validar una página en W3C, reglas para calcular los elementos, indicador de los elementos en CSS, etc. Se necesitara un poco de tiempo para aprender a manejar todo, pero es de verdad un plugin indispensable.

2.- FireBug: permite explorar la estructura de una página (Javascript, CSS, HTML y Ajax) y descubrir los detalles menores. Si encuentran problemas con sus escrituras, podrá ayudarles gracias a un debuggeur Javascript muy potente.

3.- EditCSS: muestra las propiedades CSS de un sitio web, además de editarlas.

4.- IE Tab: cuando se desarrolla un sitio web, es necesario garantizar que se visualizara de la misma manera sobre Firefox y sobre Internet Explorer (puesto que son los navegadores más utilizados hoy). Para evitarles tener que alternar entre estos dos navegadores, es posible gracias a este plugin abrir dentro de Firefox un ventana que utiliza el motor de Internet Explorer.

5.- MeasureIt: como su nombre lo indica, MeasureIt es útil para tomar medidas en pixel. Es posible comprobar el tamaño o la alineación de las imágenes muy fácilmente.

6.-View Dependencies: con este plugin, se puede ver todos los ficheros (imágenes, escrituras, etc.) de una pagina que este en redweb. Contabiliza incluso el peso total. Es muy práctico para ver cómo se ha codificado una página en Internet, esto se ejecuta en "Ver información de la página".

7.- ColorZilla: este plugin permite ver los colores (y su código en formato RGB o hexadecimal). Embarca un selector de color (color picker en inglés) y permite también capturar el color de un elemento de una página en que lo señala al ratón.

8.- UrlParams: Es muy útil para garantizar que un formulario funciona bien.

9.- SEOFirefox: Excelente plugin para todos aquellos, a quienes les gusta ver las estadísticas de Google y Yahoo en resultados de búsqueda. Usted puede obtener de Alexa, Google PageRank, Tehnorati ranking y muchos otros datos útiles.

10.- FireFTP: Este es un exelente cliente FTP para subir o bajar tus archivos al servidor en el mismo navegador sin necesidad de abrir otro programa.

Fuente: http://cosassencillas.wordpress.com/2007/04/23/8-plugins-firefox-indispensables-para-desarrollar-un-sitio-web/