ColdFusion RIA - CSS

New Look, New blogCFC Skin

Sun, 19 Jul 2009 17:35:00 -0400

With the release of ColdFusion 9, and me looking forward to blogging more I decided to change the look of the blog.

The original design is called Arclite created by Digital Nature.

A short preview of how this skin works. Normal Text you have seen by now.

Lets see some Code action:



First Post!!

[More]

Powerful Layouts with YAML (Yet Another Multicolumn Layout)

Sun, 18 Jan 2009 23:52:00 -0400

So while browsing accoss the web, looking at various design articles, CSS articles, I came across what looks like a powerful layout library (more so that the YUI Grids CSS. Its called "Yet Another Multicolumn Layout" or more famously YAML.

"Yet Another Multicolumn Layout" (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

Here is an example that demonstrates the YAML power using flexible grids. There is also a gallery of examples available here. More importantly, there is also available a YAML Builder which will allow you to specify your layout needs and give you the CSS for it. So anybody looking to a new website, web application give YAML a try. If you have used it to build something, let me know, I would love to see its applications.

Yahoo User Interface (YUI) Base CSS with Coldfusion 8 cfgrid conflicts

Sat, 17 Jan 2009 18:11:00 -0400

So, while working on integrating the cfgrid with my demo application, I came accross a conflicts with the CSS that ColdFusion expects to produce for an HTML cfgrid versus the CSS markup from the YUI Base CSS component. Check It Out Here So, what the Base CSS package does is,

applies a consistent style foundation for common HTML elements

This creates a conflict with the ColdFusion CSS package (which is based on Ext 1.1.1 API). At the same time, you could use this to extend the Base CSS file and define your own styles for the elements. Right now, I just removed Base CSS from my application.