• 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 responsive design

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

Demystifying the Future of the Web and Apps at #SXSW2012

March 12, 2012 By Jonathan Jeter Leave a Comment

Monday, March 12, 2012 at South by Southwest Interactive Conference in Austin, TX
by Paul Trani (Evangelist – Adobe Inc) #sxsw #devices #SXdevices

Demystifying Devices: Understanding the Future of the Web & Apps

Adobe Proto looks cool really awesome! Talking about the Adobe Creative Cloud. The creative cloud is Adobe’s way of syncing all of your Adobe products and apps to all your devices.

  • Since 2009, Mobile Internet Usage has doubled every year
  • iPads and iPhones make up more Web traffic than Macs
  • mobile Internet usage will surpass desktop Internet Usage by 2015

Mobile devices have come a long way since the first mobile phones came out for the masses more than 20 years ago.

Progressive Enhancement (UI) and Responsive Design (layout)

progressive enhancement only gives browsers/devices the features they can use

Media queries – find min/max width, orientation & min/max-resolution to decide what css to load

Read the rest of Demystifying the Future of the Web and Apps at #SXSW2012

Like this:

Like Loading...

Filed Under: Mobile Tagged With: Adobe Creative Cloud, Adobe products, Adobe Systems, Appcelerator Titanium Mobile, Apps Adobe Proto, attractive design, chromeless browser, conference notes, correct content, creative cloud, dependent multiple skill, desktop internet usage, different media queries, Evangelist - Adobe Inc, Expressive Web, FitVids UX Design, golden ratio, iCloud logo, Internet Usage, jquery mobile, jquery mobile theme, jQuery plugin, long way, macs mobile internet, media queries, mobile apps, mobile development, mobile device, mobile devices, mobile Internet, mobile internet usage, Mobile phone, Mobile phones, mobile site, Mobile Theme Roller, Mobile users, mobile web, multi-screen preview, multiple native apps, MVC approach, native app, Native App Development, native apps, native code, native hardware, native languages iOS, Native Mobile Apps, Objective C Android, Paul Trani, platform manufacturer, progressive enhancement, REAL hand sizes, responsive design, Same thing, screen size, Sencha Touch, South by Southwest, South by Southwest Interactive, South by Southwest Interactive Conference, Southwest Interactive Conference, Strengths Great integration, Technology Internet, tool requirement, Tools Masonry, user experience, UX Design, web app, Web traffic, Windows Mobile

Luke Wroblewski – Designing Mobile Web Experiences

May 24, 2011 By Jonathan Jeter Leave a Comment

UIE Web App Master’s Tour – Seattle, Washington – May 24, 2011

Convincing Clients to Care

Luke Wroblewski - Designing Mobile Web Experiences
Luke Wroblewski - Designing Mobile Web Experiences

Prediction in 2009 that smartphones would outsell PCs in 2012, it happened in 2010.

Home usage of PC since 2008 has decreased 20%

November 2010 – visits to web-based email sites decreased 7% and people accessing email on mobile devices increased 36%

Twitter – 40% of all tweets are sent via mobile; 16% of new users start on mobile. Top 2 Twitter mobile clients – twitter.com, m.twitter.com, sms

Facebook – 33% of users use mobile via Facebook mobile website, and clients on phones

Mobile phones will overtake PCs as the most common Web access devices worldwide by 2013

Shift from what was the personal computer (PC) to what is the personal computer (smart phone).

Capabilities & Constraints

Capabilities

Location Systems: GPS, WiFi, Cell Tower Triangulation

Read the rest of Luke Wroblewski – Designing Mobile Web Experiences

Like this:

Like Loading...

Filed Under: User Interface / User Experience Design Tagged With: Best Practices, books.alistapart.com luke wroblewski, border-radius rgba color, Cascading Style Sheets, Cell Tower Triangulation, comfortable reach zone, Constraints Capabilities Location, Constraints small screen, correct interaction element, dead end menu, design elements, excessive navigation menus, Facebook mobile website, fingers sensors flickr, Focus Maintain clarity, gmail.com mobile, important two sets, Luke Wroblewski, media queries, mobile browsers, mobile device, mobile devices, mobile helps, mobile navigation elements, Mobile phone, Mobile phones, mobile site, mobile tends, mobile web, Mobile Web Experiences, Mode Fluid Fills, navigation links, Network constraints, page menu, physical control proximity, picture designing, Practices Mobile Behaviors, responsive design, Responsive Design resolution, responsive design trim, Screen On Tap, single navigation action, small navigation elements, Swipe Separate Screen, text-shadow box-shadow gradients, thumbs in-context navigation, touchable touch target, Twitter mobile clients, UI, UIE, UIE Web App, UX, vs global navigation, Web access devices, web app, Web App Master, Web App Master's Tour, web-based email sites, width reduce push, width viewport tag

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

  • Who?
  • Verizon Wireless – My Favorite Mobile Provider
  • Intro to WebGL and Three.js – Front Porch…
  • Opening Keynote at ClickZ Live Chicago 2015 –…
  • People Data and the Future of Marketing –…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • To The Moon And Back: Taking The Leap Towards…
  • Removing the /blog Slug in WordPress MultiSite
  • Contact Jonathan Jeter
  • Waze Gets You There

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d