Blog

Monthly Web Development Update 10/2017: CSS Grid, CAA Pitfalls, And Image Optimization

   Editor’s Note: Welcome to this month’s web development update. Anselm has summarized the most important happenings in the web community that have taken place over the past few weeks in one handy list for you. Enjoy!As web developers, we’re working in a very diverse environment: We have countless options to specialize in, but it’s impossible to keep up with everything. This week I read an [...]

Don’t Let Your Brain Deceive You: Avoiding Bias In Your UX Feedback

   You know that user feedback is crucial — after all, your users will decide whether your app succeeds or not — but how do you know whether users are being fair and objective in their feedback?We can tell you: They won’t be. All of your users will be giving you biased feedback. They can’t help it. The post Don’t Let Your Brain Deceive You: Avoiding Bias [...]

Web Design Weekly #294

Headlines Essential Image Optimization – an eBook An awesome eBook created by Addy Osmani that looks at the current state of image optimization and the best ways to integrate it into your workflow. A must read. (images.guide) Lessons from migrating a large codebase to React 16 (discordapp.com) Articles The 100% correct way to structure a React app Is there a “correct way”?! Well I’m not really sure but in this post David Gilbertson offers some really sound advice on making sure that the pain [...]

Building A Large-Scale Design System: How A Design System Was Created For The U.S. Government (Case Study)

   Editor’s Note: We’ve been closely working with Maya on this article, and we’re happy to see the final result now being published on 18F. We highly encourage more teams to share the lessons they learned when building design systems or pattern libraries, and we’re always happy to support them in writing, editing and shaping that article. This post is a re-post of Maya’s final article.Today, [...]

Gutenberg

I’ve only just been catching up with the news about Gutenberg, the name for a revamp of the WordPress editor. You can use it right now, as it’s being built as a plugin first, with the idea that eventually it goes into core. The repo has better information. It seems to me this is the most major change to the WordPress editor in WordPress history. It also seems particularly relevant here as we were just talking about content blocks [...]

Designing A Realistic Chronograph Watch In Sketch

   If you’re into wristwatches, like me, and are also a fan of the Sketch app (or just want to get better at it), then this is the tutorial for you. In it, you will learn how to create a very realistic and detailed vector illustration of a watch using basic shapes, layer styles and cool Sketch functions such as “Rotate Copies” and “Make Grid.”You’ll learn [...]

CSS Grid Challenge: Winners and Templates

   CSS Grid is becoming the new layout standard for the web, and we are all still experimenting with what we can achieve with it. Some folks assume that CSS Grid is just a replacement for table layouts or Flexbox — but that’s simply not true. Some also think that they can use CSS Grid to replicate more advanced print layouts, which brings us all closer [...]

Web Design Weekly #293

Headlines CSS is not real programming As someone who has spent the last 6 years in CSS land, reading negative articles about CSS can be a little disheartening. Thankfully we have people like Christian Heilmann in our community to try and put those people back on the right path. (christianheilmann.com) Relicensing React, Jest, Flow, and Immutable.js (code.facebook.com) Articles 5 things CSS developers wish they knew before they started Andrés Galante shares a list of things he wish he had known at the beginning of his [...]

Minimalistic Design With Large Impact: Functional Minimalism For Web Design

   As web design focuses more and more on good user experience, designers need to create the most usable and attractive websites possible. Carefully applied minimalist principles can help designers make attractive and effective websites with fewer elements, simplifying and improving users’ interactions.In this article, I will discuss some examples of minimalism in web design, things to consider when designing minimalist interfaces, and explain why sometimes [...]

Non-Disclosure Agreements For Developers: What To Know Before You Sign

   Most days, your goal as a developer is to design, develop and program awesome software. However, part of the job is also finding new clients, and you don’t want to be caught off guard by unexpected legal documents that come up while you’re establishing new clients.The most common legal document you will be asked to sign when working on a website or app is a [...]