Twitter
Tip: JavaScript's Array.from() accepts a second argument that's a `map` function. Useful for calling on each elemen…
from twitter_favs
3 days ago
Home | Laws of UX
Fitt’s Law 01 The time to acquire a target is a function of the distance to and size of the target. Learn More Hick’s Law 02 The time it takes to make a…
5 days ago
BBC Blogs - Internet Blog - Powering BBC Online with nanoservices
A pseudo-serverless approach to making flexible APIs and websites The BBC has a wide range of websites and apps, ranging from the huge, global BBC News to the…
5 days ago
New flexbox guides on MDN – Mozilla Hacks – the Web developer blog
In preparation for CSS Grid shipping in browsers in March 2017, I worked on a number of guides and reference materials for the CSS Grid specification , which…
5 days ago
Making CSS Animations Feel More Natural | CSS-Tricks
It used to be that designers designed and coders coded. There was no crossover, and that’s the way it was . But with the advent of CSS transitions and…
5 days ago
DasSur.ma – “An Actor, a model and an architect walk onto the web...”
Everything old is new again. Let’s take a concurrency model from the 70s and apply it to the web in 2017. Why? Well, read on, will ya? Note : Yes, my syntax…
5 days ago
What’s New in HTML 5.2?
Less than a month ago, HTML 5.2 became an official W3C Recommendation (REC). When a specification reaches the REC stage, this means that it has received the…
5 days ago
JS things I never knew existed
I was reading through the MDN docs the other day and found these JS features and APIs I never knew existed. So here is a short list of those things, useful or…
5 days ago
Turning Design Mockups Into Code With Deep Learning - FloydHub Blog
Within three years deep learning will change front-end development. It will increase prototyping speed and lower the barrier for building software. The field…
5 days ago
Designing Friction For A Better User Experience — Smashing Magazine
Depending of the severity of the action, some dialogs might even require extra effort from the user, such as typing in a specific command. This solution not…
5 days ago
How building a design system empowers your team to focus on people — not pixels.
This post is the first in a series about HubSpot Canvas, our new Design Language. There’s an old comedy skit about a mailman who decides he’s no longer…
5 days ago
The Rise Of The State Machines — Smashing Magazine
One of the easiest ways to illustrate how a state machine works is to look at a turnstile. It has a finite number of states: locked and unlocked. Here is a…
5 days ago
The Testing Renaissance
Insights The Testing Renaissance By Dean Hiller and Patrick Stover Monday, 30 October 2017 Don’t you love to crank code? As developers, we love to refactor; we
5 days ago
Sign up for a free IFTTT account - IFTTT
Color me stupid as to why there’s not a single good explanation of the HSB color system online. Two and a half million Google results, but none of them seem to…
5 days ago
302 Found
At Mesosphere the Product Design team is responsible for the UX of Mesosphere products. Typically this UX primarily relates to the GUI (graphical user…
5 days ago
8 Best Practices for Perfect CSS Documentation
In the world of CSS, documentation is underused. Since documentation is not visible to the end user, its value is often overlooked by clients. Also, if it’s…
5 days ago
Accessibility Testing Tools for Desktop and Mobile Websites - 24 Accessibility
Introduction This post will demonstrate how to use automated and manual accessibility testing tools on desktop and mobile websites. We’ll cover five…
5 days ago
302 Found
Kent C. Dodds Making software development more accessible · Husband, Father, Mormon, Teacher, OSS, GDE, @TC39 · @PayPalEng @eggheadio @FrontendMasters…
5 days ago
Robust Client-Side JavaScript – A Developer’s Guide · molily
❦ Robust Client-Side JavaScript A Developer’s Guide The JavaScript programming language is an essential tool of web developers today. Websites ship more and…
5 days ago
Twitter
Tip: Get the unique values of an array in JS. Use ES2015 Set() and ...rest to discard duplicate values.
from twitter_favs
7 days ago
11 Things I Learned Reading the CSS Grid Specification
Illustration by Alex Kunchevsky June 11, 2017, I decided to read the CSS Grid spec. The Spec was a little bit technical, but it was by far the most enjoyed…
css-grid 
12 days ago
Cropping & Scaling Images Using SVG Documents
I’m always interested in and thinking about ways to use SVG in my client projects to solve common UI challenges — uses that go beyond simple icon display and…
svg 
12 days ago
Building Better UI Designs With Layout Grids — Smashing Magazine
What Is A Grid? In the most basic terms, a grid is a structure comprising a series of lines (vertical or intersecting) that divide a page into columns or…
12 days ago
Effective_Engineer.md · GitHub
Effective Engineer - Notes By Edmond Lau Highly Recommended 👍 http://ift.tt/1p4FGZt What's an Effective Engineer? They are the people who get
12 days ago
Can Preload Cut the Mustard? | Filament Group, Inc., Boston, MA
Can Preload Cut the Mustard? Posted by Scott 1/3/2018 Here at FG, we're always looking out for new ways to simplify and improve the way we build websites.…
12 days ago
A New Approach to Feature Requests
A few months ago, I got this email from a customer: It would be wonderful if there was a way to tag/assign forwarded emails to specific task lists within client…
12 days ago
Impact of 3G vs 4G Connections on User Experience across Countries | Dexecure
It is no secret that the faster the user’s internet connection is, the faster the website will load. It is a crucial factor in the success of a business, but…
12 days ago
You are what you document
Hey, grab a seat—we need to talk about documentation. Now, I know whatyou’re thinking: documentation is tedious, a chore, an afterthought, aredundant source of…
documentation 
12 days ago
Improving the Accessibility of 24 ways | CSS-Tricks
I’ve been thinking recently about the nature of my work and which aspects of it I enjoy the most. In a role that will often straddle the realms of design and…
accessibility 
12 days ago
CSS Transitions explained
The simplest (and most straightforward) way to animate your components is through CSS Transitions. In this article, you’ll learn how CSS Transitions work, and…
12 days ago
The global `Reflect` object, its use cases and things to watch out for
I was reading the source code of one of Sindre Sorhus' modules today. It was the module on-change which provides the functionality of watching changes performed
12 days ago
The future of state management
Querying an application’s state in Apollo DevTools Managing your local data in Apollo Client with apollo-link-state When an application grows in size, its state…
12 days ago
Looking to Horizon: Why We Built A Design System – Twitter Design & Research – Medium
Horizon Design System, Part 1 When I joined Twitter over two years ago, I discovered a group of devoted designers and engineers working on a Hack Week passion…
12 days ago
ABEM. A more useful adaptation of BEM. | CSS-Tricks
BEM (Block Element Modifier) is a popular CSS class naming convention that makes CSS easier to maintain. This article assumes that you are already familiar with…
12 days ago
Laying the foundations – Andrew Couldwell – Medium
Great digital products are built upon solid foundations Building on-brand, quality and consistent digital products at scale is hard. It’s even harder when your…
12 days ago
Do I need a design system? – Make Us Proud – Medium
Design systems are hot right now. Every big company has one and each new release or update is flaunted in style. You’d be justified to think you need one too.…
12 days ago
Finally understand Redux by building your own Store
Redux is an interesting pattern, and at its core a very simple one - but why does it feel complex to understand? In this post, we’re going to dive into the core…
12 days ago
Breaking Down the Performance API | CSS-Tricks
JavaScript’s Performance API is prudent, because it hands over tools to accurately measure the performance of Web pages, which, in spite of being performed…
12 days ago
Generating Design System Spacing – Ether – Medium
How we created a spacing system that aligned our teams and related to our designs in a meaningful way. We’ve gone over how we tackle colors and typography in…
27 days ago
One vs. many — Why we moved from multiple git repos to a monorepo and how we set it up
How managing source code became transparent This blog post is part of a series where I share our migration from monolithical applications (each with their own…
27 days ago
An Intro to Javascript Proxy Objects
An Intro to Javascript Proxy Objects Change the way you interact with Objects Proxies are Middleware for Javascript Objects … or at least that’s sort of the…
27 days ago
Designing Better Design Documentation
Overview of the ways to make documents clearer, better structured, and more appealing Various documents — reports, briefs, maps, guidelines — usually are the…
27 days ago
Adactio: Journal—Ubiquity and consistency
I keep thinking about this post from Baldur Bjarnason, Over-engineering is under-engineering . It took me a while to get my head around what he was saying, but…
27 days ago
Refactoring Your Way to a Design System ◆ 24 ways
23 Dec ember 2017 Published in Code I love refactoring code. Absolutely love it. There’s something about taking a piece of UI or a bit of code and reworking it…
27 days ago
Learn CSS Grid by recreating familiar layouts: Airbnb, Youtube and more
I learn best by example and I’m guessing you have arrived here because you do as well. I’ve found learning the features of CSS Grid the much easier by…
css-grid 
27 days ago
Design Systems and Hybrids ◆ 24 ways
Jina Anne 22 Dec ember 2017 Published in Process The other day on Twitter, I saw a thread started by Dorian Taylor about why design systems are so hot right…
27 days ago
« earlier      
#perfmatters a11y abtest accessibility advice ajax amp android angular.js animation api app architecture async aws babel backbone.js bash bem boilerplate book bookmarklet browser browserify build build-first cache canvas career case-study chrome chrome-extensions cli code-read color colorscheme component contentstrategy css css-architecture css-grid css-modules css3 d3.js data-visualization debug deploy design design-system designfile designing-in-browser-v1-rc dev development devop devtool docker documentation dom e2etest ebook editor elm email errorhanding es6 event express.js flexbox flux font font-face form framework frontend frontrend functional.js game.js git github gofrontrend golang grid grunt-plugin grunt.js hapi.js haskell html html5 ia icon ie ifttt image image-optimization in-browser-design inheritance interaction-design interview ios isomorphic jasmine javascript jekyll jquery jquery-plugin js-template json learning leveldb localstorage mac macapp make management markdown memory memoryleak micro-service mobile mock module monads mvc navigation nginx node.js npm oocss oop optimization osx perfmatters performance phantom.js photoshop polyfill polymer postcss process product-design product-management programming progressive-enhancement promises prototype psychology pwa python qa quote react.js reactive refactoring reference regex require.js responsive responsive-image router ruby rust rwd sass scroll security service-worker shell slide snippet spa spec stat static-site streams styleguide svg tcp tdd team template test testing this tool typography ui unit-test usability ux varnish via:popular video vim w3c web web-components webdesign webdev webkit webpack webtool weekly.ed weekly.rc wireframe workflow youtube

Copy this bookmark:



description:


tags: