Thomasorus

Bas Gros Poing is a website and podcast dedicated to fighting games# Full size Bas Gros Poing was created in 2009 as a podcast to talk about fighting games.

Arcade sticks# I've been playing fighting game for 20 years now, but only started using an arcade stick in 2006.

Keyboards# I use two keyboards: the Happy Hacking Keyboard (HHKB) by PFU and a Happy Hacking Keyboard plate replica made in China.

Every web stack is a product now# Side note When I write web development below, I mostly mean front-end web development, so things that relate to HTML, CSS and JavaScript.

Recursion# Side note All code examples are in Typescript The simplest way of thinking about recursion is a function that calls itself until the problem is solved.

Sorting algorithms# Side note All code examples are in Typescript Bubble sort# In an unordered array, starting from the beginning, if the current value is greater than the next value, we swap them, and then move to the next value and repeat the process.

HTML simple tips and tricks for your website# The goal of this page is to help you with easy tricks to make the HTML of your website accessible, readable by everyone and optimized for low bandwidth.

Make my website accessible and look OK# Let's say you want to put a blog, a digital garden or a wiki page online.

Data structures# Side note All code examples are in Typescript Array# An array is a contiguous (non-breaking) memory space which contains a certain amount of bytes.

Search algorithms# Side note All code examples are in Typescript Linear Search# In an non-ordered array, we go from start to finish and ask at each index position if the value we want is present. export default function linear_search(haystack: number[], n…

Algorithms and data structures# These are my notes for the algorithm course of frontend masters.

Whiteboard# This page references temporary things I need to store somewhere.

Basic forms styling in 50 lines of CSS# Styling forms can be cumbersome and can take a lot of time.

Recovering from depression# Last year I wrote about how and why I started taking antidepressants to better manage depression and anxiety.

A short history of CSS methodologies# What's interesting about CSS is how much people tend to love it or despise it.

The soft power of JavaScript# I've been thinking a lot about JavaScript lately.

Writing tips# These writing tips are based on personal experience and might not work for you, so be careful when trying to use them.

Freelancing notes# This page is about freelance work related to web projects (design, user experience, development, counseling).

CSS Good practices# In the past CSS had such limitations and was so badly understood by most developers that using frameworks or libraries was seen as the only way to get things working.

<strong> versus <b> versus <em> versus <i># Here we are, at the doors of the great war of semantic inline elements.

Make your links clear and accessible# Links are pretty straightforward, you put an <a> with an href attribute and you're good right?

CSS Grid the almighty# CSS Grid is a relatively new spec that saw massive adoption from browser around the start of 2018 and is now used almost everywhere.

Flexbox, the GOAT# A few years ago the massive adoption of flexbox was like a wet dream coming true.

What is accessibility ?

Too much JavaScript is bad, no JavaScript isn't better# I'm currently working on a proposal to revamp the design and user experience of the Sourcehut open source project.

Antidepressants can't change the world, but they made it tolerable for me# I've been taking antidepressants for a year now, and I wanted to write a kind of note about how it went.

Personal systems, productivity, and slippers# I was recently talking with a very busy friend about personal tooling.

Lost in the dev world# I worked for money only 4 months in 2020.

2020 Year review# 2020 was one of the best years I experienced in recent memory.

Renovation journal# This is the journal of my apartment renovation.

I removed the computer# My family had its first computer 20 years ago.

CSS tips# Performance is a hot topic as the website obesity crisis keeps going.

Tools# A collection of tools I use or made.

ffmpeg commands# This page contains ffmpeg commands that I find useful. ffmpeg is super powerful and can sometimes be enough for quick media manipulations.

Tables are not that complicated# There isn't a lot about tables that is not already well known.

Other kinda useful semantic elements# Below are elements often complicated to add if you use a CMS or a markup language like Markdown as they don't give syntactic shortcuts for most of them, so you have to write them by hand.

When to use a button and a link# For most document type websites the question between links and buttons doesn't really exist.

Doing forms correctly# Forms are incredibly complicated to get right from an accessibility standpoint.

All about video and audio# The <video> and <audio> elements are super easy and convenient ways to embed multimedia content on the web without relying on a third party.

All about images# Just as links, images can feel pretty straightforward.

Organize your text content# Remember when I talked about the box-content semantic elements, the <nav>, <main> and others?

Order your titles correctly# This one is simple, use <h1>, <h2>, h3, etc...

The display property# Here's a primer to help you get started width display: ???

Never use tables for layout# I'm gonna say it again.

What is semantic HTML?

The basics of HTML# This section will give your some basic knowledge and tips about HTML, mostly what semantic tag to use in what situation.

Accessibility basic rules and tools# Accessibility is a vast, very hard to navigate maze that even people like me who worked on it almost two years can't properly handle correctly.

My ideal phone# The advancement in do it yourself and open source electronics for phone parts made me think about what would be my ideal phone.

2019 Overview# Readings of 2019# All the things I read in 2019. ...

Tracking# I track time spent on my hobbies.