Dakoo http://www.dakoo.cl ¿Te gusta la web? Mon, 07 Jun 2010 13:40:17 +0000 en hourly 1 http://wordpress.org/?v=3.0 Los 7 mejores plugins para desarrollo web en firefox http://www.dakoo.cl/los-7-mejores-plugins-para-desarrollo-web-en-firefox/ http://www.dakoo.cl/los-7-mejores-plugins-para-desarrollo-web-en-firefox/#comments Mon, 07 Jun 2010 13:40:17 +0000 admin http://www.dakoo.cl/?p=179 Navegando por aquí por allá encontré esta lista, aunque para mi gusto faltan Firebug y Selenium hay algunas herramientas que sirven en gran manera.

http://technologytosoftware.com/fresh-mozilla-firefox-add-ons-web-development-2010.html

Espero les sirva

tuto

]]> http://www.dakoo.cl/los-7-mejores-plugins-para-desarrollo-web-en-firefox/feed/ 0 Mas HTML 5 y 3 videos de Douglas Crockford explicando javascript avanzado http://www.dakoo.cl/mas-html-5-y-3-videos-de-douglas-crockford-explicando-javascript-avanzado/ http://www.dakoo.cl/mas-html-5-y-3-videos-de-douglas-crockford-explicando-javascript-avanzado/#comments Fri, 04 Jun 2010 18:38:38 +0000 admin http://www.dakoo.cl/?p=170 Siguiendo con los ejemplos de HMTL 5, este post escrito por Thomas Fuchs( no ssabes quien es?, el creador de script.aculo.us) en que nos muestra un ejemplo muy práctico y rápido de implementar.
Por otro lado hay 3 videos en que Douglas Crockford explica Javascript Avanzado.

ojalá les sirva

saludos TUTO

]]> http://www.dakoo.cl/mas-html-5-y-3-videos-de-douglas-crockford-explicando-javascript-avanzado/feed/ 0 Ray Tracing con javascript y Apple se lanza hacia HTML 5 http://www.dakoo.cl/ray-tracing-con-javascript-y-apple-se-lanza-hacia-html-5/ http://www.dakoo.cl/ray-tracing-con-javascript-y-apple-se-lanza-hacia-html-5/#comments Fri, 04 Jun 2010 14:26:57 +0000 admin http://www.dakoo.cl/?p=166 Via Ajaxian me entero que Javascript cada dia está avanzando más y ya hay personas haciendo Ray tracing en tiempo real. Por otro lado Apple definitivamente se lanza a la “caza” de HTML 5, con una serie de demos que muestran su potencial unido con js y css3

saludos tuto

]]> http://www.dakoo.cl/ray-tracing-con-javascript-y-apple-se-lanza-hacia-html-5/feed/ 0 Fast Notes http://www.dakoo.cl/fast-notes/ http://www.dakoo.cl/fast-notes/#comments Fri, 04 Jun 2010 14:06:27 +0000 admin http://www.dakoo.cl/?p=164 Nueva categoría que tiene como objetivo escribir notas que sean cortas y que generalmente apuntan a otro sitio pero con un poco de información, osea, es una algo mas largo que Twitter pero más corto que un Post :D

Espero les guste

saludos cordiales

]]> http://www.dakoo.cl/fast-notes/feed/ 0 HTML 5 – nav http://www.dakoo.cl/html-5-nav/ http://www.dakoo.cl/html-5-nav/#comments Thu, 03 Jun 2010 03:41:33 +0000 admin http://www.dakoo.cl/?p=159 Al igual que nuestro anterior post donde vimos el tag section en esta ocasión nos centraremos en el tag nav. El objetivo de este elemento al igual que section es describir de forma más semántica la página, con esto se logra una estructura más ordenada y quizás en el futuro los buscadores puedan tomarlos en cuenta para la Web semántica.
Este tag se utiliza para introducir los menús de navegación del sitio, esto generalmente se hacía con:

PLAIN TEXT
HTML:

Ahora al introducir este elemento como dijimos anteriormente mejora la forma semántica del sitio, como se ve en este ejemplo.

PLAIN TEXT
HTML:
  1. <nav>
  3. <li><a href="#l">Inicio</a></li>
  4. <li><a href="#">Acerca de</a></li>
  5. <li><a href="#">Contacto</a></li>
  6. </ul>
  7. </nav>

Creo que no hay mucho que hablar sobre este tag ya que es simple su objetivo

Espero les sirva

