InfectedFX » Javascript

Presentation Cycle : Presentar contenido con barra de progreso

Infected-FX — Mon, 25 Jan 2010 06:33:10 +0000

Gaya Kessler el creador de QueryLoader nos deja ahora Presentation Cycle es un bonito plugin para jQuery que nos permitirá hacer presentaciones con una barra de progreso. Presentation Cycle es una variación sobre la funcionalidad del Cycle. La diferencia es que en lugar de generar una lista de números para navegar Presentation Cycle genera una [...]

AjaxFlagMenu : Menú vertical inspirado en el estilo de Facebook

Infected-FX — Sat, 23 Jan 2010 02:46:46 +0000

AjaxFlagMenu es un menú vertical sencillo desarrollado javascript bajo la librería jQuery ^^, el diseño está inspirado en Facebook y es totalmente dinámico. Dependencias jquery-1.3.2.min.js jquery-corner.js (opcional) La verdad es que es muy sencillo de configurar si toman en cuenta la imagen del esquema y comparan con las opciones que trae el script lo tendrán [...]

bxGallery : Galería de imágenes con jQuery

Infected-FX — Fri, 22 Jan 2010 00:07:04 +0000

bxGallery es sin duda un plugin para jQuery muy completo para sus ~4kb hace maravillas solo tienes que agregar una lista desordenadas con tus imágenes y bxGallery hará el resto para obtener una útil galería de imágenes. Es muy configurable, además de sencillo de adaptarle algún diseño. Algunas de las características relevantes de bxGallery Cross [...]

QueryLoader : Carga tu sitio con estilo

Infected-FX — Sun, 25 Oct 2009 10:42:28 +0000

Una interesante propuesta que hacen las personas de Gaya Design simulando de una manera minimalista y agradable un preloader como si fuera flash y terminando en una apertura en fade de todo el sitio.Pueden verlo funcionando aquí. Características Precarga toda una página web. Precarga una parte de la página. Obtiene todas las imágenes, img y [...]

jQuery Twitter Mentions : Mostrar los mensajes que se dicen de @usuario(s)

Zetta — Fri, 09 Oct 2009 09:26:03 +0000

Hace un par de días hablando con Juan Carlos le comentaba que no encontraba una manera agradable y fácil de adaptar para mostrar lo que se dice en Twitter de @usuario(s) en algún sitio, de ahí salió la idea de hacer un plugin para jQuery que nos facilitara la vida en ese aspecto, mostrar o [...]

20 jQuery plugins

Infected-FX — Sat, 18 Oct 2008 03:54:57 +0000

Un excelente listado de 20 plugins para la librería jQuery para hacer una inolvidable experiencia para el usuario. Sin duda ahora que los usuarios son más complicados de satisfacer es necesario recurrir a ciertas ondas visuales y estéticas para mejorar y ahorrar tiempo a la hora de navegar un sitio, por ejemplo ya no es [...]

swffit – Adaptar flash al tamaño de la pantalla

Infected-FX — Sat, 18 Oct 2008 03:42:37 +0000

swffit adaptará automáticamente el tamaño de su flash a la resolución de su pantalla cuando la ventana sea mayor que el mánimo del tamaño deseado. sin duda nos evitará¡ muchos problemas a la hora de desear mostrar un sitio "full screen". Lo mejor es que ya viene listo para usarse con SWFObject 1.5 ó SWFObject [...]

Amberjack : Crea tours para tu web

Infected-FX — Wed, 16 Apr 2008 05:26:54 +0000

Amberjack es una ligera librería que nos dejará crear pequeños tours por un sitio web, quizás le encontraría gran utilidad al momento de querer mostrar un sitio en desarrollo para ir guiando al cliente pero bueno, ustedes encontrarán la manera más práctica de darle uso y adaptarlo a sus necesidades. Pesa ~4KB Cross browser Rápido [...]

Snipplr – Pedazos de código que te pueden resolver la vida

Infected-FX — Fri, 08 Feb 2008 22:04:40 +0000

Snipplr es un generoso banco de códigos abarcando distintas categorías como JavaScript, CSS, PHP, Ruby etc... un recurso realmente útil porque puedes ahorrarte un buen tiempo y como diría un amigo "en reinventar la rueda". Cuenta también con un plugin para WordPress, para que puedas insertar en tu blog algún código en especial utilizando únicamente [...]

TextboxList + Autocomplete

Infected-FX — Mon, 14 Jan 2008 07:20:29 +0000

Vaya el creador del menú que ocupamos en la cabecera del sitio (Guillermo Rauch) ha sacado otro interesante recurso. Primero salió a la luz "TextboxList: Fancy Facebook-Like dynamic inputs!" se trata de una forma bastante "original" de mostrar / editar listas. No conforme con esto, ahora saca ahora "TextboxList meets Autocompletion" donde estas mismas listas [...]

