Twitter
Tip: Get the unique values of an array in JS. Use ES2015 Set() and ...rest to discard duplicate values.
from twitter_favs
yesterday
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 
6 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 
6 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…
6 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
6 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.…
6 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…
6 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…
6 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 
6 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 
6 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…
6 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
6 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…
6 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…
6 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…
6 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…
6 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.…
6 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…
6 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…
6 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…
21 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…
21 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…
21 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…
21 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…
21 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…
21 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 
21 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…
21 days ago
Enhance User Flow - A Guide to UX Analysis | Toptal
UX analysis is a set of tactics and guidelines that improve a digital product’s ease of use and overall user flow. A successful UX analysis will result in an…
21 days ago
Color Contrast, Beyond the Basics - 24 Accessibility
At first glance, the WCAG 2.0 AA guideline for contrast minimums appears to be one of the easiest, most straightforward success criterion to achieve. Yet, it is…
accessibility 
21 days ago
Net Promoter Score Considered Harmful (and What UX Professionals Can Do About It) — UX Articles by UIE
by Jared M. Spool In 2003, a marketing consultant named Fred Reichheld lit the business world on fire with the Harvard Business Review article The One Number…
21 days ago
CSS WG Blog – How should we resolve percentage margins and padding on grid and flex items?
How should we resolve percentage margins and padding on grid and flex items? By Rachel Andrew December 20, 2017 ( Permalink ) Categories: Feedback The CSS…
21 days ago
Measure what matters » UIE Brain Sparks
Measure what matters December 19th, 2017 We gather data to determine the direction and assess the value of what we create. Every business, and client, has a…
21 days ago
How to debug Progressive Web Apps using Browser Developer Tools
This tutorial explains what tools the Chrome and Firefox Dev Tools display that help you debug a Progressive Web App. What is a Progressive Web App? First…
21 days ago
Fixing A 10-Year Gap In My Understanding Of How Form.submit() And Other DOM-Methods Work
By on November 27, 2017 Tags: Javascript / DHTML Ten years ago, jQuery revolutionized the way that I approached web-development . jQuery did so many things…
21 days ago
The Hidden Treasures of Object Composition – JavaScript Scene – Medium
Smoke Art Cubes to Smoke — MattysFlicks — (CC BY 2.0) Note: This is part of the “Composing Software” series on learning functional programming and compositional…
21 days ago
Designing Tables for Reusability
Written by Ada Rafalowicz and Havana Nguyen “If I had an hour to solve a problem I’d spend 55 minutes thinking about the problem and 5 minutes thinking about…
21 days ago
Culling Conditionals | @samjonester
13 Dec 2017 code-design JavaScript function-programming Growing up near the Great Lakes, I’m well aware of the threat that Asian carp are posing on the polluted…
21 days ago
Why Web Developers Need to Care about Interactivity — Philip Walton
Anyone who’s browsed the web on their phone has, at one point or another, experienced this situation: You open a web page and click on something, but nothing…
21 days ago
Ways To Get People To Do Things They Don’t Want To Do
A reader recently asked me a pointed question: “I’ve read your work on creating user habits . It’s all well and good for getting people to do things, like using…
21 days ago
Designing for Mobile Performance ◆ 24 ways
Mustafa Kurtuldu 18 Dec ember 2017 Published in UX Last year, some colleagues at Google ran a research study titled “ The Need for Mobile Speed ” to find out…
21 days ago
Why Design Systems Fail ◆ 24 ways
14 Dec ember 2017 Published in Process Design systems are so hot right now, and for good reason. They promote a modular approach to building a product, and…
21 days ago
Seva Zaikov - How to Cancel Your Promise
In ES2015, new version of EcmaScript, standart of JavaScript, we got new asynchronous primitive Promise . It is a very powerful concept, which allows us to…
21 days ago
Measuring and Quantifying User Experience
UX designers struggle to prove the value of their work when arguments like “user experience is hard to measure” or “how can you prove that it’s better?” start…
21 days ago
Twitter
Assume your expectations are wrong.
from twitter_favs
22 days ago
Twitter
Current obsession with doing everything in JS is entirely focused on Developer Experience rather than User Experien…
from twitter_favs
28 days ago
Design Systems and CSS Grid ◆ 24 ways
Recently, my client has been looking at creating a few new marketing pages for their website. They currently have a design system in place but they’re looking…
28 days ago
How to debug Front-end: HTML/CSS
How to debug front-end: Elements I have a strong feeling that at least half of you are thinking right now — “It’s not even a programming language”. Still… poor…
28 days ago
Better viewport clamping with position sticky by Keith Clark
Fixing an element containing site navigation or branding to the top or bottom of the viewport is a common design trend. Most solutions I've come across use a…
28 days ago
Accessibility Through Semantic HTML ◆ 24 ways
Laura Kalbag 15 Dec ember 2017 Published in Code Working on Better , a tracker blocker, I spend an awful lot of my time with my nose in other people’s page…
accessibility 
28 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: