Blog

lite.cnn.io

This little website pulls in all the main stories from CNN and strips almost everything from the design; styles, images, fonts, ads, colors. Nada, zilch, gone. At first it looks like nothing but hypertext and it feels like an extraordinary improvement but Sam Saccone made a thread about potential improvements that the team could use to make that experience even faster such as server side rendering and replacing the React framework with something smaller, like Preact. Either way this approach [...]

The CSS Grid Challenge: Build A Template, Win Some Smashing Prizes!

   Layout on the web has always been tricky, but with CSS Grid being now supported in all major browsers, most of the hacks that helped to achieve complex layouts have become obsolete. Firefox even has a CSS Grid Inspector built in, so that there’s nothing to hold you back from making even the most challenging flexible layout reality.To explore the possibilities and features of CSS [...]

Meet XRespond Testing Tool: Let’s Make Building Responsive Websites Simpler

   The way people consume information is constantly evolving. As web designers and developers, we keep up with all of the different screen shapes and sizes, learning to create beautiful, flexible software. Yet most of the available tools still don’t reflect the nature and diversity of the platform we’re building for: the browser.When I was making my first responsive website in 2012, I quickly realized how [...]

Web Design Weekly #289

Headlines Gain Motion Superpowers with requestAnimationFrame Benjamin De Cock, User Interface Designer at Stripe dives into the power of `requestAnimationFrame` by sharing some first hand experience and great examples. (medium.com) Serve web fonts without JavaScript (blog.typekit.com) Articles Managing CSS & JS in an HTTP/2 World Delivering CSS & JS on your websites is completely different with HTTP/2. In this article Trevor Davis shares how his team approached it. (viget.com) Offline-Friendly Forms Max Böck offers some great advice and tips to help make your forms handle bad internet [...]

Dwelling On The Past: The Importance Of Project Retrospectives (Part 1)

   We should always look for opportunities to grow and improve. Retrospectives and reflections allow you to codify what you’ve learned from experience, to document mistakes and avoid future ones, and to increase your potential to grow in the future.Agile methodologies typically include time for retrospectives throughout a project. Regardless of your methodology, all teams would benefit from having a retrospective at the conclusion of a [...]

Problem space

Speaking of utility libraries, Jeremy Keith responded to Adam Wathan’s article that we linked to not long ago. Jeremey is with him through the first four “phases”, but can’t come along for phase 5, the one about going all-in on utility libraries:At this point there is no benefit to even having an external stylesheet. You may as well use inline styles. Ah, but Adam has anticipated this and counters with this difference between inline styles and having utility [...]

Goodbye Summer, Hello Autumn! Inspiring Wallpapers To Start September Off Right (2017 Edition)

   As designers we usually turn to different sources of inspiration, and, well, sometimes the best inspiration lies right in front of us. With that in mind, we embarked on a special creativity mission nine years ago: to provide you with inspiring and unique desktop wallpapers every month. Wallpapers that are a bit more distinctive as the usual crowd and that are bound to fuel your [...]

An Introduction To Gravit Designer: Designing A Weather App (Part 2)

   Welcome back to the second part of this tutorial on Gravit Designer. In the first part we took a general look at Gravit and set everything up, created the background image in the weather app and the status bar, and then started to make the initial elements of the design’s content. Let’s continue where we left off.Having created the main text layers of the content [...]

Launching An App? Make App Store Optimization Your Foundation For Growth

   Most apps developed and released in Google’s Play store are abandoned by their developers. Over half of these apps get fewer than 5000 downloads, and most apps are considered unprofitable. This article is not going to make you the next Instagram, but it will hopefully help you get a nice base level of users that you can grow from.To give you some better understanding of [...]