Not Signed-In
Which clippings match 'CSS' keyword pg.1 of 2
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
25 JULY 2013

jQuery Mobile: touch-friendly websites for browsers and devices

"jQuery Mobile is an example of the web living up to its promise of everyone having equal access to free and public content posted to the web, regardless of the device they are using. It isn't just for mobile, it's 'mobile–first', NOT 'mobile–only' so it can be used as a base for responsive web design. All those great touch–friendly form inputs and widgets are fully themeable and work great no matter what the device (mobile or desktop)."

(Marc Grabanski, 19 April 2013)

1
2

TAGS

AJAXCSSdesign for the screendigital design • Filament Group • HTML5interaction designjQueryjQuery Mobile • layout engine • Marc Grabanski • mediated interactionmobile • mobile first • mobile first web design • mobile only • page navigation model • Scott Jehl • screen-based interfacetablet interfacetechnology innovationtechnology solution • theme engine • Todd Parker • touch-friendly interface • touch-friendly UI widgets • touchscreen • touchscreen phones • UI widgets • user experienceuser interface designvisualisationweb design • web design ready • web first • widget

CONTRIBUTOR

Simon Perkins
14 APRIL 2012

Syllabus for Information Aesthetics at UIC School of Art and Design

"This studio course investigates the database as cultural form (Manovich, 2001), in the context of data visualization, digital fabrication, and computational aesthetics. Traditionally viewed as a tool for scientific reasoning and data exploration, information visualization has emerged as an artistic practice, propelled by the democratization of data sources and the advancement of computer graphics. The massive amount of data collected and disseminated online constitutes the basis for this course. Participants will be introduced to the basic skills for developing creative projects in two–, three–, and four dimensions, such as indexes, graphs, prints, digitally fabricated objects and maps. Students will also become familiar with the a basic vocabulary to co–create and collaborate with professionals in future contexts.

The course focuses on current standards for web development and mobile applications, including HTML5, CSS3, jQuery, PHP, MySQL, and Processing(.js). Fundamentals in XHTML, Cascading Style Sheets, and programming are beneficial, but not required. Throughout the course, students are asked to utilize the class blog to collect and share resources, collaboratively collecting interesting data sources towards a final project. A series of presentations, screenings, readings, and discussions will expose students to creative projects and artworks in the context of information visualization. Each student selects a research topic followed by an in–class research presentation (see schedule). Participants will also present their work during class critiques and interdisciplinary workshops to receive qualitative feedback from the instructor(s) and the class."

(Daniel Sauter, University of Illinois at Chicago, School of Art and Design, Fall 2011)

Fig.1 Matt Wizinsky (2011). "Chicago unDensity", University of Illinois at Chicago.

1

TAGS

2011 • cascading style sheets • Chicago • Chicago unDensity • class blog • class critiques • collaboration • collaboratively collecting • College of Architecture and the Arts • communication design educationcomputational aestheticscomputer graphics • course curriculum • creative projectsCSSCSS3cultural formscurriculum designdata • data exploration • data visualisationdatabase as cultural form • democratisation of data sources • design studiodigital fabrication • digitally fabricated objects • HTML5 • Illinois • information aestheticsinformation graphicsinformation visualisationinteractive tool • interdisciplinary workshops • jQueryLev Manovichmapmobile applicationsMySQLPHPProcessing (software)programming • qualitative feedback • research topicSchool of Art and Designstudio coursestudio programmesyllabus • tools for scientific reasoning • UIC • University of Illinois • University of Illinois at Chicago • visual vocabularyvisualisationweb developmentXHTML

CONTRIBUTOR

Simon Perkins
08 APRIL 2011

AJAX: A New Approach to Web Applications

"If anything about current interaction design can be called 'glamorous,' it's creating Web applications. After all, when was the last time you heard someone rave about the interaction design of a product that wasn't on the Web? (Okay, besides the iPod.) All the cool, innovative new projects are online.

Despite this, Web interaction designers can't help but feel a little envious of our colleagues who create desktop software. Desktop applications have a richness and responsiveness that has seemed out of reach on the Web. The same simplicity that enabled the Web's rapid proliferation also creates a gap between the experiences we can provide and the experiences users can get from a desktop application.

That gap is closing. Take a look at Google Suggest. Watch the way the suggested terms update as you type, almost instantly. Now look at Google Maps. Zoom in. Use your cursor to grab the map and scroll around a bit. Again, everything happens almost instantly, with no waiting for pages to reload.

Google Suggest and Google Maps are two examples of a new approach to web applications that we at Adaptive Path have been calling Ajax. The name is shorthand for Asynchronous JavaScript + XML, and it represents a fundamental shift in what's possible on the Web."

(Jesse James Garrett, 18 February 2005, Adaptive Path)

1

TAGS

2005Adaptive Path (consultancy)AJAXasynchronous code • asynchronous data retrieval • client-server architectureclient-server modelCSSdata interchangedesktop application • Document Object Model • DOM • dynamic display • Google SuggestJavaScriptJesse James Garrettweb application development • web application model • web applicationsXHTMLXMLXMLHttpRequestXSLT

CONTRIBUTOR

Simon Perkins
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.