Author - admin

Combining Graphical And Voice Interfaces For A Better User Experience

   With​ ​the​ ​appearance​ ​of​ ​voice​ ​user​ ​interfaces,​ ​AI​ ​and​ ​chatbots,​ ​what is​ ​the​ ​future​ ​of​ ​graphical​ ​user​ ​interfaces (GUIs)?​ ​Don’t​ ​worry: Despite​ ​some dark​ ​predictions​,​ ​GUIs​ ​will​ ​stay​ ​around​ ​for​ ​many​ ​years​ ​to​ ​come. Let​ ​me​ ​share​ ​my​ ​personal, humble predictions​ ​and​ ​introduce​ ​multi-modal​ ​interfaces as​ ​a​ ​more​ ​human​ ​way​ ​of​ ​communication​ ​between​ ​user​ ​and​ machine.The​ ​old​ ​wisdom​ ​that​ ​a​ ​picture​ ​is​ ​worth​ ​a​ ​thousand​ [...]

Naming Things In CSS Grid Layout

   When first learning how to use Grid Layout, you might begin by addressing positions on the grid by their line number. This requires that you keep track of where various lines are on the grid, and also be aware of the fact the line numbers reverse if your site is displayed for a right-to-left language.Built on top of this system of lines, however, are methods [...]

Web Design Weekly #295

Headlines Is this my interface or yours? John Saito shares some thoughts around interface items that belong to you. A great piece that sure does get you thinking. (medium.com) Rebuilding Slacks Website (slack.engineering) Manage projects. Bill your clients. Stay profitable. Meet Harpoon, the all-in-one financial success platform for freelancers, studios, and agencies. You decide how much money you want your business to make this year. Harpoon provides the tools you need to help achieve that goal. Try it free for 14 days! (harpoonapp.com) Articles The [...]

Implementing A Service Worker For Single-Page App WordPress Sites

   With so many JavaScript frameworks around, single-page application (SPA) websites seem to be all the rage nowadays. However, an SPA architecture has the drawback of having a slower first-page load than a server-based application, because all of the JavaScript templates used to render the HTML view must be downloaded before the required view can be generated.

A Bit on Buttons

1 The other day we published an article with a bonafide CSS trick where an element with a double border could look like a pause icon, and morph nicely into a CSS triangle looking like a play icon. It was originally published with a <div> being the demo element, which was a total accessibility flub on our part, as something intended to be interacted with like this is really a <button>. It also included a demo using the checkbox hack to [...]

Monthly Web Development Update 10/2017: CSS Grid, CAA Pitfalls, And Image Optimization

   Editor’s Note: Welcome to this month’s web development update. Anselm has summarized the most important happenings in the web community that have taken place over the past few weeks in one handy list for you. Enjoy!As web developers, we’re working in a very diverse environment: We have countless options to specialize in, but it’s impossible to keep up with everything. This week I read an [...]

Don’t Let Your Brain Deceive You: Avoiding Bias In Your UX Feedback

   You know that user feedback is crucial — after all, your users will decide whether your app succeeds or not — but how do you know whether users are being fair and objective in their feedback?We can tell you: They won’t be. All of your users will be giving you biased feedback. They can’t help it. The post Don’t Let Your Brain Deceive You: Avoiding Bias [...]

Web Design Weekly #294

Headlines Essential Image Optimization – an eBook An awesome eBook created by Addy Osmani that looks at the current state of image optimization and the best ways to integrate it into your workflow. A must read. (images.guide) Lessons from migrating a large codebase to React 16 (discordapp.com) Articles The 100% correct way to structure a React app Is there a “correct way”?! Well I’m not really sure but in this post David Gilbertson offers some really sound advice on making sure that the pain [...]

Building A Large-Scale Design System: How A Design System Was Created For The U.S. Government (Case Study)

   Editor’s Note: We’ve been closely working with Maya on this article, and we’re happy to see the final result now being published on 18F. We highly encourage more teams to share the lessons they learned when building design systems or pattern libraries, and we’re always happy to support them in writing, editing and shaping that article. This post is a re-post of Maya’s final article.Today, [...]

Gutenberg

I’ve only just been catching up with the news about Gutenberg, the name for a revamp of the WordPress editor. You can use it right now, as it’s being built as a plugin first, with the idea that eventually it goes into core. The repo has better information. It seems to me this is the most major change to the WordPress editor in WordPress history. It also seems particularly relevant here as we were just talking about content blocks [...]