Fluid 960 Grid System | 16-column Grid
http://designinfluences.com/fluid960gs/
Don't use css or table layout, use Sass and Compass
http://gom-jabbar.org/articles/2009/02/04/don-t-use-css-or-table-layout-use-sass-ad-compass

An introduction to Sass, a templating engine for CSS.

via swissmiss

I'm working on my own spin on CSS frameworks, except that mine is a little bit different. It requires PHP to make CSS better, rather then relying on the bad system that we have to work with.

The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.

CSS grid-based layout library c.f. Blueprint.

Mockup grids for the 960 framework with a browser bar.

Sketchbook à imprimer avec entête de navigateur et grille

Internet Explorer 5.0 Win 95+ 5 C Tasman Internet Explorer 5.1 Mac OS 7.6-9 1 C Tasman Internet Explorer 5.2 Mac OS 8-X 1 C Trident Internet Explorer 5.5 Win 95

テーブルデータソート 検索もあるよ！

Object Oriented CSS

I need to read this. "It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites."

(studying!!!)

How do you scale CSS for millions of visitors or thousands of pages? Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites.

Written in pure javascript, Sigma Grid is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. LGPL license available from 2.1 version.

Visual Map of the Cloud Computing/SaaS/PaaS Markets: September 2008 Update Four months ago, Kent Dickson and I created a visual map of the Cloud, SaaS and PaaS industry. It proved to be a popular item - we got a lot of comments and continue to see traffic to my blog page. I was long overdue to create a second version - comments needed to be integrated, and the industry has changed enough to warrant a round of updates. This blog entry contains an updated version of the map.

Tabelle mit Ajax in Rails.

Blog about web programming & web design

The Golden Grid aims to be the perfect web grid with golden proportions, rule of thirds symmetry and more

I was searching for the prefect web grid, playing with golden proportions, rule of thirds, symmetry, asymmetry, usability, monitor proportions, typography and the result came spontaneous - The Golden Grid. Why not share it with you :).

The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.

videos and other fixed width objects inside the content may upset this fluid layout, but see links for how to solve that.

contemporary practices from ala

more on fluid webdesign

Nice site for structuring xhtml with css for some dynamic organized layouts

Grid Based Design Toolbox | Fuel Your Creativity

Grid Based Design Toolbox | Fuel Your Creativity - http://www.fuelyourcreativity.com/grid-based-design-toolbox/

Recursos para diseño web con grids

Consejos para maquetar texto web utilizando una cuadrícula tipográfica

text baseline

This article covers the basics of baseline grids—defined grid areas within which content is placed—and how they can be applied effectively to the web medium.

Generate a grid. Drag the grid on top of your design tool. Push those pixels until they line up with the grid.

Just realized that my page is on delicious home and I did not bookmark it :)

Grid system

Grid para mootools

Boks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS's framework. It's been designed for those who think the Grid System is good but never really took the time to give it love. It handles grid configuration, baseline rhythm pimpin', CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!

#tryout

サイトのレイアウトをして、HTML/CSS吐き出し AIR application

Cyberspies have penetrated the U.S. electrical grid and left behind software that could be used to disrupt the system.

eek

Unresolvable

Parece coisa de filme !

a web app that allows you to custome configure a grid and output the CSS

interesting ;)

Grid System Generator (v0.94) | Create valid css / xhtml grid systems

Pequeno sistema onlne que cria grids com css e xhtml válidados

กฎก้นหอย?

photo theory

it is echoed

Pretty sophisticated visualization. Lots of data, lots of layers.

A CSS Framework is meant to provide ready-made solutions for various tasks that we perform on regular basis. In simple terms an ideal CSS framework will provide you with a default style sheet which you should be able to use as a starting point for most of your web design projects.

Plumb, a tool for composing web layouts for use with the Blueprint CSS framework.

This is Plumb, a tool for composing web layouts for use with the Blueprint CSS framework.

SIIIICK Data Table

This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a "choose your own adventure" novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way.

WE all know that a good CSS Framework can help us and save our development time. Today, i am going to share 10 most promising CSS Framework that worth a look.

Most of web designers should heard about “CSS Framework”, and some web designers had tried them before. Just like other programming and scripting language, CSS do have some repeat code that can be packed together to ease our daily job. When use properly, CSS Framework may cut down your development time. On the other hand, it may cause extra works and time if you choose the wrong framework for your project. There are a lot of open source CSS Framework, and you can easily reach them by using Google.

Nice process article on reworking a news homepage. Love the video at the end with the column switching.