CSS QuickMenu

D3N1553 — Thu, 10 Jan 2008 11:19:44 +0000

Apenas ayer mi hermano me encargó una Web para su negocio, me dijo que era urgente, yo muy desactualizada de las herramientas que podia usar (No entiendo mucho de php, javascript, ajax, o demas cosas que ya ni saben como nombrarlas), pues acudi aqui a InfectedFX para inspirarme y ayudarme a crearla, por que no [...]

Slideflow – AJAX Gallery

Infected-FX — Wed, 02 Jan 2008 00:19:00 +0000

Hace un tiempo en xybernéticos habían mostrado una galería llamada ImageFlow ó MooFlow, ahora nos encontramos con otra alternativa llamada SlideFlow la cuál también incluye en el paquete de descarga un archivo *ATN que son acciones para Photoshop que te permitirán adaptar tus imágenes para tu CoverFlow en cuestión de segundos.

TJPzoom 3 – Zoom sobre imágenes

Nikko — Wed, 31 Oct 2007 04:13:39 +0000

TJPzoom 3 es un bonito script que nos permite hacer zoom sobre nuestras imágenes. Algo para destacar de TJPzoom es que podremos especificar fácilmente con el ratón que porción de la imagen es en la que deseamos hacer un zoom, pero también al realizar el zoom podremos hacer un acercamiento tanto como lo deseemos. Los [...]

Transparencia de PNG en Internet Explorer (versión para flojos)

Ba-k — Wed, 24 Oct 2007 11:02:09 +0000

En dos ocasiones (una y dos) se ha hablado en este blog de habilitar la transparencia natural de los archivos PNG en Internet Explorer... porque cuando se usa un png transparente en IE, se ve todo mal ¬¬ Las dos veces que se habló aqui de ese tema se trató con un tutorial bastante estandar, [...]

Pamoorama – Visualizador de imágenes panorámicas

Infected-FX — Sat, 15 Sep 2007 02:29:02 +0000

Pamoorama es te ayudará a mostrar tus imágenes panorámicas de una forma muy atractiva, utilizando la librería mootools y pamoorama0.3.js además de permitirte configurar algunas opciones como: Activar Slider Ancho Color del Footer Color del título Habilitar autoscroll Velocidad Ejemplos Ejemplo 01 : Ejemplo simple con todas las opciónes por default Ejemplo 02 : Título [...]

Control Suite – Widgets para Prototype

Infected-FX — Tue, 11 Sep 2007 07:12:13 +0000

Control Suite es una colección de 6 widgets para aplicaciones "Web2.0" utilizando la librería Prototype. Fuera de la descripción oficial, está muy interesante porque si vienen muy documentadas y con ejemplos, no los he probado en más navegadores que no sea firefox pero de entrada pueden encontrar: Control.TabsLa clásica navegación por Tabs, puede ser sensible [...]

Cómo crear el efecto ‘Polaroid’

Infected-FX — Thu, 30 Aug 2007 07:05:19 +0000

Creo que todos conocemos ese famoso efecto "polaroid" sobre nuestras imágenes y aunque tal vez resulte sencillo de realizar usando algún programa para edición de imágenes (Photoshop, Fireworks, Paint Shop, etc....) aquí tendrán varias opciones, tanto un tutorial paso a paso para crear este efecto usando photoshop, como haciendo uso un javascript ó hacerlas "al [...]

Smashing Magazine : Julio 2007

Infected-FX — Thu, 16 Aug 2007 07:53:07 +0000

Como cada mes Smashing Magazine junta todo lo mejor del mes en un solo post para tenerlo todo a la mano y sin duda este es uno de los mejores recursos que podemos tener como desarrolladores/diseñadores en esta ocasión la lista se refiere a: Icons, Brushes References, Tutorials, Tips Tools, Web-Services CSS-Techniques, (X)HTML, PHP CSS-Tools [...]

iPhoto-like redimensionando imágenes

Infected-FX — Tue, 31 Jul 2007 11:10:54 +0000

Curiosa utilidad que te permite redimensionar tus imágenes usando un "slider" y las librerías script.aculo.us y Prototype, en este caso lograremos que se cambie el tamaño de las imágenes que se encuentren dentro de un contenedor. Este tutorial es original de Agile Partners, la información que encuentren aquí es la misma que encontrarán en su [...]

PageFlip con JavaScript

Infected-FX — Fri, 27 Jul 2007 03:18:28 +0000

