The CSS mental model - QuirksBlogToday we will attempt to describe the different mental models for CSS and JavaScript. Everybody agrees there is a difference, but nobody’s able to define exactly what that difference is. So let’s try.tagged: cssstate26-02-2019
CSS Houdini: JS-in-CSS - @iamvdoGeneric worklet to be authored right from CSStagged: cssjs2d22-02-2019
Pattern Lab | Build Atomic Design SystemsCreate atomic design systems with Pattern Lab.tagged: atomicdesignpatternlabscss22-02-2019
kss-node/kss-node: The Node.js implementation of KSS: a methodology for documenting CSS and generating style guidesThe Node.js implementation of KSS: a methodology for documenting CSS and generating style guides http://kss-node.github.io/kss-node/tagged: documentationcssstyleguide22-02-2019
AddyOsmani.com - Disallow large imports from JavaScript projectsAre there known large JavaScript dependencies your team wish they could disallow from a project? Good news! ESLint supports disallowing specific imports from projects using the no-restricted-imports rule.tagged: eslintdangling-containersdisallowsizeslarge21-02-2019
AddyOsmani.com - JavaScript Loading Priorities in ChromeHow browsers schedule and execute scripts can impact the performance of web pages. While techniques liketagged: loadingperfperformance20-02-2019
Animating Between Views in React | CSS-TricksYou know how some sites and web apps have that neat native feel when transitioning between two pages or views? Sarah Drasner has shown some good examples and even a Vue library to boot.These animations are the type of features that can turn a good user experience into a great one. But to achieve this in a React stack, it is necessary to couple crucial parts in your application: the routing logic and the animation tooling.Let’s start with animations. We’ll be building with React, and there are great options out there for us to leverage. Notably, the react-transition-group is the official package that handles elements entering and leaving the DOM. Let’s explore some relatively straightforward patterns we can apply, even to existing components.tagged: reacttransitionsviews18-02-2019
Floby/node-url-assembler: Assemble urls from route-like templates (/path/:param)Assemble urls from route-like templates (/path/:param)tagged: urlsroutingnpm16-02-2019
Rare African black leopard captured by camera trap's extraordinary photos | World news | The GuardianRare African black leopard captured by camera trap's extraordinary photostagged: photoblackleopard15-02-2019
DevDocs API DocumentationDevDocs combines multiple API documentations in a fast, organized, and searchable interface.tagged: offlinedocs15-02-2019
The CSS transitioncancel event is coming to Chrome and Safari | Web Platform NewsThe CSS transitioncancel event is coming to Chrome and Safaritagged: csstransitionscancel15-02-2019
Quick Note on high contrast mode | scottohara.meWhen testing websites and apps in Windows high contrast mode (HCM), there are two issues I’ve come across over again and again.tagged: hcmaria15-02-2019
Tweets liked by Simon McManus (@simonmcmanus) | TwitterPhoto from tower of Londontagged: londonphototowerbridge15-02-2019
Don’t Get Clever with Login Forms | Brad FrostAs time goes on I find myself increasingly annoyed with login forms. As password managers like 1Password (which is what I use) and Chrome’s password manager (which I also sorta use) become more popular, it’s important for websites to be aware of how users go about logging into their sites.tagged: loggingux14-02-2019
findthat.at - A URL shortener powered by NetlifyI've recently started to roll my own short URLs. Using Netlify's optimised edge redirects via Netlify's redirects API is incredibly efficient and gives me URLs which I manage on my own domain instead of farming that out to a third-party provider who might go away.tagged: netlifyurlsshorteners14-02-2019
