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
· Formikis a component that helps you with building forms. It uses a render props pattern made popular by libraries like React Motion and React Router.tagged: formikapidocker-compose14-02-2019
Overview · FormikLet's face it, forms are really verbose in React. To make matters worse, most form helpers do wayyyy too much magic and often have a significant performance cost associated with them.tagged: reactformsformik14-02-2019
Insecam - World biggest online cameras directoryWelcome to Insecam project. The world biggest directory of online surveillance security cameras. Select a country to watch live street, traffic, parking, office, road, beach, earth online webcams. Now you can search live web cams around the world. You can find here Axis, Panasonic, Linksys, Sony, TPLink, Foscam and a lot of other network video cams available online without a password. Mozilla Firefox browser is recommended to watch network cameras.tagged: securitycameraspipelinenetwork14-02-2019
Introducing Tube Map Crossover #1,304... Tube Wallpaper | LondonistAccording to the manufacturer, Redcliffe Imaging, it's a TfL official licensed product, meaning the design isn't horribly defiled like some unofficial items we've spotted in the past, which are often heavily corrupted to avoid the designers being sued.tagged: wallpaperlondonmap13-02-2019
Learn SvelteSvelte is a tool for building fast web applications.It is similar to JavaScript frameworks such as React, Angular, Vue, and Ractive, which all share a goal of making it easy to build slick interactive user interfaces.But there's a crucial difference: Svelte converts your app into ideal JavaScript at build time, rather than interpreting your application code at run time. This means you don't pay the performance cost of the framework's abstractions, and you don't incur a penalty when your app first loads.You can build your entire app with Svelte, or you can add it incrementally to an existing codebase. You can also ship components as standalone packages that work anywhere, without the overhead of a dependency on a conventional framework.tagged: sveltebuildweb13-02-2019