The latest redesign of the Talking Points Memo (TPM) frontpage has been explained in detail

Training for 960 Grid resources

grid system generators

CSS Grid Layout Generators

Brilliant!

確かにワンラインだね（笑）

very cool way to do a minimal css grid using percentages

1 line CSS Grid Framework

dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.

If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes. In this article, we’ll discuss effective techniques to create 100%-functional adaptive CSS-layouts, and provide details on other tutorials and practices.

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design. If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes.

Grid Systems – Making grids in Illustrator

CSS Style sheets examples

In this article tripwire magazine presents a large collection of CSS Grid Systems, online generators and tutorial on how to use these in your design. Using a CSS Grid System is really worth considering if you’re planning to create a complex magazine web design. This article will give you the overview and tools you need to get started.

a large collection of CSS Grid Systems, online generators and tutorial on how to use these in your design. Using a CSS Grid System is really worth considering if you’re planning to create a complex magazine web design. This article will give you the overview and tools you need to get started.

45+ CSS Grid Systems, Layout Generators and Tutorials that every Designer should know

As you can see, most of these techniques revolve around the flexibility of your design. Although designing for semi-liquid layouts can be a hassle, it may be a huge benefit for your visitors. Semi-liquid layouts are not recommended for every site out there, so do look into the pros and cons and execute them accordingly. If you have any other tricks and tips, please don’t hesitate to share!

css tips for site design

The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach

Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn't require a PhD? Meet The 1Kb CSS Grid.

Web Design

A Grid is an invisible structure used to guide the placement of elements on your page. Now days using a grid are one of those basic design principles. Over the past few years, there’s been a lot of talk about grid systems and using column grids for website layouts. It’s easier these days to embed a audio/video on the web than it is to set type consistently or align elements to a universal grid. Most news and editorial designers are working with grid systems someone else designed. No matter what you think about it, how you know about it, you need to understand how to use it. Here, in this Presentation, you’ll find everything you need to know about Grid Based Designs with some excellent resources provided by fallow designers and developers.

jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

datagrids

ElasticF

Free Web Resources Everyday - WebResourcesDepot

hadoop

Google and its MapReduce framework may rule the roost when it comes to massive-scale data processing, but there's still plenty of that goodness to go around. This article gets you started with Hadoop, the open source MapReduce implementation for processing large data sets. Authors Ravi Shankar and Govindu Narendra first demonstrate the powerful combination of map and reduce in a simple Java program, then walk you through a more complex data-processing application based on Hadoop. Finally, they show you how to install and deploy your application in both standalone mode and clustering mode.

NYC Grid is a photo blog dedicated to exploring and discovering The City of New York block by block and corner by corner. Updated every weekday, each post covers a new block with a focus on the mundane and ephemeral.

v swissmiss

Nice overview of web canvas sizes and their audiences

A canvas of websafe browser sizes.

Current statistics of user's screen size laid out in a nice visual representation. Definitely worth checking out.

Shows canvas with pixel size

'Build with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. '

Build with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline start with several files to reset the browser default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website, it grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.

A Fresh Coat of Paint

cool big header images that change with each article

トップページでは，ブラウザのウィンドウサイズに合わせてコンテンツが可変する，リキッドレイアウトが採用,このウェブサイトでは複数のJavaScriptライブラリを使うことで，リキッドレイアウトを実現.

retícula en fallerfots

Designed for use with Axure RP Pro 5 and the Pencil extension for Firefox, this resource will help you layout prototype web pages using the 960-grid system.

The tools have been sorteds into the following categories: Grid and Layout, CSS Optimisers, CSS Menus Tools, CSS Buttons, CSS Rounded Corners, CSS Frames, CSS Sprites, CSS Tables, CSS Typography and CSS Forms.

Crash Course: YUI Grids CSS

ce Library is a rather extensive set of JavaScript tools for developers. Often left unnoticed are a few other useful components of the library that will speed up your coding: some CSS libraries. I’d like to give you a quick tour of YUI Grids CSS library.

The Yahoo User Interface Library is a rather extensive set of JavaScript tools for developers. Often left unnoticed are a few other useful components of the library that will speed up your coding: some CSS libraries. I’d like to give you a quick tour of YUI Grids CSS library.

"crash course yui css"

@font-face for free commercial

tips for wed design

myInkBlog.com

Ultimate Guide To Grid-Based Web Design: Techniques and Tools - Noupe

秘密的秩序

From the creator of Subtraction.com (and Design Director at NYTimes Online)

A wordpress Theme for sale designed by Khoi Vinh & Allan Cole. I want it.

