Vigo's Weekly - Issue #05
📒Articles
The Creative Impact Of Trigonometry In CSS
Trigonometric functions are crucial in precisely aligning components on a webpage, involving the specification of distances and degrees.
Modern CSS Tooltips And Speech Bubbles
Tooltips are a very common pattern used in CSS for years. There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require.
Help us invent CSS Grid Level 3, aka “Masonry” layout
What do we mean by the term “masonry layout”? Basically it’s the pattern seen in the following image — where content packs together like a brick or stone wall.
🧰Curated Tools
Sponsored by Handpicked Tools
React DayPicker
DayPicker is a date picker component for React. Renders a monthly calendar to select days. DayPicker is customizable, works great with input fields and can be styled to match any design.
Google Fonts
Making the web more beautiful, fast, and open through great typography
Garph
Garph provides fullstack TypeScript experience for building GraphQL-APIs without codegen
🛠Code Corner
What is a void operator?
The void operator returns an undefined value from an evaluated expression, or in other words; the void operator specifies an expression to be evaluated without returning a value. It is commonly used in client-side JavaScript, where the browser should not display the value.
function getYear() {
return 2020;
};
console.log(getYear());
// Output: 2020
console.log(void getYear());
// Output: undefined
// Useful use case
button.onclick = () => void getYear();