Author - admin

Ghost Button Design: Is This Really Still A Thing (And Why)?

For such a small design element, buttons sure are a complicated one to tackle. It makes sense, what with call-to-action buttons serving as the next step in your visitors’ path to conversion. Mess that up and you might as well say “bye-bye” to business. Though we have a good understanding of the types of button design rules that universally work, there will be times when you’re surprised by a rogue element that performs well. Articles on Smashing Magazine — For [...]

Monitoring unused CSS by unleashing the raw power of the DevTools Protocol

From Johnny’s dev blog:The challenge: Calculate the real percentage of unused CSS Our goal is to create a script that will measure the percentage of unused CSS of this page. Notice that the user can interact with the page and navigate using the different tabs. DevTools can be used to measure the amount of unused CSS in the page using the Coverage tab. Notice that the percentage of unused CSS after the page loads is ~55%, but after clicking on each [...]

Dwelling On The Past: The Importance Of Self Reflection (Part 2)

Current and aspiring web professionals must continually grow in order to stay relevant. Our field doesn’t allow for stagnation. In part one of this series, I discussed the importance of project retrospectives in facilitating and documenting team growth. We don’t always have the luxury of engaging in team retrospectives, or even of working on teams. Personal reflection provides similar benefits, while focusing on your individual experiences. Personal reflection enables us to process and make meaning of all of the [...]

The Rise Of The State Machines

It’s 2018 already, and countless front-end developers are still leading a battle against complexity and immobility. Month after month, they’ve searched for the holy grail: a bug-free application architecture that will help them deliver quickly and with high quality. I am one of those developers, and I’ve found something interesting that might help. We have taken a good step forward with tools such as React and Redux. However, they’re not enough on their own in large-scale applications. Articles on Smashing [...]

Introducing Web Payments: Easier Online Purchases With The Payment Request API

Buying things online can be a frustrating process, especially on mobile. Even if the pages are well designed, there’s a lot of information required: Our contact information, shipping and billing addresses, shipping option and card details. If you’ve ever just given up sometimes, you’re in the majority. The Baymard Institute took an average across 37 different studies and found that 69% of shopping carts are abandoned. A typical, long checkout form on mobile. Articles on Smashing Magazine — For [...]

Inspiring Desktop Wallpapers To Welcome 2018 (January Edition)

The new year is an opportunity to start over fresh, to overcome routines and rethink processes. And, well, despite all the New Year’s resolutions you might have made, sometimes it’s the small things that work wonders. A tidy desktop and a new, inspiring wallpaper, for example, that caters for a little inspiration shot when you need one. To kick off 2018 with wallpapers that are a bit more distinctive as the usual crowd, artists and designers from across the [...]

What You Build

I tweeted this yesterday and it seemed to resonate with some folks:Just a little reminder that it’s about 100 times more important what you build than how you build it. — Chris Coyier (@chriscoyier) December 10, 2017What I was feeling when I wrote that was a little tired of endless discussions on tech minutia and yearning for more focus on what we are building and discussion about why.If you’re a reader of this site, you and I live in the [...]

Making The Transition From After Effects To CSS Transitions And Keyframes

Websites are looking more and more like mobile apps. Users are also increasingly expecting a more app-like experience. From push notifications to offline mode, native web apps are getting there. Once web apps function like native apps, the design interactions would also change to address the use case — namely, the ubiquity of animations. Animations drive interactions in all of our favourite apps, from Uber to Lyft and Snapchat to Instagram. Articles on Smashing Magazine — For Web Designers And [...]

Productivity Tips And Tricks: The Community Shares Its Piece Of Advice

Productivity tips always make for a popular topic for an article, as everyone is looking for the silver bullet, that one weird trick that turns you into a productivity machine. However, the tips that work well for one person may not work so well for another. We asked the community on Twitter and Facebook to share their best productivity tips, and in this article I’m going to round these up alongside some things I’ve learned that work well for [...]

Building Better UI Designs With Layout Grids

(This is a sponsored post.) Designers of all types constantly face issues with the structure of their designs. One of the easiest ways to control the structure of a layout and to achieve a consistent and organized design is to apply a grid system. A grid is like invisible glue that holds a design together. Even when elements are physically separated from each other, something invisible connects them together. While grids and layout systems are a part of the [...]