Si van a trabajar en diseño web es practicamente obligatorio tener plugins como Developer Toolbar y Firebug instalados en Firefox. Al implementar plugins jQuery en un documento web, es normal que necesitemos ir visualizando la consola de errores y advertencias para verificar que todo esté en orden. Cuando trabajamos con WordPress y jQuery es frecuente el siguiente error: “$ is not a function”. Sucede que WordPress reserva el signo pesos (o dolar) $ para trabajar con el framework Prototype, entonces al declarar la siguiente función: $().ready(function()... Leer nota.

Sequence.js es un plugin para jQuery que nos permite insertar sliders a pantalla completa (que funciona con cualquier resolución) o bien con dimensiones fijas, cuya mayor característica radica en que las animaciones son verdaderamente originales y permite construir una gran variedad de presentaciones para un website. Si ingresan en cualquier demo verán que admite múltiples líneas de texto animadas por separado, así como imágenes de frente y... Leer nota.

PageScroller es un plugin jQuery que nos permite insertar scrollers (pestañas que al desplazarse cambian de status) y sus respectivas acciones de forma simple. Incluye una barra de navegación para activar, desactivar y cambiar de ubicación tal como en el ejemplo, íconos minimalistas para dicha barra, una barra de navegación horizontal y flechas para la navegación. Es apto para dispositivos móviles y anuncian la pronta llegada de un plugin WordPress... Leer nota.

PSD Covers es un sitio en donde encontramos todo tipo de acciones de Photoshop para colocar imágenes sobre diferentes productos 3D. Podemos encontrar una inmensa cantidad de actions destinados a libros, cajas de software, cds, revistas, tazas, vasos, latas, cartones, celulares, tablets, etc. Todos ellos con diferentes grados de inclinación y con documentación suficiente para que cualquiera con un poco de manejo de la aplicación pueda utilizarlo. Es... Leer nota.

Megafolio es un plugin para jQuery que nos permite insertar una galería de imágenes con un estilo muy particular. Por empezar tiene un layout totalmente “responsive”, lo que permite que nuestras galerías se vean bien desde un celular o desde un monitor con una resolución mayor a la habitual. La disposición de las imágenes de acuerdo a sus tamaños es muy original y al pasar el puntero del mouse por una de las imágenes, las demás... Leer nota.

Nuevamente nos sorprende Codrops con una galería de imágenes simple, de un hermoso estilo, pero que tiene una particularidad. La ventana de información individual de cada imagen posee un efecto que nos hace creer que la misma “se desplaza” de imagen en imagen. Está totalmente construido con jQuery, con lo que es compatible para todos los navegadores que tengan habilitado javascript. Como tutorial es muy detallado y explica de modo... Leer nota.

Set de 18 íconos sociales en formato PSD, PNG y JPG de libre uso. Descargar... (more...)

Timeline Portfolio es el nombre de un moderno template utilizado en el tutorial elaborado por tutorialzine. Se encuentra disponible para la descarga y es de libre uso, pero además resulta interesante leer el artículo ya que explica en detalle como se logra el desplazamiento animado que ayuda a ordenar el portafolio por orden cronológico. Utiliza CSS3 y jQuery y es de fácil edición para colocar contenidos propios. Demo | Descarga... (more...)
Hace un tiempo leí 12 things I have learned after 7 years of freelancing en un excelente blog orientado a webmasters, y me di cuenta de que el artículo podía completarse un poco mas. Además creo que tengo una visión diferente sobre como encarar el trabajo freelance, ya que el trabajo independiente para mi es sinónimo de iniciar una empresa (un compromiso mucho mayor) y eso se aleja mucho de la visión romántica que tienen los mas jóvenes sobre ser freelo y deshacerse del jefe, de sus reglas y ataduras. Así que los invito a repasar los... Leer nota.

El archivo footer.php cumple una función similar al header.php en cuanto a que sirve para cargar scripts y archivos pertenecientes a plugins, tal como indicamos en la Clase 6. En dicho archivo colocamos tres cosas fundamentales: la función wp_footer(), el cierre de la etiqueta <body> y el cierre de la etiqueta <html>. La función wp_footer() es utilizada por muchos plugins para cargar plugins y scripts en general que deban ir al final... Leer nota.