• 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 mobile browsers

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

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

  • Verizon Wireless – My Favorite Mobile Provider
  • Who?
  • Intro to WebGL and Three.js – Front Porch…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • Looking for Instagram or Android fonts or logos and…
  • A Brief History of the Complete Redesign of Google…
  • People Data and the Future of Marketing –…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • Jared Spool – The Essential Principles behind…
  • Contact Jonathan Jeter

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d