The Blog Octubre 2009

SCRIPT.AULO.US: An original Picture Gallery

  • Published on Sunday, 05 August 2012 15:13
  • Hits: 2185
User Rating:  / 0



The world is full of original ideas, and we all need to pay attention to them so we can fill it with some others!!. This is the case of the creative scrape. As simple as getting images from flicker, order them randomly in a cell grid, and being popped up by hoving the mouse over or randomly. The effect is really awesome. Those effects are done by the famous effects library from script.aculo.us (<script src="/effects.js?1" type="text/javascript"></script>).

Add a comment Add a comment Read more: SCRIPT.AULO.US: An original Picture Gallery

PHPBB: The Forum Solution

  • Published on Sunday, 05 August 2012 15:11
  • Hits: 16148
User Rating:  / 0

During all these days, at my blog, you have read about the different JS Frameworks, how to build dropdown menus, how to drag&drop, where to get the updated code of these libreries, about widgets for video players, or for pics and tag clouds, the latest news about joomla, wordpress, how to make your website quick, fast and optimized and good SEO Strategies....But I have said little about forums and how to being able to have one..

I think it is time to meet PHPBB!!!
As it is said in the name of this awesome software, it runs over PHP and you also obviously need a DB and a Web server (I recommend you to install XAMPP which will install all this requirements in several clicks). The requirements for version 3 can be found here.

Add a comment Add a comment Read more: PHPBB: The Forum Solution

PROCESSING.JS: Why Using flash or Applets??

  • Published on Sunday, 05 August 2012 15:08
  • Hits: 2016
User Rating:  / 0

This is not new, lately we have crashed into Raphaël, or even the fx frameworks from Scripty2 or mootools, which are implenting very good stuff that will provide RIA apps to your web. Now it's time for processing.js. I haven't had time to test it, so for this time I will just pick words of its creators (Ben Fry and Casey Reas):

"Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games.

Add a comment Add a comment Read more: PROCESSING.JS: Why Using flash or Applets??

SCRIPTY2: The FX factory. When the magic comes true

  • Published on Friday, 20 July 2012 03:55
  • Hits: 2300
User Rating:  / 0




A while ago I announced the PHOENIX REBORN!!, .. the new version of script.aculo.us which is called Scripty2. This weekend I tried out the FX , the effects frameworks, part of the Core...uffff, no words to explain my feelings. Its features:

  • CSS morphing engine: morph from one set of style properties to another, including support for all CSS length types (px, em, %, cm, pt, etc.).
  • Extensive transition system for animation easing and special effects (e.g. bouncing).
  • Auto-adjusts to differences in computing and rendering speed (drops frames as necessary).
  • Limits the number of attempted frame renders to conserve CPU in fast computers.
  • Flexible OOP-based implementation allows for easy extension and hacks.
  • Effect queuing to run an effect after other effects have finished.
  • Chaining and default options: easy-to-use syntax for most use cases.
  • Reusable effect instances can be used with more than one DOM element.
  • User-definable callback functions at any point in the effect lifecycle.
  • Effects are abortable (either as-is or abort-to-end). Add a comment Add a comment Read more: SCRIPTY2: The FX factory. When the magic comes true

Javascript Drag & Drop

  • Published on Friday, 20 July 2012 03:54
  • Hits: 2093
User Rating:  / 0

A shiny saturday!!, perfect for some beers at a terrace, ..hmmm. I will be quick with this post then :)


Here is the promised list of Drag & Drop for all technologies:

Add a comment Add a comment Read more: Javascript Drag & Drop

MOOTOOLS: Drag&Drop

  • Published on Friday, 20 July 2012 03:53
  • Hits: 2145
User Rating:  / 0


hmmmm, now it's time for mootools, ..and then I should make a list of drag&drop in all javascript libraries, some of them I have already explained in my "awesome" blog, ...because you all think is awesome, don't you??.

Let's think about 10 balls and 2 baskets, so the balls can be dragged to any of the baskets. Let's have an easy html code to represent this:

