• What?
  • Who?
  • Contact Jonathan Jeter
  • Privacy Policy

Jonathan Jeter

Director of Application Development

  • Jonathan Jeter on Google+
  • Jonathan Jeter on Facebook
  • Follow Jonathan Jeter on Twitter
  • Jonathan Jeter on LinkedIn
  • Jonathan Jeter's rss feed
Home Web Development CSS Context Aware CSS – Front Porch Front-End Developers Conference, Dallas, TX

Context Aware CSS – Front Porch Front-End Developers Conference, Dallas, TX

October 7, 2014 By Jonathan Jeter Leave a Comment

Presented by Matthew Carver

Content needs context

defining contextual awareness

@media(sensor){adjustment}

Disseminating Active map information to mobile hosts

  • Historically the web takes its cues from traditional media
  • Google uses available data to extend contextual awareness across its products – Facebook does this well

 contextually aware web

  • user
  • task
  • environment

What can we tell about a user? Don’t confuse a user with a device.

Example users:

  • physically impaired
  • specific objectives
  • limited/meaningful scope

Example tasks:

  • repeated interactions
  • implied relationship

Example Technology

  • mobile/tablet/pc
  • hardware limitations
  • input types

 Paul’s notes

www.manning.com/carver
Content is critical.
But content needs context.
  • Defining Contextual Awareness
  • Applications in web design
  • level 4 media queries
  • Summary
Use javascript to connect user to the design.
Sensors establish context
@media(sensor) {
     //adjustment
}
Disseminating active map information to mobile hosts.
Historically the web takes its cues from traditional media.
Google uses available data to extend contextual awareness across its products.
Contextually aware web
  • user
  • task
  • environment
  • technology
User
(Do not confuse a user with a device)
  • Physically impaired
  • Specific objectives
  • Limited meaningful scope
Task
  • Repeated interactions
  • implied relationship
  • Stated objective
Environment
  • Country/State/City
  • Time
  • Weather
Technology
  • Mobile/Tablet/PC
  • Hardware Limitations
  • Input Types
Do not confuse a device with a user
All of these are used to create Contextual Breakpoints
In the example our contextual breakpoints are Morning, Noon, and Night
All contextual Breakpoints should result in true or false
The internet of things still needs the internet

@matthew_carver

 

Tell someone about this:

  • Email
  • Print
  • Twitter
  • LinkedIn
  • Facebook
  • More
  • Reddit
  • Pocket
  • Tumblr

Like this:

Like Loading...

Related

Filed Under: CSS, Web Development Tagged With: conference notes, contextual awareness, frontporch, frontporchio, mobile hosts, traditional media

About Jonathan Jeter

Jonathan Jeter has been creating websites since 1997. He is currently Director of Technology Services and Digital Development at TracyLocke, a shopper marketing agency. You can follow him @mywebthoughts, on LinkedIn or connect on Google+.

What do YOU think? Let me know...Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Stuff I Like to Talk About:

  • Business
  • Digital Imaging
  • Internet Marketing
    • Email Marketing
    • SEM / Paid Search
  • Life
  • Other Stuff
    • Health
    • Taekwondo (TKD)
  • Sports
    • Football
  • Technology
    • Augmented Reality
    • Awesome or Scary?
    • Marketing Technology
      • Data / Analytics
      • Omnichannel
    • Mobile
      • Android
    • Virtual Reality
  • User Interface / User Experience Design
  • Web Development
    • Browsers
    • CSS
    • Front-End Development
    • Google+ (Google Plus)
    • HTML5
    • JavaScript
    • jQuery
    • Mobile
    • MVC
    • Responsive Design
    • SEO
    • Social Media
    • UI/UX
    • WordPress

HTML

  • HTML Entities

JavaScript

  • MEAN.js

My Sites

  • Head Turning Media
  • Jonathan Jeter (Brand Yourself)
  • My Humor

Online Experts

  • Bryan Eisenberg
  • Danny Sullivan
  • Duane Forrester
  • Keith Brown
  • Louis Gray
  • Matt Cutts

UI / UX

  • Jared Spool
  • Paul Jeter
FreshBooks
Genesis Framework for WordPress Premise Landing Pages Made Easy

Most Popular

  • Verizon Wireless – My Favorite Mobile Provider
  • Who?
  • Intro to WebGL and Three.js – Front Porch…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • People Data and the Future of Marketing –…
  • A Brief History of the Complete Redesign of Google…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • Jared Spool – The Essential Principles behind…
  • Privacy Policy
  • Removing the /blog Slug in WordPress MultiSite

Copyright © 2025 Jonathan Jeter

%d