A tech startup turned global mobility platform in eight short years deserves a holistic brand system that’s instantly recognizable, works around the world, and is efficient to execute.

The easy-to-use journey mapping tool that CX professionals use to design amazing experiences

A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.

Sticking with a native form control will almost always give your users a more accessible experience than trying to recreate one from scratch. Though the issue with native form controls is that they have an infamous reputation for being problematic to style.

Outside of some of the HTML5 form controls, which have browser prefixed CSS selectors for styling hooks, this reputation still holds true. In some cases (e.g. option elements) styling support has actually decreased in some browsers. Fortunately, there have been many experiments with markup and CSS over the years to (mostly) get around the limitations of many native form controls, without having to disregard them completely.

Create a buyer persona that your entire company can use to market, sell, and serve better.

The missing documentation tool for your Angular application

Bikeep Nutiparklate Asukohad

CSS just got a sweet little upgrade. position:sticky just landed in Chrome 56. Sticky positioning in CSS lets us build some really neat interactions in very few lines of code. It’s useful for any time you want a UI element to stick around in view as the user is scrolling, but not become sticky until the element gets to a specific distance from the top/bottom/left/right egde of the scrolling viewport. It’s like a position:fixed element that’s a sleeper agent spy. It behaves just like a regular position:relative element - even fooling its own parents and siblings - until the secret distance is met, activatating the position:fixed behavior of the spy.

A very big list of design, UX, tech and innovation conferences designed to get you out of the office and into some inspiration.

Smart data table library with sorting, filtering, pagination & add/edit/delete functions.

A set of directives to simplify your workflow with BEM-markup in Angular applications.

Catalog of 331 Angular 2+ components & libraries.

Here's a secret: You may not need scroll events in your next app. Using an IntersectionObserver, I show how you can fire a custom event when position:sticky elements become fixed or when they stop sticking. All without the use of scroll listeners.

Larder is for bookmarking things on the web you'll need again. It's perfect for curating lists of libraries, tools, and reference material.

[Pinboard alternative] LinkLocker is a fast and convenient bookmarking service that respects both your privacy and the security of your data. There are easy ways to save links into your account from anywhere you might be on the Web, right from within the browser on any device.

The Renderer2 class is an abstraction provided by Angular in the form of a service that allows to manipulate elements of your app without having to touch the DOM directly. This is the recommended approach because it then makes it easier to develop apps that can be rendered in environments that don’t have DOM access, like on the server, in a web worker or on native mobile.

CSS Grid vs. Table — In Hand To Hand Combat

Rally is a personal finance app that uses Material Design components and Material Theming to create an on-brand experience with a data-driven aesthetic.