Forem: Alan Chang

Declutter your CSS selection

Alan Chang — Thu, 01 Dec 2022 00:06:10 +0000

We often requrie to apply same styling to many different parts of the application. The selection list becomes overwhleming with different tags, classes, ids and actions.

See below for details on how we could simplify your CSS.

Before

input:focus, 
input:hover {
    color: blue;
}

After

input:is(:focus, :hover) {
    color: blue;
}

Before

table tr:hover,
.main-table tr:hover,
.stats-table tr:hover {
    font-weight: bold,
    background-color: #CCC
}

After

:is(table, .main-table, .stats-table) tr:hover {
    font-weight: bold,
    background-color: #CCC
}

Does :is() make your CSS looks neater? Comment below

Photo by Ricardo Viana on Unsplash

A Gentle Introduction To The ++ Operator In Javascript

Alan Chang — Wed, 23 Nov 2022 02:17:24 +0000

JavaScript '+' operator can be used in many different ways. 🤯

let x = "3";

console.log(typeof x)
// expected output: "string"

console.log(3 + x);
// expected output: "33"

console.log(+x + 3);
// expected output: 6

console.log(3 + + x);
// expected output: 6

console.log(3+ +x);
// expected output: 6

console.log(x++);
// expected output: 3

console.log(x++);
// expected output: 4

console.log(++x);
// expected output: 6

console.log(x);
// expected output: 6

console.log(typeof x);
// expected output: "number"

Comment below if you have another interesting operation with '+' operator 😎

Decided to undo your last migration in EF core?

Alan Chang — Wed, 16 Jun 2021 00:20:21 +0000

Update to your previous desired migration

dotnet ef database update

Then remove the last migration

dotnet ef migrations remove