• 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 long time

HTML5 Texas JavaScript Workshop – Client-Side Storage

February 3, 2013 By Jonathan Jeter Leave a Comment

HTML5TX JavaScript Workshop - Pamela FoxWeb technologies have taken a long time to progress.

A lot of the standards we see today are because browsers decided to implement new features.

HTML5 is now just supposed to be HTML. It is supposed to be a living standard.

Pamela needs an HTML app that helps choose her hair color.

Client-Side Storage

  • cookies
  • Flash Storage
  • Internet Explorer UserData
  • Google Gears
  • Dojo Storage
  • window.name

Cookies are used for all types of tracking, but they have issues with security, user trust (can be disabled), performance and size.

In the HTML spec, they considered the issues and came up with the following solutions.

Read the rest of HTML5 Texas JavaScript Workshop – Client-Side Storage

  • Web Storage APIs
  • IndexedDB
  • File System APIs
  • Application Cache
  • …cookies

localStorage

  • Key / value pairs – hash table
  • Persistent on page reloads
  • Avoids HTTP overhead of cookies

Like this:

Like Loading...

Filed Under: JavaScript, Web Development Tagged With: APIs Application Cache, app work offline, Application programming interface, application state, application state Remember, block the UI Make sure to test for, blog post, check Serialization Fallbacks, client-side storage, Client-side Storage Comparison, Client-Side Storage cookies, CPU time Recommendations, dysfunctional site, excessive gets/sets, excessive keys, File APIs, File Systems API, FileReader http://dev.w3.org/2006/webapi/FileAPI/ FileList, FileSaver http://dev.w3.org/2009/dap/file-system/file-writer.html FileWriter, FileSystem http://dev.w3.org/2009/dap/file-system/pub/FileSystem/ Probably, Flash Storage Internet, Flash Storage Internet Explorer UserData, hash table Persistent, HTML, HTML5 Texas, Indexed Database API, IndexedDB IndexedDB, IndexedDB Libraries IndexedDB, indexedDB Optional plugins, IndexedDB window.indexedDB Object, input Improve performance, Internet Explorer UserData, JavaScript, JavaScript Workshop, jQuery Throttle/Debounce Plugin, JS Performance Analysis, local memory, localStorage access, localStorage libraries, LocalStorage Tips, long key vs., long time, Mobile browser, mobile browsers, modern browser quirks, multiple short keys, new feature, Nicholas Zakas, Quota Management API, Remember user data, Same thing, Script Caching HTML5, slow points, Storage APIs IndexedDB, Storage library, Storage window.name Cookies, Technology Internet, Texas JavaScript Workshop, Tight JS Loops, web app, Web apps, Web Storage, Web Storage APIs, Web technologies, WebStore support test

Closing Panel at HTML5TX Conference

February 2, 2013 By Jonathan Jeter Leave a Comment

Closing Panel at HTML5TX ConferenceTheme: Where has HTML5 come with the diversity of devices

Panelists: Christopher Schmitt, Ryan Joy, Burke Holland,  Estelle Weyl, Joe McCann, Mike Taylor

What is future-friendly?

Joe: being future-friendly with the web is supporting mobile, but a better strategy is a content strategy for all devices and where they are used. It’s okay to think of web browsers as end points, but your content should be able to live in all environments.

Desktop. Laptop. Smartphone. Tablet. Phablet. Xbox. PS Vita. Smart TVs.  That’s a lot of places your content can live.  Building specific experiences for each one of these simply doesn’t scale.  Let’s find out why and how to tackle such an enormous problem.

Being “”Future Friendly”” is not necessarily just a visual or interaction design decision, but an architectural decision as well.  Furthermore, being “”Future Friendly”” is not about the web or native:  it’s both and more.

Read the rest of Closing Panel at HTML5TX Conference

Like this:

Like Loading...

Filed Under: HTML5, Mobile, Web Development Tagged With: basic PC desktop, Better browsers, better strategy, better things, big shift, big thing, browser developer tools, Burke Holland, business case, cheapness Estelle, Christopher Schmitt, Christopher Schmitt Burke, community device testing, conference notes, Content Strategy, devices Panelists, different things, different versions, end points, Estelle Weyl, Future Friendly, great browsers, HTML5tx Closing Panel, interaction design decision, Internet of Things, Joe McCann, Kendo UI, long time, massive wi-fi networks, Microsoft Guy, Mike Taylor, Mobile browser, mobile browsers, mobile development, mobile device, mobile devices, mobile site, Mobile Sites, mobile world, multiple browsers, multiple devices, new feature, new web features, operating system, personal devices, real silver bullet, Resource libraries code, self-aware devices, Web browser, Web Browsers, Web Weekly Watercooler, Will Never

Bill Scott – Designing for Mice and Men

May 24, 2011 By Jonathan Jeter Leave a Comment

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

Bill Scott from Netflix – Designing for Mice and Men
Bill Scott, Netflix – Designing for Mice and Men

Bill has been in the industry for a long time, at Sabre, Yahoo! and now Netflix.

Challenge is designing across devices: web, mobile, tablets & TV. Iteration changes based on devices. In Canada, they don’t even have a queue.

People like to make lists.

Chaos – 400 SKUs (devices) can run Netflix. Different manufacturers can create different NetFlix experiences. Using HTML5 for all platforms. Using Webkit (QT Webkit, Skia Webkit, iOS Webkit) Takes advantage of the same engineering team to create for most devices.

Server-driven dynamic UI

Webstyle release vs CE firmware updates

Support A/B Testing

Controlled Variances

Managing Across Platforms

Read the rest of Bill Scott – Designing for Mice and Men

  • portability layer (html5)
  • vary the experience across platforms
  • design for user posture, input capabilities, navigation styles and display capabilities

Like this:

Like Loading...

Filed Under: User Interface / User Experience Design Tagged With: actual execution, app store, artificial constructs, Bill Scott, Change blindness, change focus attention, Content drives, delight simulate physicality, design principles, different netflix experiences, display capabilities, Dynamic Multi-Bulk Rater, dynamic ui webstyle, engineering team, experience cushion, input capabilities, Invitation Advances, IOS (Apple), Iteration changes, Joe Hewitt, Kids Netflix site, Kindle broken metaphor, Larger box shots, long time, maintain flow, maintain flow change, navigation styles, phone app, physical dimension, physical spinart, platforms design, Platforms portability layer, Product Issues, QT Webkit, Reward Moments, similar action invitations, Skia Webkit, Stock-keeping unit, Technology Internet, Testing Controlled Variances, Touch-Hold Moments, Twitter apps, Twitter iPad app, UI, UIE, UIE Web App, Use directness, Use metaphors, user posture, UX, vs ce firmware, web app, Web App Master, Web App Master's Tour, web vs, web vs touch, |input|posture|navigation|display web| tablet|

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

  • Contact Jonathan Jeter
  • Verizon Wireless – My Favorite Mobile Provider
  • Social Farming?
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • In Data We Trust
  • A Brief History of the Complete Redesign of Google…
  • Mike Lee – AARP: Designing a Strategy for…
  • Who?
  • What?
  • Exploring Standard Ad Unit Sizes: Google AdSense 300…

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d