Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Making And Maintaining Atomic Design Systems With Pattern Lab 2

The benefits of UI design systems are now well known. They lead to more cohesive, consistent user experiences. They speed up your team’s workflow, allowing you to launch more stuff while saving huge amounts of time and money in the process. They establish a common vocabulary between disciplines, resulting in a more collaborative and constructive workflow.

Making And Maintaining Atomic Design Systems With Pattern Lab 2

They make browser, device, performance, and accessibility testing easier. And they serve as a solid foundation to build upon over time, helping your organization to more easily adapt to the ever-shifting web landscape. This article provides a detailed guide to building and maintaining atomic design systems with Pattern Lab 2.

Read more...

Sponsored Post Building A Cross-Platform WebGL Game With Babylon.js

Here’s a challenge for you: what about building a 3D game over the weekend? Babylon.js is a JavaScript framework for building 3D games with HTML5, WebGL and Web Audio, built by yours truly and the Babylon.js team. To celebrate the new version 2.3 of the library, we decided to build a new demo named "Sponza" to highlight what can be done with the WebGL engine and HTML5 when it comes to building great games nowadays.

Sponza Demo, built with Babylon.js and WebGL

The idea was to create a consistent, similar, if not identical, experience on all WebGL supported platforms and to try to reach native apps’ features. In this article, I'll explain how it all works together, along with the various challenges we’ve faced and the lessons we've learned while building it.

Read more...

Advertise with us!

How We Started Releasing Features Twice As Fast (Case Study)

When businesses rely on your app for their day-to-day work, you have to be agile enough to quickly address their needs. If you don’t, others definitely will. In the unforgiving world of SaaS, delaying a critical feature (or rushing a bug-ridden piece of code) will mean losing clients. A solid agile workflow can make all the difference.

How We Started Releasing Features Twice As Fast: A Case Study

We’re the team behind Active Collab, a project-management app with an ever-growing set of features and a sizeable user base. This means that even the smallest change in functionality will affect a large number of people. Therefore, the development process needs to run smoothly and up to a standard, with delays reduced to a bare minimum.

Read more...

The Search For The Holy Grail: How I Ended Up With Element Queries, And How You Can Use Them Today

For some time, we’ve run up against the limits of what CSS can do. Those who build responsive layouts will freely admit the frustrations and shortcomings of CSS that force us to reach for CSS preprocessors, plugins and other tools to help us write the styles that we’re unable to write with CSS alone. Even still, we run into limitations with what current tools help us accomplish.

The Search For The Holy Grail: How I Ended Up With Element Queries, And How You Can Use Them Today

Think for a moment of a physical structure. If you’re building a large edifice with weak material, a lot of external support is required to hold it together, and things have to be overbuilt to stay sturdy. When you’re building a website out of HTML, CSS and JavaScript, this external support might look like frameworks, plugins, preprocessors, transpilers, editing tools, package managers and build processes.

Read more...

Web Development Reading List #144: CSP Mistakes, JS Debugging And Failure Testing

Every week is a learning week and this week I was reminded that viewport units are not all good to use. Also, choosing the right HTTP status code can be difficult and may not even be supported by the Apache version running on your server. I also learned how JavaScript error logging can be extended so that you can finally get easy-to-read and useful reports.

Web Development Reading List #144: CSP Mistakes, JS Debugging And Failure Testing

As if that wasn’t enough, I learned a lot about accessibility and progressive enhancement again, and discovered a slidedeck on how you can bypass CSP and why browsers can render elements with known boundaries as well as layout limitations incredibly faster than unknown. Are you ready? It's now your turn to learn all of this as well.

Read more...

Breaking Out Of The Box: Design Inspiration (July 2016)

With the summer holidays coming up, I’d like to share a couple of inspirational illustrations and photos which I hope will help you daydream and relax. There's no doubt that there are a lot of great techniques out there — they just need to be discovered.

Breaking Out Of The Box: Design Inspiration (July 2016)

While going through this month's collection, you'll notice some pretty interesting and refreshing color combinations. I've made sure to include a good bunch we can all admire and learn from — I hope you'll agree! Get ready to enter the summer with a big spark of inspiration.

Read more...

How To Make WordPress Hard For Clients To Mess Up

WordPress is a wonderfully powerful CMS that ships with many versatile features giving it the flexibility to work out of the box for a wide range of users. However, if you are a professional building custom themes and plugins, sometimes these features can be problematic.

How To Make WordPress Easy To Maintain For Your Clients

The same features and options that allow off-the-shelf themes to adapt to many different use cases can sometimes also be used to undermine a carefully designed custom theme built for a specific use case.

Read more...

Sponsored Post Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)

Every designer has their favorite prototyping tools. However, when it comes to UX wireframing and prototyping, there is often more than one tool involved. Sooner or later, you find yourself switching from one tool to another to cherry-pick the best ones among them.

Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheatsheet)

Adobe announced Project Comet in October last year to provide a fast and efficient all-in-one solution. A few months ago, the secret behind the codename was revealed and pushed to the public in a preview version: Adobe Experience Design CC (Adobe XD). Made for fast and fluid UX design, XD gives you everything in one neat bundle: it lets you sketch out ideas, create interactive prototypes, test and share them.

Read more...

Ten Requirements For Making Home Page Carousels Work For End Users (If Needed)

Are home page carousels actually helpful to users? Or are they simply popular because they are an easy tool for solving internal discussions in large organizations about who gets to put their banner on the home page?

Ten Requirements For Making Home Page Carousels Work For End Users (If Needed)

The short answer is that home page carousels can work, but in practice the vast majority of implementations perform poorly with end users.

Read more...

↑ Back to top