Menu Search
Jump to the content X

Why We’re Addicted To Our Smartphones, But Not Our Tablets

Remember all of the wisecracks about executives and their BlackBerry addictions? Back then, constant contact was limited to the few and the mighty — relatively speaking, of course. But now, the last laugh might be on us. In record time, our smartphones have become indispensable, and as mobile technology has become integrated into nearly every aspect of our lives, our smartphones are shifting from device to dependency.

Why We're Addicted To Our Smartphones, But Not Our Tablets

But while it’s now clear that we are locked in an intense relationship with our smartphones, one has to wonder why this courtship hasn’t turned into a love triangle with tablets. After all, no matter how sleek our iPhone 6 is, our iPad or Android tablet is equally smooth and packed with life-organizing apps.


Flexbox For Interfaces All The Way: Tracks Case Study

The days of floats and margin trickery are finally behind us, as CSS furnishes developers with new and improved properties perfect for those delicate layouts. Layout features such as vertical alignment, evenly distributed spacing, source-order control and other patterns such as “sticky” footers are quite effortless to achieve with flexbox.

Tracks preview

In this article, we’ll discuss layout patterns well suited to flexbox, using the interface from the Tracks application, which also takes advantage of atomic design principles. I’ll share how flexbox proved useful and note the pitfalls of pairing it with particular layout patterns. We’ll look at those patterns that caused concern, provide suggestions for fallbacks and share additional tactics to start using this CSS property immediately.

Advertisement Advertise with us!

Why Static Website Generators Are The Next Big Thing

At StaticGen, our open-source directory of static website generators, we’ve kept track of more than a hundred generators for more than a year now, and we’ve seen both the volume and popularity of these projects take off incredibly on GitHub during that time, going from just 50 to more than 100 generators and a total of more than 100,000 stars for static website generator repositories.

Why Static Website Generators Are The Next Big Thing

Influential design-focused companies such as Nest and MailChimp now use static website generators for their primary websites. Vox Media has built a whole publishing system around Middleman. Carrot, a large New York agency and part of the Vice empire, builds websites for some of the world’s largest brands with its own open-source generator, Roots. And several of Google’s properties, such as “A Year In Search” and Web Fundamentals, are static.


Desktop Wallpaper Calendars: November 2015

We all love a good wallpaper to polish up our desktops. So to provide you with fresh artwork on a regular basis, we embarked on our desktop wallpaper mission seven years ago. Each month we challenge you, the design community, to get your creative juices flowing and produce some interesting, beautiful and creative wallpapers. And, well, it wasn’t any different this time around.

Desktop Wallpaper Calendars: November 2015

Just like every month, designers and artists from across the globe challenged their artistic abilities and contributed their designs. The result is a collection of desktop wallpapers that are a little more distinctive than the usual crowd. All of them come in a version with and without a calendar and are free to download. A big thank-you to everyone who shared their artwork! Which one will make it to your November desktop?


Web Development Reading List #110: Jekyll, libSass, 2G Tuesdays and Service Workers

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. — Ed.

Jekyll 3.0

My friend Tobias told me of an interesting approach a few weeks ago. If you work on a big project with a team, just force all developers to delete the project before they leave on Friday, and have them reinstall and set it up every Monday morning (or every other week). This way, you’ll ensure that the process of onboarding people and the whole project’s setup is as simple as possible. And you will love it if the server crashes and you can set up the whole thing again within a couple of minutes. Now, enjoy this list and have a great weekend!


How To Increase Workflow And Reduce Stress With Nature Sounds

Many of us struggle silently with mental health problems and many more are affected by them, either directly or indirectly. It’s {Geek} Mental Help Week and we would like to help raise awareness with a couple of articles exploring these issues and offering solutions. – Ed.

How To Increase Workflow And Reduce Stress With Nature Sounds

Everywhere we go, from ground to sky, we are surrounded by noises. Cars, planes, trains and people are just a few examples of what can be heard throughout any city or town. These noises stimulate our ears almost 24 hours a day, and few choices are available to us for avoiding them — one being specialist equipment, such as noise-cancelling headphones. Being aware of the noises around you will increase your comfort and ability to work more efficiently.


ECMAScript 6 (ES6): What’s New In The Next Version Of JavaScript

You’ve probably heard about ECMAScript 6 (or ES6) already. It’s the next version of JavaScript, and it has some great new features. The features have varying degrees of complexity and are useful in both simple scripts and complex applications. In this article, we’ll discuss a hand-picked selection of ES6 features that you can use in your everyday JavaScript coding.

ES6: What's New In The Next Version Of JavaScript

Please note that support for these new ES6 features is well underway in modern browsers, although support varies. If you need to support old versions of browsers that lack many ES6 features, I’ll touch on solutions that might help you start using ES6 today.


“This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016

So, do you like challenges? Now, this one is going to smash you alright. Meet SmashingConf San Francisco 2016, packed with smart front-end and UX techniques — CSS/JavaScript architecture, SVG, Flexbox, pattern libraries, performance, UX, interface design, content strategy — to challenge everything about how you design and code — and how to touch someone's heart with design.

SmashingConf San Francisco

So you know what's going on in front-end. You've been working with pattern libraries and atomic design and Gulp and SMCSS and BEM and HTTP/2 and Flexbox and SVG. What you might not know though is what pitfalls and traps other web designers have encountered in practice — to prevent issues creeping out down the road.


Geek Mental Help Week Dealing With Loud And Silent Burnout

Many of us struggle silently with mental health problems and many more are affected by them, either directly or indirectly. It’s {Geek} Mental Help Week and we would like to help raise awareness with a couple of articles exploring these issues. – Ed.

We’ve all experienced that burnout moment. It’s that moment when we’ve got nothing left to give but keep trying anyway, when we’re left without much more than a shell to live in and motions to go through.

Dealing With Loud And Silent Burnout

We’re fried and broken and wish desperately for our work to make sense, for our energy to come back, for things to be fun and as they were. In such moments all we want is for our work to feel like our work and not like torture.


Guide To Using WebP Images Today: A Case Study

They say a picture is worth a thousand words. But online, a picture can be worth a thousand kilobytes or more! HTTP Archive shows that images make up 64% of a web page’s total size on average. Given this, image optimization is key, especially considering that many users will abandon a request if it doesn’t load within a few seconds.

WebP Images And Performance

The problem with image optimization is that we want to keep file sizes small without sacrificing quality. Past attempts to create file types that optimize images better than the standard JPEG, PNG and GIF formats have been unsuccessful.


↑ Back to top