WordPress

Implementing A Service Worker For Single-Page App WordPress Sites

   With so many JavaScript frameworks around, single-page application (SPA) websites seem to be all the rage nowadays. However, an SPA architecture has the drawback of having a slower first-page load than a server-based application, because all of the JavaScript templates used to render the HTML view must be downloaded before the required view can be generated.

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 [...]

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, [...]

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 [...]

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 [...]

Pumpkins, Spooky Fellows And Fall Inspiration For Your Desktop (October 2017 Edition)

   Bright, colorful leaves, rainy days, Halloween. That’s October — at least if you’re living in the Northern hemisphere. To provide you with some fresh inspiration even when the weather is gray, artists and designers from across the globe once again challenged their creative skills to design beautiful, one-of-a-kind (and this time around also spooky) wallpapers for you to indulge in.This monthly wallpapers mission has been [...]

CSS Grid Gotchas And Stumbling Blocks

   In March this year, CSS Grid shipped into production versions of Chrome, Firefox and Safari within weeks of each other. It has been great to see how excited people are about finally being able to use it to solve real problems.CSS Grid is such a different way of approaching layout that there are a number of common questions I am asked as people start to [...]