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. In this article, Eric Portis will show you Website Speed Test, a free and drop-dead-simple tool that leverages Cloudinary’s image smarts to let you measure, diagnose and 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!
Read more…
Evgeny Khrolenok and Igor Mikheiko thoroughly studied the features of the human visual apparatus and the technical details of stereoscopic photography. They 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 they did it! In this article, Evgeny and Igor share their lessons learned while developing an app to help folks create their very own 3D stereo videos.
Read more…
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 inappropriate. Ideally, I want a mode of writing that allows me to include the components I’m documenting inline, and this isn’t possible unless the documentation itself is made of HTML, CSS and JavaScript. In this article, I’ll be sharing a method for easily including code demos in Markdown, with the help of shortcodes and shadow DOM encapsulation.
Read more…
Strong graphic design makes transportation systems more attractive. Graphical language can be so iconic that you can even buy all sorts of souvenirs with its elements: t-shirts, umbrellas, shower curtains. This helps cities get rid of privately owned cars. People spend more time outside, interacting with each other. This gives small businesses a boost and makes cities more pleasant to live in. Today, Ilya Birman will show you how map design works by taking a look at a series of maps as an example.
Read more…
What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at.
Read more…
If you don’t get out of your comfort zone, you may never discover something that you love doing, or perhaps even worse, never learn a whole lot about yourself. Even the most talented artists out there practice so much more than you’d ever imagine, and hone their skills by trying out copywork. The most important thing is to be confident and simply give it a try. For more encouragement, Vitaly Friedman has collected a good number of inspirational artwork that is bound to give you that spark you need to get started already!
Read more…
Vitaly Friedman has spent a lot of time working with various companies trying out various approaches and studying them in usability tests. This series of articles is a summary of observations and experiments made throughout that time. He’ll be exploring everything from carousels to car configurators. Let’s look into the design of date and time pickers today. With a date picker you can combine day, month and year into one input field, add a fancy calendar icon, and prompt a calendar overlay that exposes the main purpose of the calendar prominently. In fact, there are plenty of contexts in which date pickers matter! Let’s find out.
Read more…
Today, Cosima Mielke is very happy to present you a colorful, friendly, but nonetheless straight to the point freebie with 28 icons in the set in total, depicting concepts that help a business thrive — from vision and strategy to teamwork and competition. All icons are available in AI, EPS, SVG, PSD, and PNG formats. Please note that this icon set is released under a Creative Commons Attribution 3.0 Unported license. This means that you may modify the size, color, and shape of the icons. Attribution is required, so if you would like to use the icons, please do remember to credit the designers and to link to this article if you want to spread the word in blog posts or anywhere else.
Read more…
In the past 10 years, a big portion of the Apple’s Worldwide Developer Conferences has been devoted to iOS. This is where we learned about the first iPhone SDK, notifications, share and today widgets, the iOS 7 redesign, iPad multitasking, and other iOS milestones. I was genuinely surprised with some of the announcements this year. In this article, Lou Franco brings you his overview of what happened this WWDC season, with code samples. If you want to try out any of the sample projects, you are going to have to update your Mac to macOS Sierra 10.12.5 (the latest point release), and have Xcode 9 installed.
Read more…
It’s been nine years already since we embarked on this mission to welcome the new month with a fresh batch of desktop eye candy, with wallpapers that are a bit more distinctive as the usual crowd. And it wasn’t any different this time around. July is almost here, and artists and designers from across the globe once again challenged their creative skills and created a lovely collection of wallpapers for July 2017. All of them come in two versions and can be downloaded for free. Now you only need to decide which one will make it to your desktop. Enjoy!
Read more…
