Elastic CSS Framework

New Screencast: Elastic CSS Advanced Tips

Sergio — Wed, 24 Mar 2010 20:54:35 +0000

Here are shown how to use some of the advanced features in Elastic CSS Framework like Column Supercharge, Adaptive Columns, Centering, Liquid Layouts, Advanced Column Techniques (mixing fixed, elastic and automagic columns)

Elastic CSS Framework Advanced from Sergio de la Garza on Vimeo.

As always you can post your questions or comments here or on Google Groups.

P.S. Sorry for the Audio, we really need a good mic hehe

Announcing the Elastic CSS Framework Channel on Vimeo

Fernando Trasviña — Thu, 18 Mar 2010 19:30:09 +0000

We created a video channel on Vimeo check it out here, and its not coming alone!. We also are giving the first screencasts(it would not be nice to have a channel without interesting content right?). The process was not easy being the first time talking to a computer and explaining at the same time we code and create stuff. But like everything we should get better at it with practice. Without further ado.

Elastic CSS Framework: Creating a Page 01 from fernando trasvina on Vimeo.

Previous Analysis in the process of creating a web page with the framework, analysis is made on gimp on Ubuntu 10.04

Elastic CSS Framework: building a page 02 from fernando trasvina on Vimeo.

Creating the actual layout, with the html classes from elastic, up to the point where all the rest is css skining. Using gedit, with elastic_gedit_snippets from http://github.com/azendal/elastic_gedit_snippets.

Elastic CSS Framework: Creating a Page 03 from fernando trasvina on Vimeo.

This part show the final skinning to create the layout details, and shows some modifiers from the framework stack

The features used from the framework here only scratch the possibilities that you get with the framework, so the main objective is to serve as an introduction tutorial so you can start getting the feel of how to use it and what to expect form the power of combining classes that provides.

Download the project files

Quick Tip: The Difference Between Live() and Delegate()

Sergio — Wed, 10 Mar 2010 16:03:18 +0000

In jQuery 1.3, the team introduced the live() method, which allows us to bind event handlers to elements on the page, as well as any that might be created in the future dynamically. Though not perfect, it definitely proved to be helpful. Most notably, live() bubbles all the way up, and attaches the handler to the document.

Read the original post:
Quick Tip: The Difference Between Live() and Delegate()

CSS3 Please! Instant results… Thank You

Javier Ayala — Wed, 10 Mar 2010 11:39:24 +0000

Paul Irish and Jonathan Neal have created a fun example of various CSS tweaks that you can make, and see the results instantly. CSS3, Please! lets you play with fancy new rules such as: border-radius box shadow gradients rgba support in backgrounds transforms font-face Really nice way to make tweaks inline in the page…..

Visit link:
CSS3 Please! Instant results… Thank You

CSS3 Please! Instant results… Thank You

Fernando Trasviña — Wed, 10 Mar 2010 11:39:24 +0000

View original post here:
CSS3 Please! Instant results… Thank You

HTML Minification

Sergio — Wed, 10 Mar 2010 09:14:51 +0000

Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage.

Visit link:
HTML Minification

HTML Minification

Fernando Trasviña — Wed, 10 Mar 2010 09:14:51 +0000

Good old Kangax has been playing with HTML minification and has shared his new tool in an early stage. What does it do?

Continue reading here:
HTML Minification

Harmony: Canvas Drawing Tool

Sergio — Wed, 10 Mar 2010 07:50:44 +0000

Harmony is a new drawing tool, a HTML5/Canvas experiment with great potential. It provides some unique brush styles, and can produce some great-looking charcoal pencil style sketches, among other things. Better to try it out than explain it in words

Here is the original post:
Harmony: Canvas Drawing Tool

Models with js-model

Sergio — Tue, 09 Mar 2010 22:00:00 +0000

js-model by Ben Pickles is a client-side library for working with the model layer. It’s not simply a REST proxy, it supports features like data caching, validation, and models can be hooked up to the UI using events

More:
Models with js-model

Rabble Rabble Rabble!

Fernando Trasviña — Tue, 09 Mar 2010 14:50:24 +0000

CSS3 is a big mess! 4+ rules for making a corner round or adding a drop shadow! Preposterous! Where are the standards?! I’ve been hearing a ton of that. There is something of a point here.

Here is the original post:
Rabble Rabble Rabble!