• 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 User interface

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

You Got your MVC into my Components: Adding Bindings to Enyo

February 2, 2013 By Jonathan Jeter Leave a Comment

by Ben Combee at the HTML5 Texas Conference in Austin, TX

Enyo (http://enyojs.com) started as an web application framework, focusing on the problem of effectively building reusable UI components.  However, many app developers view problems through a Model-View-Controller (MVC) point-of-view where the UI is seen as a templating problem.  This talk looks at how the Enyo framework evolved in late 2012 to take on aspects of MVC, integrating support for Backbone models and data binding into our component & message passing architecture.  In doing so, it reveals what these two worlds can learn from each other, and how they both play into future work on the “web platform”.

Adding bindings to EnyoEnyo help build html apps with the feel of native apps.

A new way of thinking

How do you keep application state?

Templates are not enough. Interactive controls are hard to put into templates.

Read the rest of You Got your MVC into my Components: Adding Bindings to Enyo

Like this:

Like Loading...

Filed Under: JavaScript, MVC, Web Development Tagged With: app developer, app developers, application development, application state, application. markup, articles Enyo, Backbone models, Ben Combee, broilerplate code, Complexity Alert Components, complexity Data, conference notes, cool features, data binding, Enyo framework, Enyo help, event handling, FLA TIP EMV, fully encapsulated object, future work, html apps, HTML5 Texas, HTML5 Texas Conference, huge advantage, Interactive controls, Javascript MVC Frameworks, mixin pattern, mode view presenter, model delegate, model view, model view modelview, Model-View-Controller MVC, MVC framework, MVC Frameworks, MVC Other Patterns, native app, native apps, new way, observer pattern, Platform App Development, reusable UI components, Running Webcast, Technology Internet, templating problem, Texas conference, TX Enyo, UI components, UI Plugins, User interface, user state, versatility Integration, web app, Web application, web application framework, web platform

8 Design Lessons Learned from the Google Redesign

March 12, 2012 By Jonathan Jeter 1 Comment

After attending yesterday’s “A Brief History of the Complete Redesign of Google,” which gave an in-depth look at the process of the Google User Interface (UI) design and redesign over the year, at the South by Southwest Interactive 2012 Conference, I’ve been thinking a lot about how the redesign process at Google translates over to those of us who also have day jobs taking care of major website brands. A lot of the things that we complain about in our corporate work were discussed in the Google panel discussion, with examples of how they were overcome in this process.

The following things stood out to me as necessary for a complete Brand redesign to be successfully completed. Hopefully, none of the terms that the panel of Googlers used were proprietary or trademarked.

Read the rest of 8 Design Lessons Learned from the Google Redesign

  1. Executive Buy-In
  2. Take the Design Temperature
  3. Unique Concept Presentation
  4. Do the Initial Design in a Vacuum

Like this:

Like Loading...

Filed Under: UI/UX Tagged With: account legacy items, account possible issues, Brand, brand design groups, Bullet-Proof Prototype, complete brand redesign, complete buy-in, Complete Redesign, conference notes, Creative Lab, Creative Lab team, current design, design changes, Design Lessons, design process, design snippets, design steps, design team, Design Temperature, design tests, Eat Your Own Dog Food, Eating your own dog food, executive buy-in, Food Every company, Google, Google Design, Google design team, Google panel, Google panel discussion, Google Presentations, Google Reader, impossible deadline, individual property owners, Initial Design, initial design research, initial requirements, initial stages, interactive 2012 conference, Kanna, Kennedy, main thing, major website brands, Many times, new design, niche product, online media, online media company, overall design, Own Dog Food, Panel discussion, product owners, real estate, redesign attempt, redesign process, Search engines, South by Southwest, South by Southwest Interactive, strong executive buy-in, Style guide, Technology Internet, Temperature Unique Concept, The Google, the South by Southwest, Unique Concept Presentation, User interface, Vacuum Ask, weight 11x17 paper

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