• 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 Archives for Web Development CSS

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

Read the rest of Context Aware CSS – Front Porch Front-End Developers Conference, Dallas, TX

  • 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

Like this:

Like Loading...

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

SMACSS Your Sass Up Mina Markham – Front Porch Front-End Developers Conference, Dallas, TX

October 7, 2014 By Jonathan Jeter Leave a Comment

Presented by Mina Markham

SMACSS is not a framework. It’s an approach to authoring your style sheets. You can use

categorization

– base,
– layout, modules, states and themes

base styles are bare minimum (css reset)
layout styles are the grid system and any defining elements of your site (header/nav/etc)
modules is where you write the bulk of the css. components of pages
states are the active, collapsed, hidden or other states of your modules. You can use a separate naming convention for these
themes don’t always apply, but a theme can be a new skin for modules

base uses standard tags
layout can use a .layout prefix for your styles
modules use the name of the module
state styles can use a .is- prefix
theme can use .theme- prefix

Read the rest of SMACSS Your Sass Up Mina Markham – Front Porch Front-End Developers Conference, Dallas, TX

Like this:

Like Loading...

Filed Under: CSS, Front-End Development, Web Development Tagged With: conference notes, frontporch, frontporchio, Style Sheets

Rapid Templating: “Designing in the Browser” with Sass, Compass, and Serve

February 2, 2013 By Jonathan Jeter Leave a Comment

by Nathan Smith at HTML5 Texas in Austin, TX (Deck)

Have you ever found yourself needing to build static front-end templates, either as part of a larger project or as a way to communicate the nuances of responsive design to a client? I think we can all agree that just doing flat HTML leaves us wanting for more templating power.

But, using a dynamic language (PHP, Ruby, etc) typically means that it’s tougher to hand off to a client, who may (not) have a local development environment. That’s where Serve helps bridge the gap. It lets you play with the “”V”” of Rails MVC, but also export flat HTML for easy distribution.

Responsive Web Design

Designers can’t just throw stuff over the wall to the developers anymore

The deck says it all. Great stuff!

sass is to css what jQuery is to JavaScript

Read the rest of Rapid Templating: “Designing in the Browser” with Sass, Compass, and Serve

Like this:

Like Loading...

Filed Under: CSS, Front-End Development, Web Development Tagged With: Absolute Beginner, Cascading Style Sheets, Conventions Rapid Templating, CSS Performance, development environment, dynamic language, easy distribution, flat HTML, Great stuff, HTML5 Texas, JavaScript Related, larger project, local development environment, Nathan Smith, Rails MVC, responsive design, responsive web, Responsive Web Design, Responsive Web Design Designers, Sass Coding Q&A, static front-end templates, Technology Internet, templating power, Web Design

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

  • Exploring Standard Ad Unit Sizes: Google AdSense 300…
  • To The Moon And Back: Taking The Leap Towards…
  • Looking for Instagram or Android fonts or logos and…
  • Verizon Wireless – My Favorite Mobile Provider
  • The Relentless Pursuit of the Right Answer: Why…
  • My Notes on “Marketing Technology as Force…
  • Ultimate Engagement: Data Driven Email Tactics
  • Backbone: 3 Ways
  • A Brief History of the Complete Redesign of Google…
  • Touchpoints, Platforms, and People: Designing an…

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d