UX

Quick hits! There is a new web API called EyeDropper: if ('EyeDropper' in window) { const eyeDropper = new EyeDropper(); try { // This has gotta be triggered by a user interaction, // so consider this pseudo-code. const result = await eyeDropper.open(); const colorHexValue = result...

This is a fantastic article from Julia Evans about duking it out with modern front-end tooling. Julia was made a bunch of Vue projects and typically uses no build process at all: I usually have an index.html file, a script.js file, and then I do a and that’s it. Which I t..

From my perspective, the question of what one thing we can do to make a website better is not a technical one. The more I browse the internet, the more I realize that the biggest issue with a lot of websites is the fact that they don’t let me accomplish the task I am looking to get done. Whether it ..

(This is a sponsored post.) MarkUp is the leading visual commenting platform for images, PDFs, and live websites. It’s the perfect companion in your creative process to make your life easier. Manage and organize all web, PDF, and image projects in one location and easily sort between them. Here’s ..

People get easily bored with trends, and every few years, the pendulum swings the other way. We have all seen the rise and fall of iconic fashion pieces or art movements. The same thing happens in User Interface (UI) design. UI trends go from interfaces that mimic real-world objects to super-minimal interfaces with no embellishments. All of them have their advantages and disadvantages. With knowledge about these UI trends, you can create and experiment with new ones, which is essential to innovate, push the design industry forward, and elevate your own design practice.To deliver exceptional visual designs and an excellent user experience, let’s look back and learn from the most relevant UI t...

We’ve all heard the saying, “a designer is only as good as their clients.” Some designers, regardless of skill level or experience, seem to always have the most interesting assignments that are creative, challenging, and highly paid, while others, who may have more experience, technical skill, or t..

The SVG syntax is a beast. There are all sorts of commands that make up a mini-language all of its own — so powerful that it’s capable of drawing anything. Don’t be too scared of it, though, because some of the commands are very straightforward to understand. They read like “put pen here, dra..

I try to keep up with WordPress news because I’m a big WordPress user and have many production sites that run on it. WordPress has been good to me as a site builder for literally my entire career. So, like we do with typography (example), accessibility (example), and JavaScript (example), I’m hoping..

I’ve built websites that are used by millions of people all over the world. I’ve made more mistakes than I care to count and I’ve had to deal with the repercussions of those mistakes for years thereafter. Through all of this, my team and I have been trying to strike the best balance between user and..

Websites as we know them are going to change very soon. The days of text, images, and basic interactions in a 2D browser window have served us well, but virtual, augmented, and mixed reality experiences are getting better all the time. Developers and designers need to think beyond the browser window..