saludos tuto

]]> http://www.dakoo.cl/html-5-nav/feed/ 0 HTML 5 – section http://www.dakoo.cl/html-5-section/ http://www.dakoo.cl/html-5-section/#comments Wed, 02 Jun 2010 04:26:23 +0000 admin http://www.dakoo.cl/?p=154 Hoy comenzamos con la revisión de la especificación html 5 y en esta ocasión nos centraremos en el tag section.

Este elemento se utiliza para darle una nueva estructura al código, por ejemplo en este código se ve una estructura de html 5 con varios nuevos elementos

PLAIN TEXT
HTML:
  1. <header>
  2.   <p>Cabecera</p>
  3. </header>
  4. <nav>
  5.   <p>Menu de navegacion</p>
  6. </nav>
  7. <section>
  8.   <p>Seccion</p>
  9.     <article>Articulo</article>
  10. </section>
  11. <footer>
  12.   <p>Pie de pagina</p>
  13. </footer>

Si nos damos cuenta la estructura es más fácil de entender ya que los nuevos elementos le dan una estructura definida y una forma que al solo leer los elementos involucrados se saben las partes que están dentro del sitio.
En cuanto al tag section viene unido a acción de ordenar semánticamente el código, ojo que no viene a sustituir los div, ya que si lo que se busca es dar estilos al código para por ejemplo utilizar efectos javascript conviene tener divs y no section o articles.
En esta página encontré un resumen super bueno de lo que no se debe hacer al usar el tag section y la voy a traducir.

  • No use section cuando quieras utilizarlo para dar estilos o ejecutar scripting
  • No lo use si los tag nav, articles o aside es más apropiado
  • No lo uses si a continuación de abrir la etiqueta no viene un título

En resumen un interesantenuevo tag con el que se pueden construir sitios más semanticamente correctos.

Espero les sirva

saludos tuto

]]> http://www.dakoo.cl/html-5-section/feed/ 1 HTML 5 http://www.dakoo.cl/html-5/ http://www.dakoo.cl/html-5/#comments Tue, 01 Jun 2010 02:24:37 +0000 admin http://www.dakoo.cl/?p=149 La del tìtulo es una palabra que ultimamente está muy famosa, si no me creen dense una vuelta por twitter o alguna otra red social y se darán cuenta que desde que los navegadores comenzaron a soportar esta nueva versión del lenguaje de etiquetas que da forma a nuestra querida Web, esta misma se revolucionó con todas las nuevas alternativas y las cosas que se podían lograr. Esto unido al hecho de que CSS3 también apareció en acción hace muy poco, hace que las alternativas de crear sitios más complejos pero a la vez con mas alternativas de entregar la información de muchas más maneras, motiva a la gente que está detrás de la creación de estas aplicaciones. Es por este motivo que he decidido repasar la mayor parte de la especificación de la W3C sobre HTML 5, me comprometo a hacerlo con ejemplos que dejen más claro el uso de cada uno de los nuevos elementos y también trataré de introducir un poco de css3 y javascript para que vean algunas de las cosas que se pueden lograr.
Espero mañana tener el primer review

saludos tuto

]]> http://www.dakoo.cl/html-5/feed/ 0 Encontrar ids repetidos en html http://www.dakoo.cl/encontrar-ids-repetidos-en-html/ http://www.dakoo.cl/encontrar-ids-repetidos-en-html/#comments Sat, 20 Mar 2010 18:44:46 +0000 admin http://www.dakoo.cl/?p=128 En muchas oportunidades al escribir html nisiquiera podemos ver el resultado final de nuestros trabajos, por ejemplo si trabajas con trozos de html que al final se unen con códigos de otros desarrolladores y muchas veces no tenemos idea de los nombres que les pusieron a los tag html. Esto se complica más aún cuando tenemos que realizar algo con javascript sobre estos elementos que se han creado, por lo tanto, nuestros scripts no funcionarán.
A mí en mi trabajo me ocurre con mucha frecuencia así que escribí un pequeño script en js que te dá un alert con un resumen del estado de ids de tu html, para esto solo linkea esta dirección en tu html y al recargar la página te dará el resultado del análisis.

PLAIN TEXT
JavaScript:
  1. <script src="http://www.dakoo.cl/archivos/utilidades/verificador.js" type="text/javascript"></script>

En los próximos días linkearé el source por si quieren verlo

Espero les sirva

saludos tuto

]]> http://www.dakoo.cl/encontrar-ids-repetidos-en-html/feed/ 1