Not Signed-In
Which clippings match 'A List Apart' keyword pg.1 of 1
24 SEPTEMBER 2013

Bootstrap: open-source front-end web design toolkit

"Bootstrap is an open–source front–end toolkit created to help designers and developers quickly and efficiently build awesome stuff online. Our goal is to provide a refined, well–documented, and extensive library of flexible design components built with HTML, CSS, and JavaScript for others to build and innovate on."

(Mark Otto, 17 January 2012, A List Apart)

1

TAGS

2011960 Grid SystemA List ApartBootstrap (toolkit) • collection of tools • component systemCSSdesign for the screendesign template • flexible design components • free collection • front-end developmentGitHubgrid system • Hackweek • HTML • interface components • interface design • Jacob Thornton • JavaScriptlayout • Mark Otto • open sourcepage designpage layoutresponsive design • responsive grid system • software frameworkstyle guidetechnology solutiontoolkittoolsTwittertypographyweb applicationweb designweb developmentweb layoutwebsite

CONTRIBUTOR

Simon Perkins
22 AUGUST 2013

Tim Brown: advocating a universal typography

"The web is universal, so we should practice a typography that is equally universal. By focusing on traditional typographic principles, embracing progressive enhancement, and understanding how fonts, CSS, web–enabled devices, and user contexts coexist, we can reevaluate what it means to successfully set type – and inform the decisions we make about typefaces, font sizes, and white space. Let's practice future–friendly, responsive typography."

via Deb Polson [http://livingdata.tumblr.com/post/58980870798/for–my–advanced–web–design–students–the–little]

1
2

TAGS

2012A List Apartbest practices • Chris Silverman • CSSDe Stijldesign conferencedesign craftdesign formalismErik SpiekermannFog of War • font size • gestalt principles • glyph • grid systems • historical developments • Jeffrey Veen • Jeffrey Zeldman • John Allsopp • Karen McGrane • Kevin Kellymark-up • modular scale • molten leading • page breakpoints • page design • pixel-perfect control • Ray Schwartz • Ready to Inspire (conference) • remediation • responsive typography • Ryan Singer • Theo van Doesburg • Thomas Phinney • Tim Brown • traditional practicestypetype foundrytypefacetypesettingtypographic principlestypographyuniversal principlesuser contextweb designwhitespace

CONTRIBUTOR

Simon Perkins
07 MARCH 2011

Responsive Web Design

"Recently, an emergent discipline called 'responsive architecture' has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and tensile materials, architects are experimenting with art installations and wall structures that bend, flex, and expand as crowds approach them. Motion sensors can be paired with climate control systems to adjust a room's temperature and ambient lighting as it fills with people. Companies have already produced 'smart glass technology' that can automatically become opaque when a room's occupants reach a certain density threshold, giving them an additional layer of privacy.

In their book Interactive Architecture, Michael Fox and Miles Kemp described this more adaptive approach as 'a multiple–loop system in which one enters into a conversation; a continual and constructive information exchange.' Emphasis mine, as I think that's a subtle yet powerful distinction: rather than creating immutable, unchanging spaces that define a particular experience, they suggest inhabitant and structure can–and should–mutually influence each other.

This is our way forward. Rather than tailoring disconnected designs to each of an ever–increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards–based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design. But how?"

(Ethan Marcotte, 25 May 2010)

1

TAGS

A List Apart • adaptive • adaptive approachadaptive layoutarchitecture • art installations • climate control systems • constructive information exchange • contextconvergencecrowdCSS3designdesign for the screendevice • embedded robotics • Ethan Marcotte • flexibilityform and contentHTML5information in contextJackson Pollockmedia queries • Michael Fox • Miles Kemp • mobile • motion sensors • responsive • responsive architecture • responsive designresponsive web designSimon Collison • smart glass • solutionspacetechnology • tensile materials • usabilityvisualisation • wall structures • web designweb standards

CONTRIBUTOR

Simon Perkins
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.