Category: UI Design

  • Using Progressive Enhancement to Design for Accessibility

    Using Progressive Enhancement to Design for Accessibility

    Scott Jensen | August 5, 2019

    The web is for everyone. That includes web apps built on web architecture. If you haven’t heard the word “accessibility” mentioned in the last couple of years, you may have been living under a rock. Building accessible, inclusive web apps that support users with disabilities is becoming standard protocol.

    Read More
  • Secrets to a Successful Designer Developer Handoff

    Secrets to a Successful Designer Developer Handoff

    Scott Jensen | April 9, 2019

    Let’s be honest, getting designs from your UX team into the hands of your engineering team in a way that makes sense is rarely easy. Add tight deadlines, team changes, and miscommunication to this process and your application will likely end up looking very different than what you expected.

    Read More
  • Materialize Your Components

    Materialize Your Components

    Tom Dye | March 12, 2019

    Introduction Material design is everywhere today; even now if you’re reading this post in a Chrome browser, you may have noticed that the icons, fonts, colors and paddings have all recently been changed to align with Material.

    Read More
  • 5 Signs Your Product Has Outgrown Its UX: The Wrong Footwear

    5 Signs Your Product Has Outgrown Its UX: The Wrong Footwear

    Scott Jensen | February 18, 2019

    Ever spent the day walking in the wrong shoes? Played basketball in flip flops? Worn socks with sandals? No? Just me? Wearing the right footwear can make a big difference. But none of us carry around our entire shoe collection waiting for the right opportunity to wear each pair.

    Read More
  • 5 Signs Your Product Has Outgrown Its UX: The European Cut

    5 Signs Your Product Has Outgrown Its UX: The European Cut

    Scott Jensen | February 5, 2019

    I found this really great shirt last week on the rack. I grabbed my size, tried it on, working each button down the front until it became painfully obvious: this wasn’t made for me. After a little investigation, I found the fine print on the label which read “European Cut.

    Read More
  • An Intro to Designing for Accessibility

    An Intro to Designing for Accessibility

    Daniel Bivins | December 4, 2018

    Ensuring that your app or site is designed with accessibility as a priority isn’t only good design—it also makes good business sense. Giving thought to this early on in the product creation can save you headaches by reducing design and technical debt for your team.

    Read More
  • Does This Make My App Look Fat?

    Does This Make My App Look Fat?

    Scott Jensen | November 19, 2018

    Just exactly how many clothes do you own? How many really? There’s probably a few you wear all the time. Maybe some for special occasions. But let’s talk about the clothes you don’t wear. You know the ones. They just don’t fit right.

    Read More
  • Enterprise Application Redesign: From the Bottom Up

    Enterprise Application Redesign: From the Bottom Up

    Scott Jensen | November 8, 2017

    Not long ago, good design was considered nice to have, but non-essential to a product or company. In today’s market, however, good design has become a commodity. The apps we use on our phones, our laptops, or even on our TVs are constantly scrutinized based on their quality of user experience design.

    Read More
  • Less Clicking, More Binging

    Less Clicking, More Binging

    Scott Jensen | August 1, 2017

    Whether it’s Game of Thrones or an old season of Rupaul’s Drag Race, it’s pretty likely you’ll be streaming something tonight from your TV. Netflix, Hulu, Sling — these are the apps that dominate our quiet evenings.

    Read More
  • Dojo FAQ: Is there a modern theme for Dojo?

    Dojo FAQ: Is there a modern theme for Dojo?

    Dylan Schiemann | June 16, 2016

    One of the additions of the recent Dojo 1.11 release is a modern flat theme created with the Stylus preprocessor. The flat theme allows you to apply a modern, flat look and feel to existing Dojo applications.

    Read More
  • Minimizing Dijit Instances in dgrid

    Minimizing Dijit Instances in dgrid

    Kris Zyp | April 14, 2015

    Dijit and dgrid provide a powerful set of user interface components, allowing for fast construction of sophisticated web applications with excellent performance and interactivity. However, one particular configuration of dgrid that can impact memory and performance: heavy use of persistent Dijit editors within grid cells.

    Read More
  • Dojo FAQ – How do I use Bootstrap with Dijit?

    Dojo FAQ – How do I use Bootstrap with Dijit?

    Ed Hager | August 13, 2014

    Bootstrap is a framework created by Twitter’s developers to consolidate their HTML/CSS design and widgets. Bootstrap provides a clean responsive design, but the set of widgets it includes is limited, especially when compared to what’s available in the Dijit library.

    Read More
  • Dive Into Dijit Forms with AMD

    Dive Into Dijit Forms with AMD

    Mike Wilcox | November 16, 2012

    As was illustrated with our Dive Into Dijit with AMD post, the Dijit library provides an extremely powerful, flexible set of Dojo-based widgets with which you may easily enhance the look and functionality of your web application.  These widgets include drop down / popup menus, dialogs, page layouts, trees, progress bars, and form elements.

    Read More
  • Dive Into Dijit Forms

    Dive Into Dijit Forms

    David Walsh | August 11, 2010

    Notice: There is a newer version of this post available As was illustrated with our Dive Into Dijit post, the Dijit library provides an extremely powerful, flexible set of Dojo-based widgets with which you may easily enhance the look and functionality of your web application.

    Read More
  • Queued: Theming

    Queued: Theming

    Chris Anderson | April 3, 2009

    As part of our series on how we built Queued, today we’re going to talk about theming the Queued application, and touch on a few examples of what made putting the skin on Queued so much fun.

    Read More
  • Queued: Visualizing the Queue

    Queued: Visualizing the Queue

    Torrey Rice | March 27, 2009

    Visual Translation As with every SitePen project, we started out Queued with a set of written requirements that defined what the app should do. From that set of requirements, the design team began to define common user goals and create wireframes that detailed how the user would achieve these goals.

    Read More
  • Queued Overviewed

    Queued Overviewed

    Dylan Schiemann | March 24, 2009

    Last month, we announced Queued, an open-source application for managing your Netflix Queue. Queued is a desktop application created with web technologies and techniques including the Dojo Toolkit, and it is distributed as an Adobe AIR application to provide several performance boosting benefits from living on the desktop.

    Read More
  • Styling Dijit Form Elements

    Styling Dijit Form Elements

    Mike Wilcox | February 25, 2009

    Dijit has a tremendous wealth of high quality and feature-rich form elements providing key functionality including validation, time calculation, spinner controls, calendars, and much more. Furthermore, Dijit gives you a set of themes to choose from: Tundra, Soria, Noir, and Nihilo.

    Read More
  • I’m Not Flash

    I’m Not Flash

    Peter Higgins | April 8, 2008

    Much like a magpie, I find myself oddly infatuated with shiny things. When a UI component somewhere just screams elegance, I find myself compelled to use it. A lot of the time a simple right-click will indicate the said UI was implemented in Flash, and it loses a tiny piece of street-cred.

    Read More
  • SVG + CSS Animations = Fisheye Fun

    SVG + CSS Animations = Fisheye Fun

    Torrey Rice | March 28, 2008

    Recently Apple delivered Safari 3.1 with some very exciting features. While we still can’t use things like multiple background images and drop shadows across all browsers, we are getting to play with the future and I, for one, am loving it. One of the most interesting things in Safari 3.

    Read More
  • Some Tools You Might Have Missed

    Some Tools You Might Have Missed

    Torrey Rice | March 6, 2008

    Over the past few years designing and developing I’ve come to rely on a number of tools. Most of these are obvious like Photoshop and Firebug, however I’ve come to realize that a few tools I use aren’t as well known.

    Read More
  • Dynamic Languages and Your Mom, 2.0

    Dynamic Languages and Your Mom, 2.0

    Dylan Schiemann | March 3, 2008

    SitePen was in the news recently: Simplexity Rising: Web usability reveals itself to be a game of hide-and-seek covers our session, “Your Mom, 2.0”, for the upcoming SXSW 2008, and offers some choice quotes about building web apps that are feature rich yet easy to use.

    Read More
  • Web Application Design: An Introduction

    Web Application Design: An Introduction

    Chris Anderson | August 1, 2007

    These are truly exciting times. Not only for SitePen, but for the web application space in general. It seems we are seeing a seismic shift in the way we use computer applications: moving away from the clunky, static, boxed-installed lot to those that are quick, lightweight, flexible, and web-based.

    Read More
  • On writing training programs

    On writing training programs

    Tom Trenka | April 9, 2007

    In the past two or so months that I’ve been an employee of SitePen, my main task has been to design and write the materials for the majority of our new training course offering’s including slides, activity handouts, working code equivalents, slide design (which in the end Torrey did, a brilliant job too), and other

    Read More
  • Code Finished for Dojo Offline’s Default User Interface

    Code Finished for Dojo Offline’s Default User Interface

    Brad Neuberg | January 31, 2007

    [Note: This blog post is out of date. For up to date information on Dojo Offline please see the official web page.] We have posted up the default user-interface widget for Dojo Offline; this is all coded up now in JavaScript and is complete. This means all the default user-interface code, which lives in dojo.dot.

    Read More
  • Offline Gmail and Blogger Using the Dojo Offline Toolkit

    Offline Gmail and Blogger Using the Dojo Offline Toolkit

    Brad Neuberg | January 9, 2007

    [Note: This blog post is out of date. For up to date information on Dojo Offline please see the official web page.] Introduction The best way to start development on a programming framework is to ground it in the kinds of user interfaces it will be used in.

    Read More
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Privacy Policy