• Socialite, botones sociales para compartir en tu web

    thumbnail image postSocialite nos permite una manera muy facil de implementar y activar un gran números de botones para Compartir en las distintas redes sociales. Por ejemplo al cargar una página web ó al hacer un scroll con el mouse en la página. Tiene soporte para Twitter, Google+, Facebook, LinkedIn, Pinterest y Spotify. Es cross-browser. No necesita dependencia alguna para su funcionamiento. Si...

  • Base, framework CSS para Diseño Web Sensible

    thumbnail image postEn estos días hemos estado hablando de diseño web sensible y esta tarea se puede simplificar con Base, que es un sencillo framework para CSS para construir sitios web sensibles que sean visibles adecuadamente en todo dispositivo desde PC hastas teléfonos moviles. En realidad es una hoja de estilos base para construir a partir de este nuestros proyectos. Cuenta con estilos...

  • Metro UI CSS, framework para desarrollar sitios con estilo Windows 8

    thumbnail image postWindows 8, la nueva versión del sistema operativo de Microsoft, hace un gran cambio en cuanto a apariencia con su nueva interfaz de usuario Metro, la cual se puede extender a aplicaciones web también. De eso se trata Metro UI CSS que es un framework ó conjunto de estilos para crear sitios web con interfaz similar a Windows 8 Metro...

  • 6 infografías sobre la estructura de WordPress

    thumbnail image postWordPress uno de los CMS mas populares en la blogosfera y no solo blogs, sino para otro tipo de aplicaciones (e-commerce por ejemplo) gracias a su fácil instalación, uso, licencia, plugins, etc. Como es modificable gracias a su licencia, podemos adaptarlo para que cubra necesidades específicas de algún proyecto. Existen muchos tutoriales que nos pueden ayudar a entender el funcionamiento...

10 Generadores de CSS3 para simplificar el desarrollo web

17-08-2012 Desarrollo Web, CSS 2171 hits (19.02 %) 1 comentarios

thumbnail image postCSS 3 abre las puertas a nuevas posibilidades en el desarrollo web, especialmente en lo que a front-end (la parte que interactua con el usuario) se refiere. Si nos queremos ahorrar algún tiempo y molestias, podemos usar algunos recursos ó aplicaciones web que generan código CSS 3 fácilmente. CatWhoCode nos da 10 opciones: Generador CSS3 Genera mas de 10 diferentes efectos en...

Diapositiva imágenes con efecto 3D y jQuery

17-08-2012 Desarrollo Web 1492 hits (13.07 %) 0 comentarios

thumbnail image postEste tutorial nos explica como crear un presentador de imágenes (slider) con un look tipo 3D. La idea es tener un panel principal con la imágen y algo de información, y dos paneles laterales los cuales al darle clic rota ó se desplaza a la siguente imagen, añadiendo a ello un estilo 3D. Todo ello con HTML5 y jQuery. Triple Panel...

Subir archivo con HTML5 drag & drop, jQuery y PHP

13-08-2012 HTML 5, Desarrollo Web, Programación, JavaScript, AJAX 4495 hits (39.37 %) 0 comentarios

thumbnail image postinserthtml ha preparado un tutorial completo paso a paso sobre como desarrollar un cargador de archivos con la característica drag & drop (arrastrar y soltar) en HTML 5, con PHP y jQuery.  El tutorial nos permite descargar los archivos fuente del código como también una demostración de uso. Tutorial Creating a Complete HTML5 Drag and Drop File Uploader with jQuery

18 set de Icons Fonts para interfaces web de usuario

13-08-2012 Diseño gráfico, Desarrollo Web, Utilidades 1468 hits (12.86 %) 0 comentarios

thumbnail image postLos Icons Fonts, ó fuentes de iconos, son archivos de fuentes que tienen simbolos y pictogramas (flechas, carpetas, lupas, etc) en lugar de caracteres alfanuméricos estándar. Las fuentes de iconos son como los dingbats, pero están diseñados especificamente para interfaces web de usuario. Estas fuentes de iconos, al igual que las fuentes alfanuméricas, utilizan la regla CSS @font-face para mostrar...

Adaptador, diapositivas con jQuery en 3D

10-08-2012 HTML 5, Desarrollo Web, CSS, JavaScript 1513 hits (13.25 %) 1 comentarios

thumbnail image postAdaptador es un plugin ligero para jQuery que logra un efecto slider (deslizante) del contenido HTML y especialmente de imágenes, ó diapositivas. La característica más llamativa de este plugin es que realiza un slider con efecto 3D, ó rotación en forma de cubo de las imágenes, además de lo ya conocidos efectos: scroll, blind y fade. El plugin trabaja con...