Introducción a los arrays en Mootools 1.2

---

Si no lo has hecho todavía, asegúrate de chequear el tutorial correspondiente al dia 2.

En dicho tutorial, tratamos el tema de los selectores, mucho de los cuales crearon arrays (una lista especial que te brinda mucho control sobre el contenido). Hoy, vamos a mirar cómo usar arrays para gestionar los elementos DOM.
Lee el resto del post »

Mootools 1.2 - Selectores

---

Si no lo has hecho todavía, asegúrate de chequear primero el tutorial Día 1 - Introducción a la librería. Allí hablamos de cómo instalar Mootools 1.2 y cómo llamar tus scripts dentro del evento domready.

Bienvenido al día 2 de la compilación 30 Días de Mootools 1.2. En este tutorial, vamos a aprender varios métodos para seleccionar elementos HTML. En muchas formas, esto es lo básico para lo que comunmente Mootools es más usado. Después de todo, para crear una experiencia de usuario interactiva con elementos HTML, primero tienes que ponerle las manos encima.
Lee el resto del post »

Introducción a la librería JavaScript Mootools 1.2

---

Mootools 1.2 es una librería JavaScript hiper poderosa designada para facilitar el desarrollo web interactio de JavaScript. Hay muchas cosas que Mootools puede hacer y una de ellas es la creación de extensiones CSS. Por ejemplo, CSS te deja cambiar las propiedades del estado del mouse hover, JavaScript te permite reconocer muchos más eventos (click, mouseover, keystrokes, etc.) y Mootools hace de esto algo inimaginablemente fácil de crear.

Para comentarte más, Mootools posee todo tipo de extensiones, las cuales te permitirán no solo cambiar propiedades, también te permitirá “transformar� (morph) propiedades, dándote la habilidad de crear efectos animados increíbles y asombrosos.
Lee el resto del post »

Introducción a la librería Mootools 1.2

---

El siguiente no es más que un tutorial que se extenderá por los siguientes 30 días, excactamente será uno por día, con el objetivo de pasar por la filosofía de trabajo, lógica de funcionalidad, etc. de esta poderosa librería. Este tutorial no asumirá ninguna experiencia previa de Mootools o de Javascript, en cambio lo que si se requiere es un conocimiento básico de HTML y CSS.
Primero -para los que no lo conozcan- sepamos que Mootools, según Wikipedia es:

MooTools es un Framework web orientado a objetos para JavaScript, de código abierto, compacto y modular. El objetivo de MooTools es aportar una manera de desarrollar JavaScript sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una API documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.

Lee el resto del post »

Indiscutiblemente cada elemento del diseño reserva una particular atención en esta Web 2.0. Menúes de navegación, formularios, formularios de comentarios, diseños de comentarios, tablas, tipografía, letras, incluso más letras o botones para descargar son diseñados hoy en día con mucho más detalle para lograr una buena primera impresión en el usuario.

Siempre ten presente que el más minúsculo detalle puede hacer una inmensa diferencia -uno de esos ‘pequeños’ detalles son los pies de página, usados para cerrar visualmente el contenido de una página; sin embargo, como verás a continuación, a veces constituyen mucho más que eso.

Algunos pocos sitios de los que se muestran han recién actualizado su diseño, pero el objetivo es el que te sirvan de inspiración para tu creatividad personal. Lee el resto del post »

La macrofotografía es el arte de tomar fotografías tan cercanas a un objeto que éste nos revelará detalles increíbles y que a simple vista no se pueden ver. Por ejemplo, mientras vemos una mosca común posada en la pared, nuestros ojos no están equipados para ver los pelos que posee en su cara. Es aquí donde la macrofotografía entra en acción. Nos muestra un vistazo al mundo que se oculta detrás de lo visible, a ese increíble mundo, el cual siempre nos deslumbra con sorpresas fantásticas.

En este post te mostraremos 25 maravillosos ejemplos de macrofotografía. Una hermosa ronda del fruto del trabajo de fotógrafos profesionales de distintas partes del mundo, trabajo inspirante en su totalidad. Al final de este post verás recursos similares provenientes de otros sitios web respecto a la macrofotografía. Lee el resto del post »

Por lo general el análisis de un producto recién actualizado suele comenzar con una frase como “el largamente esperado�; pero no es el caso de Photoshop CS4. Lo cierto es que la última versión de Photoshop llegará a las tiendas prácticamente a la estela de Photoshop CS3, su predecesor que debutó hace 18 meses.

¿Qué tipo de características podría tener Photoshop CS4 que no tuviese ya hace tan sólo un año? Como se puede apreciar, los jefes de producto de Photoshop parece que no se han tomado ni un respiro desde que la CS3 cruzase el umbral de la puerta, y la respuesta es “muchas, gracias”. Photoshop CS4 proporciona un espacio de trabajo mejorado, características basadas en OpenGL como la rotación del lienzo, nuevos paneles para máscaras y ajustes, controles sobre la imagen que nos permiten aplicar algunos ajustes al estilo de Photoshop Lightroom, un motor 3D, y eso sólo para empezar. Lee el resto del post »

Acabo de ver un gran video sobre cómo Wordpress (y los blogs en general) le ha cambiado la vida a una persona. Inspirado en temas de Glenda Watson Hyatt (puedes seguirla en su Twitter aquí).

Espero les guste tanto como me gustó a mi.

Muchas veces, ser un desarrollador web se torna mucho más difícil de lo normal debido a que una parte muy particular de nuestro código entorpece y ralentiza por consiguiente nuestro flujo de trabajo, reduciendo la calidad de nuestro trabajo, proporcionándonos noches enteras sin dormir (créanme, es así), con una pizza y una buena taza de café al lado de nuestra laptop. La razón: con un número de problemas de incompatibilidad y el entorpecimiento de nuestro motor creativo, muchas veces nos toma mucho tiempo encontrar el problema de nuestro código, aún cuando lo tenemos en frente de nuestras narices; ese es el momento en que nos viene como anillo al dedo soluciones desarrolladas por otros diseñadores cuya eficiencia está más que probada.

En este post te presento 50 técnicas CSS, ideas y soluciones probadas para un código efectivo. Definitivamente conocerás algunas, seguramente (me atrevo a afirmar) otras no. ¿Se nos escapó algo? ¿Crees que faltó mencionar alguna? Déjanos saber en los comentarios de este post. Lee el resto del post »

En la medida en que pasan los días son más y más los diseñadores y desarrolladores que están haciendo uso de JavaScript en sitios modernos. Algunas veces esto puede ser un obstáculo para el usuario y sacarlo de la simplicidad del diseño, sin embargo, algunas veces esto puede brindarle grandeza a la experiencia del mismo. La llave está en, a) adicionar la cantidad correcta de JavaScript, y b) haciendo uso de las técnicas JavaScript correctas. Felizmente en este sitio ya se agrupó una gran serie de técnicas JavaScript tiempo atrás para tu deguste, hoy es tiempo para proporcionarte 75 nuevas razones para trabajar con JavaScript.

Gracias a la adopción masiva de la web con respecto a JavaScript, las distintas librerías han emergido para hacer del desarrollo web algo mucho más fácil, dinámico y eficaz. Algunas de las librerías JavaScript más populares son: jQuery, Prototype, Scriptaculous, Mootools, Dojo, etc. Éstos frameworks han florecido a comunidades cuyos miembros han desarrollado incontables plugins que se adhieren perfectamente al framework JavaScript. Lee el resto del post »