WordPress

Building Pattern Libraries With Shadow DOM In Markdown

   Some people hate writing documentation, and others just hate writing. I happen to love writing; otherwise, you wouldn’t be reading this. It helps that I love writing because, as a design consultant offering professional guidance, writing is a big part of what I do. But I hate, hate, hate word processors.When writing technical web documentation (read: pattern libraries), word processors are not just disobedient, but [...]

Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting

   New APIs offer great possibilities to build better web services. And some people push these new technologies to their limits. For example, we can use JavaScript to generate images that we then can use in Web Notifications. We can use the Storage API to find out if and how much data we can save on a user’s device and can adjust the behavior of our [...]

Designing The Perfect Slider

   When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, [...]

Taming Advanced Color Palettes In Photoshop, Sketch And Affinity Designer

   Creating large, harmonious and uniform color palettes can be a challenge. Good intentions and confident plans can be abandoned when things get a little unwieldy.But you can equip yourself with some tools to manage the complexity. With the right techniques, large color palettes can be created, refined and refactored at will. Large color palettes can be tamed. The post Taming Advanced Color Palettes In Photoshop, Sketch [...]

Introducing The Website Speed Test Image Analysis Tool

   Web developers spend their days writing hypertext, but, byte for byte, most of the web is composed of images. It is hard to overstate the effect that images have on the average web page’s performance; faster websites have broader reach and a higher impact. The first and most important thing you can do to improve the performance of your website’s images is figure out how [...]

Web Development Reading List #189: Sync Via Push API, RTL CSS, And The Disaster Factory

   Do you feel stressed from time to time? I do. Recently, I experimented with meditation and yoga, just to see if and how they work. There’s a lot of advice you can find online and they all claim to transform your life entirely.Let’s be honest: yoga is great for calming your mind and exercising your body muscles, while meditation is a great way to reset [...]

How We Built An iOS App To Shoot A 3D Video (Case Study)

   It wasn’t long after Hollywood released its first 3D films that the movie format quickly gained huge popularity worldwide. Thanks to developments in video-recording technology, any user can now shoot a video on their own. You can make a stereo record of memorable events in your life or create wonderful material for your business.Our team was also attracted to 3D filming. We thoroughly studied the [...]

Things To Keep In Mind When Designing A Transportation Map

   For many people, a map of a transportation network is a given, an expected part of the system, something that just is — like a fire-escape plan in a building. So, when I say that I design transportation maps, they don’t understand. What is there to design even?Well, let’s take the London underground map as an example. Designed by Harry Beck, it was the world’s [...]

Web Development Reading List #188: Real-World Accessibility, Flexbox Madness, And The Ephemerality Of Things We Build

   CSS is an amazing tool which we constantly use but we don’t seem to honor it appropriately. Whenever I see the growing browser support of the :focus-within selector, the much wanted justify-content: space-evenly for Flexbox or how great CSS Grids already work, I feel really grateful to have such awesome tools available to work with.And with advanced new media queries such as prefers-reduced-motion, screen [...]

Challenge Yourself More Often By Creating Artwork Every Day

   Whether you’re into good ol’ drawing and painting, or quick editing in Photoshop or Illustrator, one thing’s for sure: they’re all creativity’s best friends. Some draw pictures all day, while others find their inspiration in uncommon sources in order to break out of the box.Whatever it is that you decide to do, it’s good to challenge yourself more often and get out of your comfort [...]