Sponsorised links
20 June 2009
Prevent your images from being too large
by mozkart
.post img {
max-width: 500px; /* Adjust this value according to your content area size*/
height: auto;
}
19 May 2009
Qt Labs Blogs » Qt Declarative UI
by oseres
Declarative UI is a way of making fluid user interfaces by describing them in terms of simple elements (Text, Image, Rect,and other QObjects) that are built up into components. The reason it is “declarative” is that rather than the changes in the UI being expressed as imperative code (”set this, set that, do this, do that, …”), they are instead expressed as sets of QObject property expressions (”this width is always half that width”), grouped into states (”when enabled, the properties are …, when disabled, they are …”). The language that enables this is named QML. QML is simple yet powerful. Most of a user interface is described by a simple tree structure of property bindings:
26 April 2009
960 Grid System
by gregg
& 16 others
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem
Sponsorised links
30 March 2009
JS Coverflow
by Spone
& 3 others
Coverflow in Javascript
!!Strictly proof of concept!!
* Tested in Firefox 3, Opera 9.5 and Safari 3
* Only works for images of equal width and height (250px x 250px in this example)
* Utilizes scroll wheel and left/right keys
* You can have custom labels and onclick events for center image
* I have tested it with other javascript libraries like jQuery, MooTools, Dojo and Prototype
27 March 2009
JS Coverflow
by sbrothier
& 3 others
Coverflow in Javascript
!!Strictly proof of concept!!
* Tested in Firefox 3, Opera 9.5 and Safari 3
* Only works for images of equal width and height (250px x 250px in this example)
* Utilizes scroll wheel and left/right keys
* You can have custom labels and onclick events for center image
* I have tested it with other javascript libraries like jQuery, MooTools, Dojo and Prototype
20 March 2009
23 February 2009
06 February 2009
31 December 2008
960 Grid System
by melanie
& 16 others
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels.
02 December 2008
A growing collection of Basic WordPress Templates, for web designers | SAOB: Senseless Acts of Beauty
by camel
(via)
After beginning development of several WordPress websites I found that I was doing the same beginning edits to the wordpress theme structure. So, in order to make my life easy, I proceeded to make some basic editable templates that would suit my needs for multiple websites. Also its very close to Christmas, and this is a time of giving and sharing so I am going to make these theme templates available to anyone.
NOTE: These theme templates are only meant to be expanded by a web designer, by no means are these templates a finished design.
Now then, there are many basic features of any website that I wanted to make available in each of these theme templates, and over time I will try and make a theme template for each combination.
Features to be considered:
* Single column layout
* Two column layout
* Three column layout
* Fixed width
* Fluid width
* Top navigation addition
* Search bar in header
* Multiple side bars
24 November 2008
jQuery.popeye - an inline lightbox alternative | Christoph Schüßler » Informationsarchitektur und so
by conseilnet
& 3 others
The plugin transforms an unoredered list of images into a box displaying only one preview image at a time. The box has controls to skim through the preview images and to enlarge a given image. The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state.
The compact box has fixed, automatically calculated dimensions. The widht and height are calculated so that all thumbnail images are cropped to the smallest width and height in the set and centered resulting image area (stage).
22 November 2008
jQuery.popeye - an inline lightbox alternative | Christoph Schüßler » Informationsarchitektur und so
by camel
& 3 others
(via)
The plugin transforms an unoredered list of images into a box displaying only one preview image at a time. The box has controls to skim through the preview images and to enlarge a given image. The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state.
The compact box has fixed, automatically calculated dimensions. The widht and height are calculated so that all thumbnail images are cropped to the smallest width and height in the set and centered resulting image area (stage).
06 November 2008
05 November 2008
Flexigrid for jQuery : Web 2.0 Javascript Data Grid
by camel
& 5 others
(via)
Lightweight but rich javascript data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.
Features
* Resizable columns
* Resizable height and width
* Sortable column headers
* Cool theme
* Can convert an ordinary table
* Ability to connect to an ajax data source (XML and JSON[new])
* Paging
* Show/hide columns
* Toolbar (new)
* Search (new)
* Accessible API
* Many more
24 October 2008
On having layout
by ms_michel
& 9 others
A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.”. John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs,” meaning that they can often be solved by applying a width or height.
09 September 2008
04 August 2008
Flexigrid
by eledo34
& 5 others
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.
Features
* Resizable columns
* Resizable height and width
* Sortable column headers
* Cool theme
* Can convert an ordinary table
* Ability to connect to an ajax data source (XML and JSON[new])
* Paging
* Show/hide columns
* Toolbar (new)
* Search (new)
* Accessible API
* Many more
I'm planning to add an Editable and Resortable rows feature, as well as other cool GUI features.
One of my main goal for the plugin is ultimately to keep it lightweight, maybe under 20k when compressed. Because otherwise you should probably stick with Ext Grid or YUI data table.
03 August 2008
Flexigrid
by loneseb
& 5 others
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.
Features
* Resizable columns
* Resizable height and width
* Sortable column headers
* Cool theme
* Can convert an ordinary table
* Ability to connect to an ajax data source (XML and JSON[new])
* Paging
* Show/hide columns
* Toolbar (new)
* Search (new)
* Accessible API
* Many more
I'm planning to add an Editable and Resortable rows feature, as well as other cool GUI features.
One of my main goal for the plugin is ultimately to keep it lightweight, maybe under 20k when compressed. Because otherwise you should probably stick with Ext Grid or YUI data table.
25 July 2008
How to change the width of Victoria Arepggio Template (3 columns)
by prac53
How to change the width of Victoria Arepggio Template (3 columns)
How to get the pictures used as background for Victoria Arpeggio.
Change the width of each column
09 June 2008
CSS Creator
by JJL
& 2 others
This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
02 June 2008
29 May 2008
15 May 2008
08 May 2008
Victoria Vinyl - a 1000px Template
by prac53
With GPC it is easy to change the width of column. Victoria Vinyl Template uses pictures for background
How to change the width of Madison Template
by prac53
Changing the width of Madison Template needs to change the width of the pictures used for background
