It should be worth noting that I've been hyping myself up to make a public blog for about 4 years now. Unfortunately I have a habit letting my perfectionism get the best of me, and allowing myself to procrastinate things indefinitely. I realized I needed to just bite the bullet and get this thing started.

It took me 2 years and now I am writing once per year ... I have to write again because it's so damn cool. Oh wait, there is also shaarli :)

The thought of countless office workers slaving over spreadsheets and performing mindless work makes me sad. These machines that I love were supposed to free us from menial labor. Instead, there are people out there copying something from one spreadsheet and pasting it into another, over and over, ad nauseum. It's because the tools are incomplete, a consequence of trying to tie every conceivable operation to a button on the screen.

For this case, awk and sed can automate all of this :)

It started by putting up optional sign up forms with a cleverly hidden opt-out link. Over time, sign up became mandatory. Now I can only share files with other Dropbox users. That's not what i signed up for. I understand that Dropbox needs to make money. Today, they do that by showing investors that they are growing. One key measure of growth is the number of user accounts they have. So, it makes sense to make every effort to get people to sign up. But, in this case, they are not gaining users through the value of their service – they are using the value of my relationships and my data to force people to sign up. Not cool, guys.

And they provide a solution :) There is also a lot of open source software that can be used.

The webring of xxiivv

another group in Minnesota :)

They published their manifesto in order to understand what they stand for.

It is indeed minimal :) Kind of cool

Dire que la charcuterie traité aux nitrites est cancérigène est bien légal.

Fun fact: "up" is "dn" rotated 180 degrees.

Un thread sur une enquête des sites ne respectant pas le RGPD

A current website shared across the web because it allows to test some colors on real website.

Because it can leads to (better) answers with less time needed.

Some cards are mixed to create a new type of user.

A checklist about accessibility. It ensures that the website follows some standards. The demo (https://www.magentaa11y.com/demos/) definitely help in order to follow these.

“This sentence has five words. Here are five more words. Five-word sentences are fine. But several together become monotonous. Listen to what is happening. The writing is getting boring. The sound of it drones. It’s like a stuck record. The ear demands some variety. Now listen. I vary the sentence length, and I create music. Music. The writing sings. It has a pleasant rhythm, a lilt, a harmony. I use short sentences. And I use sentences of medium length. And sometimes, when I am certain the reader is rested, I will engage him with a sentence of considerable length, a sentence that burns with energy and builds with all the impetus of a crescendo, the roll of the drums, the crash of the cymbals–sounds that say listen to this, it is important.”

In short, don’t try to make something beautiful. Try to make something well-organized, and watch the beauty emerge!

Some best practices to design interfaces.

• centering in a box: leave at least half its shortest dimension as a minimum margin.
• vertically centering text

  Why is it called ‘x’ height? Because the letter ‘x’ is the only letter in the alphabet that has all its terminals touch both the baseline and the meanline, with no extending points.

• when centering text inside a box, you need to use the height of the lowercase letters to do the centering and make sure there is the same amount of space all around the text.
• when centering a polygon, center the circle passing by each point instead of centering the box around the polygon.
• when putting a rounded box into another one, a mistake I have seen often is to use the same border-radius on the box outside and the box inside. You need to use a proportional radius when doing such rounded box nesting.
• repetition is key to a rhythm: go for the design system.
• not so justified: use manually justify content instead of this ugly automatic one.
• a contrast ratio of 4.5 or higher is recommended.
• the contrast between each heading level should be high enough for the structure to be visible. if possible, a consistent ratio between different header levels usually looks more elegant.

In a nutshell:

• I think we are overly focused on learning programming languages instead of programming models,
• We should try to make the coding models learnable in the programming languages people use.

Most of the time, your job with JavaScript to enhance components’ keyboard accessibility will be done with just a handful of tools, including the use of event listeners and certain JavaScript methods of a couple of Web APIs that can help us in this task.

• keydown event: Instead, the utility of the keydown event comes when you need to add functionality to other keys [than enter or space].
• blur event: most of the time, you’ll use it to reverse the possible changes you have made with the keydown event listener.
• focus event (rare), but instead the focus method!
• button.inert works and avoid a setAttribute.

#idea #project #vue: create a directive to handle keydown and blur event into one action that is reversible.

So now we can have a look at component patterns:

• toggletips
• tabs
• modals