Category: Web Design
Monthly Web Development Update 4/2019: Design Ethics And Clarity Over Style Monthly Web Development Update 4/2019: Design Ethics And Clarity Over Style Anselm Hannemann 2019-04-12T14:44:48+02:00 2019-04-13T12:35:47+00:00 “‘Ethics’ and Ethics” is more than a typical article. It’s a detailed essay exploring what the term ‘ethics’ really means, how its meaning changed in recent times, and how…
Art Direction For The Web Using CSS Shapes Art Direction For The Web Using CSS Shapes Andrew Clarke 2019-04-11T13:30:16+02:00 2019-04-11T12:35:52+00:00 Last year, Rachel Andrew wrote an article that took a new look at CSS Shapes in which she reintroduced readers to the basics of using CSS Shapes. For anyone keen to understand how to use…
Privacy UX: Better Cookie Consent Experiences Privacy UX: Better Cookie Consent Experiences Vitaly Friedman 2019-04-10T15:00:49+02:00 2019-04-11T12:35:52+00:00 Part 1: Common Concerns And Privacy In Web Forms Part 2: Better Cookie Consent Experiences Part 3: Designing Better Notifications Part 4: Privacy-Aware Design Framework With the advent of the EU General Data Protection Regulation (GDPR) in May 2018,…
Understanding Subresource Integrity Understanding Subresource Integrity Drew McLellan 2019-04-09T12:30:59+02:00 2019-04-09T12:34:37+00:00 If you’ve ever used a CDN-hosted version of a JavaScript library, you may have noticed a strange looking integrity attribute on the script tag. This attribute contains seemingly endless alphanumeric junk that you may be tempted to strip out in the quest for cleaner code….
Digging Into The Display Property: The Two Values Of Display Digging Into The Display Property: The Two Values Of Display Rachel Andrew 2019-04-08T13:00:59+02:00 2019-04-08T12:36:29+00:00 A flex or grid layout starts out with you declaring display: flex or display: grid. These layout methods are values of the CSS display property. We tend not to talk about…
How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study) How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study) Robert Aboukhalil 2019-04-05T12:00:29+02:00 2019-04-05T12:36:06+00:00 If you haven’t heard, here’s the TL;DR: WebAssembly is a new language that runs in the browser alongside JavaScript. Yes, that’s right. JavaScript…
Privacy UX: Common Concerns And Privacy In Web Forms Privacy UX: Common Concerns And Privacy In Web Forms Vitaly Friedman 2019-04-04T16:30:49+02:00 2019-04-05T12:36:06+00:00 Many conversations in our industry tend to circle around strong opinions and universal answers. Choosing a shiny new technical stack or sticking to an old-school paradigm; betting on a trendy framework or building…
Managing Z-Index In A Component-Based Web Application Managing Z-Index In A Component-Based Web Application Pavel Pomerantsev 2019-04-03T14:00:08+02:00 2019-04-03T12:35:38+00:00 If you’ve done any complex web UI development, you must have at least once furiously tried driving an element’s z-index up to thousands, only to see that it’s not helping position it on top of some other…
Design System: What It Is And How To Create One Using Indigo.Design Design System: What It Is And How To Create One Using Indigo.Design Nick Babich 2019-04-02T12:30:58+02:00 2019-04-02T12:38:04+00:00 (This is a sponsored article.) Design is about scaling. Digital products are becoming more and more complex, and it is evident that product teams need to adapt…
How To Use Spaces In Web Design With Gestalt Principles How To Use Spaces In Web Design With Gestalt Principles Ayesha Ambreen 2019-04-01T12:30:41+01:00 2019-04-01T12:35:00+00:00 Human brains are hardwired to connect the dots and make sense out of everything the eyes see. Design is a creative field where forms and space intermingle to lend us a…