Ahora que Anieto ha vuelto (por suerte) nos ha dejado un combo de enlaces muy interesantes, en especial me ha llamado la atención este tipo "pageflip" creado con javascript, que es muy silimar a pageFlipper ó PageFlip. Para los que ya son 100% antiflash xP pero en realidad como alternativa está bastante bien, utiliza la [...]

PNGPong :: Transparencias en IE

Infected-FX — Sat, 21 Jul 2007 08:31:39 +0000

PNGPong es otra alternativa para poder mostrar png's transparentes en distintos navegadores, este utiliza swfObject para mostrar las imágenes, utilizando un código como este: pngpong.serve("id", "image.png"); sin duda una opción interesante. Este ha sido probado en distintos navegadores como: IE 6.x (win) IE 7.x (win) Firefox 1.5 - 2.x (win) Firefox 1.5 - 2.x (mac [...]

Window.Growl 2.0

Infected-FX — Tue, 26 Jun 2007 06:21:09 +0000

Envía mensajes emergentes por medio de javascript con esta práctica utilidad de Daniel Mota que lo ha adaptado para mootools 1.1. Su modo de empleo es bastante sencillo y sin duda puede ser muy práctica al momento de querer enviar algún mensaje ó alerta al usuario, pueden ver un demo y descargarlo en : Window.Growl [...]

Slide con mooTools

Infected-FX — Wed, 20 Jun 2007 09:20:43 +0000

Bien, desde versiones anteriores del sitio y en otras ocasiones me han preguntado como hacer ese slide que ahora pueden observar en la pestaña de los tags, sinceramente no soy un experto como podría ser Andrés Nieto ó Daniel Mota, pero intentaré hacerlo de la manera más sencilla .

PNG’s en Internet Explorer

Infected-FX — Wed, 13 Jun 2007 05:34:01 +0000

No sé cuantas veces hemos peleado con las transparencias de los archivos png en Internet Explorer?... algunas veces como bien lo mencionó en su momento Nikko, usábamos un javascript que nos permitía poner estos archivos y que IE respetara la transparencia, pero en otros casos al menos en lo personal me llegaba a causar conflictos [...]

Enlaces rápidos XXI

Infected-FX — Tue, 13 Feb 2007 06:24:11 +0000

Blogs desde cero Un muy recomendable tutorial que te muestra paso a paso lo que hay que hacer para poder tener tu blog ya que va desde la elección del dominio, del hospedaje así como personalización de wordpress y yahoo y google sitemaps entre otros, sin duda un enlace muy valioso. Gracias lurked_by_a_Panda 72 vector [...]

Remote images links

Infected-FX — Sun, 04 Feb 2007 21:38:17 +0000

Algo que buscamos usualmente es el poder hacer uso de los links remotos, en este caso para cambiar imágenes en un mismo lugar, veremos en este tutorial como lograr este resultado, haciendo uso de javascript. La idea principal era que solamente cambiaran las imágenes al dar clic, pero gracias a Zetta que me ayudó con [...]

Enlaces rápidos XVIII

Infected-FX — Tue, 30 Jan 2007 07:44:06 +0000

53 Técnicas de CSS No suena nada mal el número para diferentes técnicas que puedes implementar en tu sitio, dropshadows, navegación, customización de formularios son solo algunas de las que te mostrará este valioso enlace. Gracias lurked_by_a_panda wrote FrogJS Javascript Gallery Otra galería de imágenes que se muestra de manera muy peculiar por medio de [...]

HoverBox + SlimBox

Infected-FX — Sat, 09 Dec 2006 12:40:13 +0000

Navegando me encuentro con una excelente galería a base de pura CSS creada por Nathan Smith llamada HoverBox, me gustó mucho que quise implementarla el único detalle que por lo que leo en su post la idea era que se usara simplemente a base de css sin necesidad de javascript pero lo más que mostraba [...]

Enlaces rápidos XIV

Infected-FX — Sat, 18 Nov 2006 22:06:01 +0000

CSS DropShadow Otra técnica para crear el efecto de sombra por medio de CSS Great Fonts for web 2.0 Un listado de las tipografías que usan algunos sitios famososcomo techcrunch, 9rules, bloglines etc... Arcsin CSS Templates Muy buenos recursos, algunos ya están adaptados directamente a WordPress. Transparent Custom Corners Y por qué no.. otra más [...]

Utilidades para MooTools

Infected-FX — Mon, 13 Nov 2006 10:05:47 +0000

Leyendo Anieto, me encuentro con este post bastante interesante, si recuerdan que en algún momento les había mencionado la librería mootools de mad4milk hace un par de recopilaciónes de utilidades que se han generado hasta el momento con esta librería, como el famoso menú acordeón ó una ventana que se puede arrastrar.