Pinboard: bookmarks for kvnglbrtsn tagged 'layout'

select: none ‧ this page no items selected

mark as read ‧ unread ‧ private ‧ public ‧ add stars ‧ remove stars ‧ delete

THIS IS BOILERPLATE confirm ‧ cancel

The Goldilocks Approach to Responsive Web Design

"However, if you base your entire design on this base font size (using ems), then as it increases or decreases, so will your design. Using ems allows your designs to be resolution independent."

webdesign layout mobile ui redesign
may 2011 by kvnglbrtsn

copy to mine

Isotope

"An exquisite jQuery plugin for magical layouts."

jquery plugin layout
february 2011 by kvnglbrtsn

copy to mine

Responsive enhancement

"My point is that responsive web design isn’t something that can be tacked on to the end of an existing workflow. It requires a different mindset, one that considers the medium from the outset. If you’re currently thinking in proportions rather than pixels, the transition to responsive web design will be relatively painless." from Adactio.

css3 design layout mediaqueries mobile
november 2010 by kvnglbrtsn

copy to mine

The 1140 Grid

A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.

css grid framework layout
november 2010 by kvnglbrtsn

copy to mine

ProtoFluid

HTML5 and CSS3 Web App Prototyping

mobile webapplication iphone layout
july 2010 by kvnglbrtsn

copy to mine

Responsive Web Design

"Learn how to use fluid grids, flexible images, and media queries to create elegant user experiences with responsive web design." from A List Apart.

webdesign layout mobile ui grid css3 redesign
may 2010 by kvnglbrtsn

copy to mine

Slammer

Designer's Geometry Box. 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.

mac software layout
december 2009 by kvnglbrtsn

copy to mine

jQuery Masonry

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.

jquery grid layout plugin
december 2009 by kvnglbrtsn

copy to mine

The myth of the page fold: evidence from user testing

"Over the last 6 years we’ve watched over 800 user testing sessions between us and on only 3 occasions have we seen the page fold as a barrier to users getting to the content they want."

fold webdesign layout
november 2009 by kvnglbrtsn

copy to mine

Setting Type on the Web to a Baseline Grid

Over the last year or so, there’s been a lot of talk about grid systems and using column grids for website layouts. from a list apart.

typography design grid howto layout
september 2009 by kvnglbrtsn

copy to mine

10 Useful Usability Findings and Guidelines

from smashing magazine.

usability tips ux ui layout fold reference redesign
september 2009 by kvnglbrtsn

copy to mine

Utilizing the Cut-off Look to Encourage Users To Scroll » UIE Brain Sparks

"Basically, users have no trouble scrolling, as long as the page is designed to accommodate it."

fold layout interface
september 2009 by kvnglbrtsn

copy to mine

Changes in Web Usability Since 1994

"In more recent studies, we have seen that most users scroll when they visit a long home page or a long navigation screen."

fold layout behavior
september 2009 by kvnglbrtsn

copy to mine

Unfolding the Fold

"Nowadays, scrolling has become a natural practice in surfing the web. Scrolling is also associated with web 2.0 design because big, clear text and “spacious”, “clean” content implies longer web pages."

fold layout
september 2009 by kvnglbrtsn

copy to mine

Evolving Design Standards: The Fold

"'Holding on to this disbelief – this myth that users won’t scroll to see anything below the fold – is doing everyone a great disservice, most of all our users.'"

fold layout
september 2009 by kvnglbrtsn

copy to mine

Blasting the Myth of the Fold - Boxes and Arrows: The design behind the design

"Stop worrying about the fold. Don’t throw your best practices out the window, but stop cramming stuff above a certain pixel point. You’re not helping anyone. Open up your designs and give your users some visual breathing room. If your content is compelling enough your users will read it to the end."

fold layout interface
september 2009 by kvnglbrtsn

copy to mine

Blueprint: A CSS Framework

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

css framework layout grid templates
june 2009 by kvnglbrtsn

copy to mine

Slammer

customizable grid overlays.

mac software layout
june 2009 by kvnglbrtsn

copy to mine

Fluid Grids

target ÷ context = result. from a list apart.

webdesign grid layout howto
march 2009 by kvnglbrtsn

copy to mine

Put Your Content in My Pocket

mobile safari and the iphone. from a list apart.