Welcome to my World

Michael Leigeber a publicado un menú acordeón en posición horizontal animado que solo pesa 1kb, sin duda una bonita alternativa a otros acordeones.

Descarga - Mas info y demo Horizontal javascript accordion menu

Primero el javascript

1. <link rel=”stylesheet” type=”text/css” href=”slidemenu.css” />
2. <script type=”text/javascript” src=”slidemenu.js”></script>
3. <script type=”text/javascript”>
4. function addLoadEvent(func) {
5. var oldonload = window.onload;
6. if (typeof window.onload != ‘function’) {
7. window.onload = func;
8. } else {
9. window.onload = function() {
10. if (oldonload) {
11. oldonload();
12. }
13. func();
14. }
15. }
16. }
17. addLoadEvent(function() {
18. slideMenu.build(’sm’,200,10,10,1);
19. });
20. </script>

Y ahora el HTML

1. <ul id=”sm” class=”sm”>
2. <li><img src=”images/1.gif” alt=”" /></li>
3. <li><img src=”images/2.gif” alt=”" /></li>
4. <li><img src=”images/3.gif” alt=”" /></li>
5. <li><img src=”images/4.gif” alt=”" /></li>
6. </ul>

Fuente | Xyberneticos

Todo desarrollador web sabe, que llevar del PSD al formato web es un trabajo arduo y tedioso, pero es algo que al fin y al cabo se tiene que hacer y no hay vuelta de hoja.

Para casos de simple complejidad, cosas mas bien pequeñas existen herramientas como PSD2CSS Online que nos permite subir nuestro diseño PSD a la web y este te lo devuelve automaticamente en XHTMl y CSS válido.

Es un servicio sencillo de usar y solo tendremos que seleccionar el PSD con el diseño web, subirlo y luego la web se encargará de procesarlo y devolvernos nuestros archivos en CSS y XHTML las imágenes que hagan falta.

Dentro de dicha web hay una seccione de tutoriales para aprender a hacer funcionar mejor el servicio.

Fuente | PuntoGeek

Con esta aplicación web, podremos ver todas las etiquetas HTML, una descripción de ellas, ver como quedan e ir probando diferentes valores de cada parte del documento.

Es una aplicación a mi aparecer para todo aquel que se esté iniciando en el mundo de la programación web, quiera aumentar sus conocimientos de HTML y CSS o simplemente le gustaría aprender nuevas cosas.

HTML + CSS Reference