A rather geeky/technical weblog, est. 2001, by Bramus
Recently it was announced that iOS 11.3 and macOS 10.13.4 will include Service Workers, opening up the way for PWAs on iOS (and potentially macOS too, following lead of Microsoft here). ☝️ If you don’t want to download the macOS 10.13.4 beta you can alternatively download Safari Technology Preview (> 48) for use with your …
Continue reading “PWAs are coming to iOS 11.3: Cupertino, we have a problem”
The React Native bridge is the hub where communication between the Javascript and the Native world happen. Optimizing and catching unexpected (bad) communications can make or break your performance. Being that central and sensitive place, it made sense to have tooling built around it. Snoopy is a profiling tool for React Native, that lets you …
Continue reading “React Native Snoopy, a profiling tool for React Native”
Alex Somers, partner of Sigur Rós’ Jónsi, has created the music for the Black Mirror episode “Hang the DJ”. I really like the album Alex has created for this episode. Next to “Into Place” and “Out There” the track “End” (featuring Sigur Rós) really stands out: Feels like classic Sigur Rós / Jónsi. Listen on …
Thanks to Counting With CSS Counters and CSS Grid my attention was directed to this fact comes to using CSS Counters: The effectiveness of counter() wanes when we realize that an element displaying the total count can only appear after all the elements to be counted in the source code. This is because the browser …
0.1 + 0.2 results in 0.30000000000000004)William Candillon recreated some parts of Instagram’s editing process (namely the filter, rotate, and crop steps) in React Native. The filters are implemented with GL-React: Gl-react offers a really efficient paradigm for integrating React and OpenGL together. The library enables you to easily build scenes using React composability. For instance, consider an image with two …
Continue reading “Implementing Instagram Filters and Image Editing in React Native”
Talk by Jake Archibald, as brought at JSConf.Asia 2018, taking a close look into the browser’s Event Loop: This talk looks at the browser’s event loop, the thing that orchestrates the main thread of the browser, which includes JavaScript, events, and rendering. We’ll look at the difference between tasks, microtasks, requestAnimationFrame, requestIdleCallback, and where events …
Continue reading “Jake Archibald: “In The Loop” — Taking a close look into the browser’s Event Loop”
Frank Chimero was out of the loop for 3 years when it comes to developing websites. Coming back he was put off by the complexity of how things have gotten. Take layouting for example, where we went from tables to floats to flexbox to grid layout. [With Grid Layout] I’m reminded of the table layouts …
react-fns – Browser APIs turned into declarative React components and HOCsreact-fns is a collection of imperative Browser API’s turned into declarative React components and higher-order components for lots of common situations. The <Network /> component for example is a wrapper around the Network Information API. import { Network } from 'react-fns'; const Example = () => ( <Network render={({ online, offlineAt }) => ( <div> …
Continue reading “react-fns – Browser APIs turned into declarative React components and HOCs”