Not Signed-In
Which clippings match 'Web Development' keyword pg.1 of 2
12 NOVEMBER 2013

Brackets: open source code editor for web designers and front-end developers

Brackets is an open source community sandbox project which was originally created by Adobe.

1
2
3

TAGS

Adobe Systemsasynchronous code • Brackets (editor) • browser inspection • browser preview • code • code editor • colour coding • CSS editing • debugger • debugging • editorfront-end developmentGitHubHTMLJavaScript • JS debugging • live editing • live HTML development • MIT Licenseopen sourcesource codetechnology solutiontoolsweb authoringweb designweb development

CONTRIBUTOR

Rob Canning
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
11 MARCH 2013

Mobile Apps: the trouble with using 'Responsive Design'

"Amid an overwhelming amount of mobile options and solutions, it's easy to see why responsive design's singular code seems like an alluring universal panacea for mobile optimization. However, while responsive design aims to scale web content fluidly across multiple devices with different screen sizes, it may not represent the best option for organizations aiming to deliver unique and innovative experiences to customers. ...

The future of digital business depends primarily on mastering the mobile channel. Mobile's mushrooming numbers are due to the convenience of remote access and a new reliance upon the delivery of information when and where little to none was previously available. When developing your approach to engaging customers via mobile, it is key to ensure your strategy accounts for the rising expectations your customers have for this important channel.

Once you understand the kind of mobile experience you want to create, you can decide whether adopting a responsive design philosophy can deliver upon these expectations and goals. While responsive design can help you achieve a certain measure of consistency across channels, the real prize lies with the ability to create unique experiences. A broader multi–screen approach designed dynamically by channel will enable the sort of customer experiences that yield higher engagement and contribute to overall success."

(Carin van Vuuren, 18 November 2012, Forbes)

TAGS

appconveniencecustomer experiencedesign principles • device-specific content display • differencedigital business • engaging customers via mobile • Forbes • Forrester • information delivery • interactive experienceLinkedInmagazinesmobile apps • mobile channel • mobile development • mobile experience • mobile optimisation • mobile site • mobile solutions • mobile strategy • multi-screenmultiple devicesnewspapers • one-web • People magazine • remote access • responsive design • responsive site • responsive web design • scale web content • screen size and orientation • screen sizes • singular code • smartphonetechnology solutionuse case • varying screen sizes • web development • web experience

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
22 MARCH 2010

The 960 Grid System: streamlining the web development workflow

"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."

(Nathan Smith, 2010)

1

TAGS

2010 • 960 • 960 Grid SystemcolumnsCSSdesigndesign for the screengridgrid systeminfrastructureinnovationlayout • Nathan Smith • organisational schemapage designpage layoutschemasolutiontechnologytypographyusabilityweb designweb development • web development workflow • workflow

CONTRIBUTOR

Matthew Underwood
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.