These days it seems like nearly everyone has a blog. Blogs can be a great way to document your hobbies or interests, keep a record of your daily activities,…
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, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.
In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision.
After a close look at perfect accordions and date and time pickers, let’s turn our attention to sliders, with do’s and don’ts and things to keep in mind when designing one. But first, we need to figure out when a slider makes sense in the first place. (Please note: that article is quite large, and contains many animations and videos.)
Bright colors, bold typography, and minimalism are trending web designs that are not going anywhere anytime soon. In fact, as this so-called flat design has taken over the internet…
The post The Top 5 Things You Need to Know About Flat Design appeared first on Onextrapixel.
It’s incredible to think that in the past ten years mobile devices have practically overpowered the general population. I mean, think about it. Smartphones and tablets allow consumers to…
The post Improving Your Website’s Mobile Design: Crucial Navigation Tips appeared first on Onextrapixel.
Garish tiled background patterns were all the rage back in the early days of the web in the late ‘90s. Because of this, patterned backgrounds developed a reputation as…
The post 20 Inspiring Examples of Pattern in Web Design + 40 Free Pattern Resources appeared first on Onextrapixel.
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 And Affinity Designer appeared first on Smashing Magazine.
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 your mind after a stressful day. Nevertheless, I think neither one of them can really prevent you from being stressed. I also don’t think they can solve all of your problems. But as with many things in life, they’re definitely two of the things out there that can help you improve your personal life, and probably help you calm down a bit and get you more relaxed.
The post Web Development Reading List #189: Sync Via Push API, RTL CSS, And The Disaster Factory appeared first on Smashing Magazine.
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 to measure them.
Enter Website Speed Test, a free and drop-dead-simple tool that leverages our (Cloudinary’s) image smarts to let you measure, diagnose and (crucially) communicate about the image performance of any website. Better yet, it’s built on top of, and integrated in, Pat Meenan’s WebPagetest. Interested? Read on!
The post Introducing The Website Speed Test Image Analysis Tool appeared first on Smashing Magazine.
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 features of the human visual apparatus and the technical details of stereoscopic photography. Then, we decided to develop an iOS app to shoot 3D videos and upload the videos to YouTube. The idea behind the app was to facilitate the shooting of 3D video by mounting two iPhones to a special frame — and we did it! That was how the Stereo Video Recorder app appeared.
The post How We Built An iOS App To Shoot A 3D Video (Case Study) appeared first on Smashing Magazine.
It can be really overwhelming trying to choose a WordPress theme for a new site when there are literally tens of thousands to choose from. The most popular themes…
The post The Best WordPress Themes for Bloggers & Small Business Owners appeared first on Onextrapixel.