• 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 HTML

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

Model-View-Websockets

February 2, 2013 By Jonathan Jeter Leave a Comment

by Garann Means at HTML5 Texas Conference in Austin, TX

Many front-end developers are familiar with MVC, and almost all are familiar with event-driven architectures (even if they call them something else). How do those two philosophies work together? And, more importantly, how can websockets help future applications become more responsive, more consistent, and easier to develop? We’ll reexamine the Controller concept from MVC and figure out how to combine simple browser messaging and websockets to address our application needs and improve our user experiences.

Model-View-WebsocketsJavaScript

Did well for a while without patterns and frameworks, but once we realized its potential we added everything at once, adding complexity and functionality.

#singlepageappaproblems

Single Page Applications (SPAs) today are everywhere, as well as SPA behavior on static pages, requiring 3rd-party tools and systems of dependencies. It’s easy to set up, but difficult to maintain.

Read the rest of Model-View-Websockets

Like this:

Like Loading...

Filed Under: JavaScript, MVC, Web Development Tagged With: ad-hoc Related articles, awesome tools, client interaction fit, code good tools, conference notes, CRUD EDA, darn HTTP requests, development Event-Driven Architectures, EDA JS, EDA objects, event handling, event piping decouple, event-driven architectures, events event handling, events free events, family MVC, full-stack Backbone Meteor, global events updates, HTML, HTML server updates, HTML5 Texas, HTML5 Texas Conference, HTTP request, HTTP requests, Hypertext Transfer Protocol, interface inerpolate data, JavaScript, Javascript MVC Frameworks, lightweight MVC, mobile uses tickers, multiple HTTP requests, MVC, MVC framework, MVC Frameworks, MVC suit, Node Knockout app, Node Model-View-* circa, OOP big teams, pubsub implementation WebSockets, quick state changes, replace framework sync, REST easy mapping, server messages, server-rendered HTML Flight, simple browser messaging, Single Page Applications, sophisticated EDA JS, support dead simple, talk DiY WebSockets, Technology Internet, Texas conference, TodoMVC No SPA, user experience, user interaction, user interaction MV*, view server itarction, views MVC, WebSocket

Front End Legos

February 2, 2013 By Jonathan Jeter 2 Comments

by Shay Howe at HTML5 Texas Conference in Austin, TX (Deck)

There are a million ways to write HTML and CSS, and everyone has their own, but is there a right way? Our code needs to be well structured, written in an organized manner, and performance driven. Sharing code with others should be a joyful experience, not absolute terror.

In this session, Shay will cover some best practices and performance tips for writing the highest quality HTML and CSS possible. Writing code is the easy part, finding a practice and structure that works well across the board is the hard part. Shay will outline HTML and CSS conventions that can be applied to your everyday practice.

Front End Legos - Building Modular CSSCommon Problems

  • Websites have difficulty scaling
  • code becomes brittle
  • Files and code bases begin to swell

What’s Wrong

Best practices aren’t exactly best practices

Read the rest of Front End Legos

  • avoid extra elements

Like this:

Like Loading...

Filed Under: Front-End Development, Web Development Tagged With: bad Low Specificity, Base Core styles, Best Practices, Cache Files, Cascading Style Sheets, Class (computer programming), class names avoid unnecessary, code bases, common files, Components User interface, conference notes, container element selectors, CSS conventions, CSS Jonathan Snook, CSS Lint, CSS Nicole Sullivan, CSS Performance, CSS Sneak Peek, Data Formats, date content, default elements, design patterns Alerts, elements Accommodate Content, elements Great ideas, Elements High Specificity, entire site, entire site Normalize, extra elements, great ideas, grid separate presentation, highest quality HTML, HTML, HTML5 Texas Conference, Jonathan Snook, layout code, leverage descendent selectors, leverage type selectors, lists Modules Business, Maintainability Code, Markup Languages, modular performant Organization, modularity Modularity, nested selectors, Nicole Sullivan, old code, old code defer, oocss.org SMACSS Scalable, performance tips, reusable elements, right way, Shay Howe, smacss.com Reuse Code, Specificity determines, Specificity Formula count, specificity Methodologies OOCSS, Style Sheets, styles Minimize Requests, Technology Internet, Texas, Texas conference, Use data, User interface, Zurb Foundation

HTML5 TX 2013

February 2, 2013 By Jonathan Jeter Leave a Comment

HTML5 TX Opening CircleToday is the 2nd annual HTML5 Texas conference at St. Edwards University in Austin. Looking forward to learning some great HTML5 goodness today.

Important things for today:

  • Parking is available in any lot except the red lots (resident parking)
  • Great sponsors
  • Hackython with free copies of Kendo UI
  • Closing Party tonight

Open Spaces – Alan Stevens

HTML5TX Open Spaces by Alan Stevens

Open spaces technology allows for the important stuff that goes on at conferences in the hallways. An open space is a place where you can run an impromptu session on any topic. The first step is to propose a topic that you’re passionate about. It doesn’t have to be related to other topics or the conference at all. Announce your topic and your name and put it on the board in one of the areas available. The only other responsibility is to show up. Then you can do whatever you want. Give a lecture or a presentation or a conversation. If no one shows up, that’s okay, too. Just stay there and see what happens. It is an amazing experience.

Read the rest of HTML5 TX 2013

Like this:

Like Loading...

Filed Under: HTML5, Other Stuff, Web Development Tagged With: 21st century, adaptive and responsive web forms, Alan Stevens, Alan Stevens Open, amazing experience, annual HTML5 Texas, articles Kendo UI, Austin Texas, building mobile apps, Closing Party, conference notes, frameworks Bradley, free copies, front-end JavaScript Testing, great HTML5 goodness, Great sponsors Hackython, HTML, HTML5, HTML5 BII REPORT, HTML5 Texas, HTML5 Texas Conference, HTML5TX, HTML5tx Lift SEO, important stuff, important things, impromptu session, jango 3D, JavaScript, JavaScript Casey, js Dean, Kendo UI, Kendo UI Closing, Kendo UI Closing Party tonight Open Spaces, main principles, marry client-side MVC, mobile apps, mobile web, multi-user dungeons, MVC Frameworks, open space, open spaces, Pot realization, resident parking, responsive web forms, right people, right place, right time, Robot world, Sangean Table Top Portable Audio Device, site launch, space topics, St. Edwards University, table-top gaming, Texas conference, UI native, venus world, When it's over, work-life balance, worst thing

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…
  • To The Moon And Back: Taking The Leap Towards…
  • Opening Keynote at ClickZ Live Chicago 2015 –…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • People Data and the Future of Marketing –…
  • Removing the /blog Slug in WordPress MultiSite
  • Contact Jonathan Jeter
  • In Data We Trust

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d