Really nice product site for a WordPress theme. Theme is half decent too

Basic Maths, a tight WordPress theme by Khoi Vinh and Allan Cole.

รวมทิปเทคนิคการใช้ตัวอักษรในการออกแบบ

The third iteration of the TinyTable table sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function. At only 6KB it is still lightweight, quick, and includes all previous TinyTable features. Other features include alternate row highlighting, header class toggling, auto data type recognition, and selective column sorting. If you don’t need the new features take a look at the second version of the script which weighs 2.5KB. To initialize a table sorter follow the pattern below:

印象的な雑誌新聞スタイルのウェブデザイン５０

Article about grids in web design

A few myths and misconceptions about grids exist in the design community that can be detrimental, especially to designers who are new to the subject. I recently read an article, which is no longer online, claiming that grids have disadvantages and it listed the reasons why. As you can guess, I very much disagreed with the entire article and felt that it was providing a lot of bad information on grid systems. All of the listed “disadvantages” were distortions derived from the lack of understanding on how a grid works and functions. In response to that article, here’s my attempt at clearing up this mess. Grids are a design trend. Grids have been in use long before graphic design became a discipline. During the 13th– and 14th-centuries, scribes used the Villard Diagram to organize their handwritten manuscripts. In the 15th-century, Gutenberg and others divided their pages using the Van de Graaf canon. The use of a grid is not a trend, it’s a fundamental skill that designers should pos

A few myths and misconceptions about grids exist in the design community that can be detrimental, especially to designers who are new to the subject. I recently read an article, which is no longer online, claiming that grids have disadvantages and it listed the reasons why. As you can guess, I very much disagreed with the entire article and felt that it was providing a lot of bad information on grid systems. All of the listed “disadvantages” were distortions derived from the lack of understanding on how a grid works and functions.

"GBD gallery showcases some of the world’s best websites designed with grid-based approach and beautiful web typography. Criteria * Based on grid systems * Solid visual balance * Beautiful typography * Modern & Minimal"

Hazelcast is a clustering and highly scalable data distribution platform for Java. Features: Distributed implementations of java.util.{Queue, Set, List, Map} Distributed implementation of java.util.concurrency.locks.Lock Distributed implementation of java.util.concurrent.ExecutorService Distributed MultiMap for one-to-many relationships Distributed Topic for publish/subscribe messaging Transaction support and J2EE container integration via JCA Socket level encryption support for secure clusters Synchronous (write-through) and asynchronous (write-behind) persistence Second level cache provider for Hibernate Monitoring and management of the cluster via JMX Dynamic HTTP session clustering Support for cluster info and membership events Dynamic discovery Dynamic scaling Dynamic partitioning with backups Dynamic fail-over

Hazelcast is a clustering and highly scalable data distribution platform for Java.

Hazelcast is a clustering and highly scalable data distribution platform for Java. Features: * Distributed implementations of java.util.{Queue, Set, List, Map} * Distributed implementation of java.util.concurrency.locks.Lock * Distributed implementation of java.util.concurrent.ExecutorService * Distributed MultiMap for one-to-many relationships * Distributed Topic for publish/subscribe messaging * Transaction support and J2EE container integration via JCA * Socket level encryption support for secure clusters * Synchronous (write-through) and asynchronous (write-behind) persistence * Second level cache provider for Hibernate * Monitoring and management of the cluster via JMX * Dynamic HTTP session clustering * Support for cluster info and membership events * Dynamic discovery * Dynamic scaling * Dynamic partitioning with backups * Dynamic fail-over Hazelcast is for you if you want to * share data/state among many s

data distribution platform

Though grid layouts may not be new to print design and certainly not design in general, CSS grid systems are still somewhat new to the field of web development. CSS grid systems allow the developer to easily and quickly markup and create structured, grid styled websites and layouts. Each grid systems has its pros and cons, and different ways of accomplishing goals. Today, we'll review 10 amazing CSS grid systems.

We've reviewed 10 awesome CSS grid systems. Check it all out here!

Analog is a company of friends who make web sites. It’s a co-operative where imagination, design, and engineering thrive; good people doing good work.

Andrei and company (via Mager)

Slammer gives you any grid you want, anywhere you want: Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Thats not all, Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots. Slammer is a must have for any designer.

Slammer gives you any grid you want, anywhere you want

分格線設計

This page is both an essay and a tool. It sets out to explore how two, intertwined concepts, often playful but sometimes cheeky, can be encouraged to dance in web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you are about to play upon it.

