Skip to content
Highly personalized list of web resources
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Personal Bookmarks

Highly personalized list of interesting links, articles, tutorials etc.

HTML slides without frameworks, just CSS

I came across an implementation by Ondřej Žára for pure CSS slides and dug into his codebase to see what I could use for my own watered-down HTML slides.

Regex Cheat Sheet

A regular expression, or 'regex', is used to match parts of a string. Below is my cheat sheet for creating regular expressions.

The (new) React lifecycle methods in plain, approachable language

What are lifecycle methods? How do the new React16+ lifecycle methods fit in? How can you intuitively understand what they are and why they are useful?

Web Push Notifications

Welcome to the future of the web — where push messages can help you achieve better engagement for your site or web app.

The ultimate guide to proper use of animation in UX

Well, in this article I won’t write anything new, I just want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.

A Comprehensive Guide to Font Loading Strategies

This guide is not intended for use with font icons, which have different loading priorities and use cases. Also, SVG is probably a better long term choice.

JavaScript Start-up Performance

Once the browser has downloaded our page’s scripts it then has to parse, interpret & run them. In this post, we’ll dive into this phase for JavaScript, why it might be slowing down your app’s start-up & how you can fix it.

What algorithms should I know to become a good programmer?

A friendly reminder on what algorithms should I know to one day be part of the #GoodProgrammer group. Come back to the list every once and a while to continue the learning process.

Useful Pens for Everyday Front End Development

This collection is a way of bookmarking some techniques that will be useful in practice in everyday dev.

101 of the Best Resources for Web Designers

Looking for tools and resources to make your life as a designer easier? We got you covered.

Fluid Responsive Typography With CSS Poly Fluid Sizing

Fluid layouts have been a normal part of front-end development for years. The idea of fluid typography, however, is relatively new and has yet to be fully explored. Up until now, most developers’ idea of fluid typography is simply using Viewport units maybe with some minimum and maximum sizes.

67 useful tools, libraries and resources for saving your time as a web developer

In this article I won’t be talking about big front end frameworks such as React, Angular, Vue etc… nor already popular code editors like Atom, VS Code, Sublime… I simply want to share a list of tools I find useful for speeding up a developer’s workflow.

Deploying ES2015+ Code in Production Today

However, despite the fact that all modern browsers can run ES2015+ code and natively support the features I just mentioned, most developers still transpile their code to ES5 and bundle it with polyfills to accommodate the small percentage of users still on older browsers.

How to Create and Publish Your First Node.js Module

A handy guide with additional resources for publishing your NPM module.

Little Things I Like to Do with Git

I was chatting with Tim just the other day about how much I love Git—it’s such a powerful, elegant tool and it’s one I use the most often. I thought I would note down some useful little Git snippets that I use the most frequently.

CSS Custom Properties and Theming

There are a few esoteric things preprocessor variables can do that native variables cannot, but for the most part, native variables can do the same things. But, they are more powerful because of how they are live-interpolated.

How To Secure Your Web App With HTTP Headers

HTTP response headers can be leveraged to tighten up the security of web apps, typically just by adding a few lines of code. In this article, we’ll show how web developers can use HTTP headers to build secure apps.

How we made our product more personalized with CSS Variables and React

The idea was simple: a form where you tweak your dashboard with new background colors, widget colors, font-sizes etc. and we would display a live preview of what your dashboard will look like. #CSSvariables

Keeping aspect-ratio with HTML and no padding tricks

For a long time we’ve been told the only way to have a DOM element keep a fixed aspect ratio without Javascript is with the % padding trick.

Evolving Patterns in React

These patterns improve readability, code clarity, and push your code towards composition and reusability.

Optimizing Web Fonts for Performance: the State of the Art

In this article, I’ll go through what’s not so good about the way web fonts are commonly used and loaded, as well as point you to well-tested workarounds and future standards-based solutions.

ECMAScript 2016, 2017, and 2018

Here are examples of everything new in ECMAScript 2016, 2017, and 2018

Simple React Patterns

Dealing With Side-Effects In React

Customize the Browser's Scrollbar with CSS

There are basically a few ways to implement a custom scrollbar. In this tutorial we will be using CSS3, which is the most straightforward way.


Font Face Observer

Font style matcher

The Inter UI font family

The Heldane Design Information Font

Use tomorrow’s CSS syntax, today

Laws of UX

Learn CSS Grid

Exclusive Design

Contrast ratio

The super fast color schemes generator

Easing Functions



Everything You Wanted To Know About Procrastination But Were Too Lazy to Figure Out

Why Self-Compassion Beats Self-Confidence - The New York Times

13 Things You Should Give Up If You Want To Be Successful

7 Deep Work Tips That Will Dramatically Boost Your Productivity — SitePoint

8 Proven Performance Practices from Billionaires and Elite Athletes

6 Reasons Why Your Comfort Zone Is Holding You Back In Life

11 Psychology Books That Will Improve Your Work and Life | Thrive Global

Want To Become A Multi-Millionaire? Do These 15 Things Immediately.

Want to Live a Life 99% of Other People Will Envy? Read This Immediately.

The Pressing Need for Everyone to Quiet Their Egos - Scientific American Blog Network

Denialism: what drives people to reject the truth | News | The Guardian

Immanuel Kant and The One Rule for Life | Mark Manson

Digital immortality: How your life’s data means a version of you could live forever - MIT Technology Review

Remember what you read: Build a recall system using IFTTT, Instapaper, Evernote, and Bookcision — Quartz at Work

5 Common Mental Errors That Sway Your Decision Making


You can’t perform that action at this time.