Use OS setting


No results for 'undefined'

Blog Posts

No results for 'undefined'
Powered by Algolia



Gatsby Interactive Plots

Aug 30, 20192 min readJS, Tutorial, Web Dev, Science
This is a guide on how to get interactive 2d and 3d plots displayed alongside regular markdown content by combining Gatsby , Plotly and MDX . I'm assuming you already have a Gatsby site up and…


Jul 1, 20193 min readJS, Tutorial, Web Dev
All the cool kids these days have websites with a dark color scheme. The really cool kids even have a dark and a light mode and allow you, the valued reader, to choose. In an attempt to make it…


Jun 15, 20191 min readJS, Tutorial, Web Dev
Here's a straightforward implementation of a React hook that allows you to set, modify and remove URL query parameters. There is already a popular and high quality implementation by Peter Beshai on…

Sticky Active Smooth Responsive ToC

Jun 11, 20192 min readDesign, JS, Tutorial, Web Dev
Intro This is a guide on how to implement a sticky, active, smooth and responsive table of contents (ToC) in a mere 80 lines of JavaScript (styles excluded) using React and styled-components . A…

Hamiltonian Monte Carlo

May 1, 201917 min readPhysics, Machine Learning
This post is without original content, providing merely a summary of the first 3 sections of Michael Betancourt 's excellent introduction to Hamiltonian Monte Carlo . Most images were taken from…

Conda Auto Env

Apr 23, 20191 min readTutorial, Python
If you're like me, you'll have gotten tired of manually having to activate your conda environment every time you switch between Python projects pretty quickly. Since you're reading this, you may…

JavaScript media queries

Apr 8, 20191 min readWeb Dev, Tutorial, JS
Note: This post assumes you're using React (16.8 or later). One thing I like about styled-components is that it enables concise and JavaScript-accessible media queries. For this site, I'm using a…

Exclude drafts from production in Gatsby

Mar 19, 20191 min readWeb Dev, Tutorial, JS
Kyle Mathews who created Gatsby started a discussion about how to exclude files during the build process for the production version of a site. You might want to do this if you have some blog posts…

Google Maps + React Hooks

Mar 19, 20192 min readWeb Dev, Tutorial, JS
Had to share this one since it's so nice and simple. If you're looking for a drop-in, zero-dependency Google Maps React component, look no further. To use it, simply grab a free Google Maps API key…

React Hooks Masonry

Mar 14, 20191 min readDesign, Web Dev, Tutorial, JS
Now that we have React Hooks, so many components can (and probably should despite what Dan said at React Conf ) be rewritten in a more succinct, readable and maintainable manner. A perfect candidate…

Gatsby Blog with Disqus comments

Mar 3, 20193 min readWeb Dev, Tutorial, JS
If you’re running a Gatsby blog (or any React-powered blog for that matter) and you’ve started adding some content to it, the next thing to think about is how to increase engagement among your…

What is renormalization?

Feb 23, 20193 min readPhysics, Science
I want to give an intuitive understanding of the process of renormalization and why its useful. But to that, I first need to introduce the context in which the need for renormalization arose…

China's Push for Solar

Jan 29, 20191 min readTechnology, Future, Sustainability
This is a follow-up to my last post in which I claimed that solar cells and batteries will lead us to sustainability far cheaper and faster than most people realize at this point. Based on this…

Batteries + Solar Rule!

Jan 21, 20193 min readTechnology, Future, Sustainability
Fair warning: This is going to be my most self-righteous post to date. Finally people are waking up to what I've been saying since 2008 ^1 : batteries are the future! Combined with solar cells they…

React Hooks Modal

Jan 13, 20192 min readWeb Dev, Tutorial, JS
What to do on a cold and wet January weekend? Why not check out the new React alpha (16.8) . The one with Hooks as it's come to be called. All it took was a little skimming through the docs…

Two-Loop Hyperparameter Optimization

Nov 23, 20181 min readMachine Learning, Python, Tutorial
I recently started using Scikit-Optimize ( skopt for short) to run Bayesian optimization on the hyperparameters of a set of fully-connected neural networks. The hyperparameters I optimized were the…

Masonry Layout with CSS Grid

Nov 14, 20181 min readDesign, Web Dev, Tutorial, JS
This is no longer a good way to implement a modal in React. With the recent introduction of React Hooks, I wrote a new Masonry component that's simpler and more robust. Back in early January, Wes…

Custom search with Algolia in Gatsby

Nov 2, 20185 min readWeb Dev, Tutorial, JS
This post is a guide on how to write a React component that implements custom search powered by Algolia on a Gatsby site. You can see the result in action by clicking on the search icon in the top…

Brave new world

Jul 27, 20181 min readWeb Dev, JS
Welcome to my new blog! Gone is my former WordPress site at janosh-riebesell.com. This is the first post on a new site I created myself. It's JavaScript from head to heel using the amazing site…
© 2019 - Janosh RiebesellThis site is open source
Powered byGatsbyGithubNetlify