Blog for designers with useful resources - templates,

esto le gustaría a @kmerino

Grid-based layout is probably the more preferred way to style up a webpage to give it more magazine-like look and feel. This tutorial is about how to use CSS and Javascript to create a fluid grid-based layout (See demo here). The algorithm/procedure used in this tutorial is very simple and straightforward. There are more advanced algorithms out there which can handle multiple scenarios. But the purpose is to understand the basic logic on how to create such layout. So here it goes…

A short list of my favorite JavaScript grid components. How many times did you hear users asking you: “something simple, a grid like excel”?

Comparison of jQuery grids.

jQuery.sheet addresses the web-based spreadsheet or "websheet" in a different, simple, approach - using html, you simply load the sheet from a url, and you save it to a url... Simple. Or write your own approch. jQuery.sheet manages the sheet creation, viewing, and editing processes, you simply build your application around it.

What is jQuery.sheet? jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations. jQuery.sheet addresses the web-based spreadsheet or "websheet" in a different, simple, approach - using html, you simply load the sheet from a url, and you save it to a url... Simple. Or write your own approch. jQuery.sheet manages the sheet creation, viewing, and editing processes, you simply build your application around it. jQuery.sheet is also theme-able, using jQuery UI ThemeRoller, so you make the spreadsheet look like you want.For a complete list of all the MS Excel style functions that jQuery.sheet supports, take a look at the Demo, which is the documentation. Why did I start jQuery.sheet? I like a challenge, I like to learn, I like to contribute, and I saw where other attempts at the same thing, although being nice, could be improved. And with the web basically migrating in it's entirety over

A very fresh and creative agency located nearby in none other than Van City. Some extremely innovative campaigns and novel marketing techniques - pumping out some incredibly content. Keep posted.

The 960 Layout System was created to help streamline web designers' workflow by giving them all the power of 960.gs in a nice, easy-to-use interface that is useful for noob and guru alike.

Choosing The Best CSS Framework: A Complete Guide | DevSnippets | HTML 5

of reasons to use a CSS Fr

Framework para HTML5 y CSS3

“Mathematics is beautiful.” This may sound absurd to people who wince at numbers and equations. But some of the most beautiful things in nature and our universe...

by @SmashingMag

"Layouts featured in this post were created specifically for the purpose of this article. During the design process we made sure that all of the designs shown in this article are essentially mathematical in nature; that is, they exhibit order, symmetry and limitation. We also have followed the Web design algorithm in this process — the designs have distinct themes, styles and elements. To keep things simple and clear, we tried to stick to minimalist designs and also preferred single-page layouts. Obviously, examples in this article are supposed to serve as a simple foundation for your designs and not as the finished designs."

Sliding Resizable Grid

ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプト

Cloud computing means that the applications are running somewhere in the “cloud” (whether an internal network or the Internet). We, as users, don’t know and don’t care. Done right, cloud computing allows developers to develop, deploy and run applications that can easily grow in capacity (scalability), work rapidly (performance), and never – or at least rarely – fail (reliability), all without any concern as to the nature and location of the underlying infrastructure.

Cloud computing providersEveryone can build a website, but not not everyone can build a good and popular website. If you can pull it off, you can enjoy benefits like building something people are using, recognition and – sometimes – money. It can be a good business, even your full time job. But bad things can happen, and you should be prepared for it. One of those things (well, actually this is not a bad thing!) is to have spikes in traffic… maybe as a result of getting on Digg.com, Reddit.com, Google News, or another major media outlet frontpage… or getting reviewed by Techcrunch or another major technology blog.

Global Visual Language 2.0

« Previous | Main | Next » A new global visual language for the BBC's digital services Post categories: GVL, uxd Bronwyn van der Merwe | 18:10 UK time, Tuesday, 16 February 2010 The BBC website began its official life back in December 1997 with this very simple design. It was a basic offering with two sections to the site. Over time it has grown to encompass a great deal more. However due to the organic way in which the website evolved and the old structure of the business, with dozens of small design teams working independently of each other, the site had a fairly schizophrenic nature once you delved into its depths. About 2 years ago, after printing out the site onto what has now become jokingly known as the 'Wall of Shame' we decided to embark on an ambitious project, called Global Visual Language 2.0, with the aim of unifying the visual and interaction design of bbc.co.uk and the mobile website.

grid system

import a lib in your python and run code automagically in parallel on a remote cluster. pricing is time used x processes plus data xfer

Cool collapsing column trick

Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.

An accordion grid created using CSS & Jquery

