25 herramientas para el diseño web

Hoy mostramos un listado con 25 herramientas para el diseño web que van desde plugin firefox a herramientas online

http://pelfusion.com/tools/25-important-web-design-tools/

CSS3 Generator

Hoy les mostramos una interesante página para crear estilos CSS3

http://css3generator.com/

Nuevas propiedades en CSS 3

Poco a poco CSS 3 se va convirtiendo en un realidad. Hemos encontrado una web con claro ejemplos sobres las nuevas propieda www.impressivewebs.com

En esta otra web encontramos utiles chuletas sobre CSS3 y HTML 5 http://www.webresourcesdepot.com/

HTML5 + CSS3 + Javascript: Cada vez más y mejor

Google, Microsoft y Apple ya han hecho su apuesta: HTML5 + CSS3 + Javascript. ¿Qué significan estas siglas? Páginas web mucho más ricas, completas, interactivas e interesantes que las que se hacen hoy en día. Infinitas posibilidades con gráficos e imágenes vectoriales, fotos, vídeos y otros elementos.

Articulo completo en El Mundo

Desplazamiento animado en anclas de enlaces con jQuery

En este artículo explico como animar los desplazamientos dentro de una misma página. Tan solo haría falta este sencillo script y cargar la libreria jQuery. En esta pagina poder ver un ejemplo de dicha animación

$(function(){

     $('a[href*=#]').click(function() {

     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
         && location.hostname == this.hostname) {

             var $target = $(this.hash);

             $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

             if ($target.length) {

                 var targetOffset = $target.offset().top;

                 $('html,body').animate({scrollTop: targetOffset}, 1000);

                 return false;

            }

       }

   });

});