<div id="balls"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
<div id="baskets">
<div class="basket"></div>
<div class="basket"></div>
</div>

Add a comment Add a comment Read more: MOOTOOLS: Drag&Drop

YUI: 3.0.0 Version

  • Published on Friday, 20 July 2012 03:52
  • Hits: 2207
User Rating:  / 0

YUI 3’s core infrastructure (YUI, Node and Event) and its utility suite (including Animation, IO, Drag & Drop and more) are all considered production-ready with this release, ..meanwhile you 've been playing around with beta version as well as with v2.8.0.

The topics which have been redisign are:

  1. Selector-driven: YUI 3 is built around one of the lightest, fastest selector engines available, bringing the expressive power of the CSS selector specification into actions that target DOM nodes.
  2. Syntactically terse: Without polluting the global namespace, YUI 3 supports a more terse coding style in which more can be accomplished with less code.
  3. Self-completing: YUI 3’s light (6.2KB gzipped) seed file can serve as the starting point for any implementation. As long as this seed file is present on the page, you can load any module in the library on the fly. And all modules brought into the page via the built-in loader are done so via combo-handled, non-blocking HTTP requests. This makes loading the library safe, easy and fast.
  4. Sandboxed: YUI modules are bound to YUI instances when you use() them; this protects you against changes that might happen later in the page’s lifecycle. (In other words, if someone blows away a module you’re using after you’ve created your YUI instance, your code won’t be affected.) Add a comment Add a comment Read more: YUI: 3.0.0 Version

WEB DESKTOPS: A glance to where Rich Apps want to get

  • Published on Friday, 20 July 2012 03:51
  • Hits: 2292
User Rating:  / 0

It seems everything is turning into RIA apps., and everything seems just so NEW and exciting, ..I still remember 8 years ago, not 1,2 or 3, 8 years ago, when I built my first windows like menu with js, or a wolfestein like game all made with js (I have to say it only worked in explorer and not in netscape)....snif, reading my words I realize I am a bit old!!, ..hey, just a bit!!, still at my 30s!! :)

So now web desktops are coming, many, but let me just talk about 3.


Add a comment Add a comment Read more: WEB DESKTOPS: A glance to where Rich Apps want to get

SEO: 9 Strategies

  • Published on Friday, 20 July 2012 03:50
  • Hits: 2795
User Rating:  / 1

This happy week has started. How is it going??? For sure a bit hateable because is monday but, in the other hand, full of new projects and dreams to achieve!!.

I have been mentioned, within my blog, about SEO Strategies

So I will give you 9 general recomendations which will help you to position your portals and developments at the top of the rankings:

Add a comment Add a comment Read more: SEO: 9 Strategies

JQUERY: Easy dropdown Window

  • Published on Friday, 20 July 2012 03:49
  • Hits: 2838
User Rating:  / 0



This is just an easy example for a Dropdown Window or menu, ..very easy one :)

Pop! is this easy way to have pop menus, and very important unobtrusive javascript.

As usual to include Pop! is just a question of adding the js and css files:

<link href="/pop/stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/>
<script language="javascript" src="/pop/javascripts/jquery.pop.js" type="text/javascript"></script>

Add a comment Add a comment Read more: JQUERY: Easy dropdown Window

Music You like..

IT News to be aware of ..

Most Visited...

QR Codes: The best 9 QR Code Generators

Hits:45737

QR Codes: The best 9 QR Code Generators

Last week we talked a little bit about how the QR Codes are becoming very, very popular and a bit of its history which is always good to know :)...

Read more

AngularJS, No more Dom Manipulation

Hits:9814

AngularJS, No more Dom Manipulation

You love to access the DOM, to change the information in it. You just love it!!!, ..but that is because you are using JQuery. It is like using assembly language,...

Read more

Famous, the most beautiful javascript Li…

Hits:6905

Famous, the most beautiful javascript Library

Yes, now there a couple of ways of becoming famous, ..the first one is following your dreams and becoming the best in class developer with a great idea, or use...

Read more