Take a look at some of the biggest sites out there today that are showcasing top-notch designs. It's very likely they've used a grid of some sort. Grids enable stability and structure in a web layout, giving the designer a logical template to build the site on.

グリッドデザイン

Take a look at some of the biggest sites out there today that are showcasing top-notch designs. It’s very likely they’ve used a grid of some sort. Grids enable stability and structure in a web layout, giving the designer a logical template to build the site on.

te by Nathan Smith

设计好东西

Free Printable Sketching, Wireframing and Note-Taking PDF Templates

"グリッドの設計ツール・確認ツールなどを紹介"

グリッドデザイン

グリッドレイアウトの際の参考に

Checar los grids para elaborar HTML

If you’ve viewed my “lab” section, that is a perfect example of what this is. jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.

Expandierende Menüs wie auf TED.com zu sehen.

grid accordian

InfoGridデモページ

Nice overview of the most popular css grid systems.

Tools and Systems for CSS Grid Based Layouts - http://bit.ly/cyfTOn – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/13206834621

Fluid Grid is a new grid system that works the same way as Blueprint or 960, but with any page width, even fluid layouts. It is based only on CSS.

Development on hold

Fluid Grid is a new grid system that works the same way as Blueprint or 960, but with any page width, even fluid layouts. It is based only on CSS. Fluidgrid is still in development, but you can have a preview of what you can do with it in the following examples:

Create layouts without limitations

In this tutorial, we’ll be designing a clean website layout using the 960 Grid System. You’ll see how working with this system can streamline web development workflow, and how to work with a grid system.

また新たなグリッドシステムのフレームワークです。

全幅960+10pxをベースうつくしす

The happy & awesome way to build fluid grid based websites.

gerador de grids em css

Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created.

Varios frameworks css baseados em grids.

mns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily. You can view its

Frameworks, layout templates y herramientas

Usage

The jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components instead of on how to arrange them on your screen. The library currently provides four layout algorithms: border, which lays out components in five different regions; grid, which lays out components in a user defined grid, flex-grid which offers a grid with flexible column and row sizes, and flow which flows components in a user defined direction. Using the grid and flex-grid algorithms you can also create horizontal and vertical layouts. A jQuery plugin to lay out (X)HTML elements is also available.

http://www.webdesignledger.com

48 Examples of Excellent Layout in Web Design | Inspiration

48 Examples of Excellent Layout in Web Design | Inspiration - http://webdesignledger.com/inspiration/48-examples-of-excellent-layout-in-web-design

ブラウザ上でグリッド表示

- Effektive is an independent design studio based in Glasgow. We create design which is relevant, engaging and effective for our clients. We specialise in identity & brand development; printed communication; art direction & web design.

Digital agency. Great website.

nice horizontal navigation

おもしろいな、これ。

Flashじゃなくてもリッチさが表現できるサイト。デザインの色味が素敵です。

大分市大石町 伊藤内科医院のWebサイトです。大分県大分市大石町4丁目1組の2 / 診療科: 内科・循環器科・呼吸器科・消化器科・小児科 / 診療時間: 午前8時半～正午・午後1時半～午後5時半 / 休診日: 日曜・祭日・木曜午後・土曜午後

mootoolsを使った可変グリッド。

コンテンツが可変だったり、移動できたりします。

デザイン的に良いか悪いかは、別にして新しい表現だと思う。

mega menus

A design may have impact. It may have style. But having these isn’t enough. To work well, a design has to have elements that play off each other’s

配置をマスターして「機能するレイアウト」を作る大切なポイント http://coliss.com/articles/build-websites/operation/design/using-landmarks-makes-page-layout.html

Lo mejor de las herramientas para rejillas CSS.

images are simply a gathering of rectangles, the layout at the top seems fundamentally better

2013 e o Sol... Telegraph: http://is.gd/dc53X NASA: http://is.gd/dc509 http://is.gd/dc51g

how will i find you again if the solar storm knocks out our internet? http://bit.ly/cGZnH7

We are evolving a global experience language for the BBC’s digital services. The GEL guidelines are a reference point for all designers creating BBC websites (future iterations will also incorporate mobile and IPTV recommendations).

Guideline da BBC para construção de sites. Tem também alguns design patterns. style guide

Building a Global Experience Language for the BBC We are evolving a global experience language for the BBC’s digital services. The GEL guidelines are a reference point for all designers creating BBC websites (future iterations will also incorporate mobile and IPTV recommendations).

The GEL guidelines are a reference point for all designers creating BBC websites (future iterations will also incorporate mobile and IPTV recommendations).