Not Signed-In
Which clippings match 'CSS3' keyword pg.1 of 2
24 NOVEMBER 2013

PhoneGap: Adobe's mobile development framework

"Building applications for each device–iPhone, Android, Windows Mobile and more–requires different frameworks and languages. PhoneGap solves this by using standards-based web technologies to bridge web applications and mobile devices. Since PhoneGap apps are standards compliant, they're future-proofed to work with browsers as they evolve."

1
2

TAGS

2012Adobe Systems IncAndroid OS • Apache Callback • Apache Cordova • Apache License • Apache Software Foundation (ASF)application developmentappsBlackBerry Ltdcross-platformCSS3 • device-specific languages • enabling technologiesHTML5 • hybrid code snippets • hybrid technologyIBMinteroperabilityiOS • iPhone application development • JavaJavaScriptMicrosoftmobile apps • mobile development framework • mobile devices • mobile platform • native code snippets • native device APIs • Nitobi Software • Objective-C • open frameworkopen source • open source framework • open source platform • PhoneGap • PhoneGap Deploy • platform independent • Research in Motion (RIM) • RIM • SDKsoftware deploymentsoftware framework • software wrapper • standardisationstandards compliantstandards-based web technologiesweb application developmentweb standardsweb technologiesWindows Mobile

CONTRIBUTOR

Simon Perkins
22 OCTOBER 2013

CSS Fonts Module Level 3: the @font-face rule

"The @font-face rule allows for linking to fonts that are automatically fetched and activated when needed. This allows authors to select a font that closely matches the design goals for a given page rather than limiting the font choice to a set of fonts available on a given platform. A set of font descriptors define the location of a font resource, either locally or externally, along with the style characteristics of an individual face. Multiple @font-face rules can be used to construct font families with a variety of faces. Using CSS font matching rules, a user agent can selectively download only those faces that are needed for a given piece of text."

(World Wide Web Consortium, 3 October 2013)

1
2

TAGS

2013CSS3 • Cufon • design for the screen • design goal • End User Licensing Agreement • EOT • EULA • font • font choice • font descriptor • font embedding • font family • font linking • font matching • font resource • font-face • font-face rule • fonts • inline SVG • Open Font License (OFL) • openfonts • Opentype • OTF • platform independent • selectively download • sIFR • style characteristics • SVG • TTF • typetypefaceTypekittypography • Typoteque • ubiquitous web fonts • user agent • W3Cweb design • web design typography • web technologies • web type • web typography • webfont • WOFF

CONTRIBUTOR

Simon Perkins
20 APRIL 2012

Principles of the Visual Language: A Dialect of Our Own Design

"A visual language informs all design, from architecture to print. Fluency in the same language drawn on by Bauhaus, mid-century Swiss, or postmodern design is essential for brilliant web design. In this practical talk, ground uniquely web-based interactions - from complex CSS3 animations and rotations to JavaScript behaviors - using that time-tested visual primer. Take a more considered approach to choices, evoke the desired emotive responses, learn how to better articulate your design decisions. Extend graphic design's grammar into a visual dialect of web design that guides us to smarter, beautifully balanced juxtapositions of elements in our new, multidimensional web experiences."

(Simon Collison)

Fig.1 Simon Collison (03 June 03 2011) "A Dialect of Our Own Design".

1

TAGS

aestheticsaffordances • articulate your design decisions • Bauhaus School • beautifully balanced • Christian Leborg • communication design • considered approach • CSS3 • CSS3 animation • Dan Brown • design formalismDon Normanediting through selection • emotive response • framegestalt principlesgraphic design • graphic design visual grammar • graphic representationgrid systemIndi YoungInternational Typographic StyleJavaScriptmapping • Mark Boulton • mental modelspictorial systemspostmodern designresponsive web designschema • Scott McCloud • Simon CollisonSlideShareSwiss Styletypographyvisual communication • visual dialect of web design • visual grammarvisual languagevisual screen designweb design • web experiences • web-based interactions • Wucius Wong

CONTRIBUTOR

Simon Perkins
19 APRIL 2012

Bryan Rieger: Rethinking the Mobile Web

"A few months back I submitted the smallest speck of an idea for a talk I was hoping to present at Over The Air in London. Having presented at Over The Air before I assumed my experiences this time around would more or less be the same - a chance to bounce a few of my recent thoughts off two-dozen or so UK developers.

To suggest that my assumption was wrong would in-fact be a massive understatement...

Three weeks later, the dust is still settling on the 90,000 140,000 presentation views, hundreds of tweets, and multitude of conversations, and I finally have time to provide the presentation with a much-needed introduction."

(Bryan Rieger)

Fig.1 "Rethinking the Mobile Web" by Yiibu

1

TAGS

abstraction layer • accessible and inclusive mobile experiences • adaptive layoutAJAXAndroid OSApple • Bada • BlackBerry LtdBMW • Bryan Rieger • cHTML • CSS animations • CSS3device • DeviceAtlas • feature phone • featurephone • Fennec • GoogleHTMLHTML5Internet accessInternet ExploreriOSiPhone • Java ME • JavaME • market sharemedia queries • media types • MicroB • mobile browsermobile devices • mobile internet users • mobile operating systems • mobile web • most used devices • Nokia • Nokia Qt • Obigo • OBML • one web • Opera Binary Markup Language • OperaMini • optimised for mobile • Over The Air • Palm (OS) • phone • popular devices • presentation • real web • Rethinking the Mobile Web • Samsung • Skyfire • SlideSharesmartphoneSony Ericsson • SquirrelFish • standards support • SVG • Symbian • tabbed browsingtechnology • UK developers • w810i • WAP • WebKit • WebOS • William GibsonWindows Mobile • WML • WURFL • Yii

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
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.