Author - admin

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 [...]

A Collection of Interesting Facts about CSS Grid Layout

A few weeks ago I held a CSS Grid Layout workshop. Since I’m, like most of us, also pretty new to the topic, I learned a lot while preparing the slides and demos. I decided to share some of the stuff that was particularly interesting to me, with you.Have fun! Negative values lower than -1 may be used for grid-row-end and grid-column-end In a lot of code examples and tutorials you will see that you can use grid-column-start: 1 and grid-column-end: [...]

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 [...]

Did CSS get more complicated since the late nineties?

Hidde de Vries gathers some of the early thinking about CSS:There is quite a bit of information on the web about how CSS was designed. Keeping it simple was a core principle. It continued to be — from the early days and the first implementations in the late nineties until current developments now.The four main design principles listed are fascinating:Authors can specify as much or little as they want It is not a programming language by design They are agnostic as [...]

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 [...]