Chiều mưa nghỉ làm


Thế giới lọc lừa hay là vạn vật trùng trùng duyên khởi.

![Coke và Netflix đều không lo, giờ chỉ phải cai VnExpress thôi.](</assets/images/when you are the product.webp> "Coke và Netflix đều không lo, giờ chỉ phải cai VnExpress thôi.")



When something is free, you're the prồ duck


Ngày bé, cái hồi mà mỗi mùa seagame hay world cup là cả xóm lại rộn ràng, từ người lớn đến trẻ con ai cũng háo hức và vui vẻ mỗi khi xem đá bóng. Cái ngày mà tivi LCD màn hình phẳng chỉ có nhà khá giả trong khu mới có, thì nhà mình chỉ có cái tivi màn hình cong to tổ bố, nhưng được cái cũng khá to nên xem cũng vẫn ổn. Hồi đó khi xem đá bóng, đặc biệt là Ngoại Hạng Anh, các trẻ con rồi thanh niên trong khu toàn làm fan của Manchester United, Chelsea, Liverpool, Arsenal rồi Real Madrid, Barcelona các kiểu. Hồi đó còn bé, ngoài đội tuyển Việt Nam cùng Hồng Sơn, Huỳnh Đức ra thì mình không có làm fan đội quốc tế nào cả. Đơn giản vì nhà nghèo, bố mẹ có cho thức khuya để xem đá bóng đâu, với cả cũng ngây ngây ngô ngô, chẳng biết cái gì. Các thanh niên nhà khá giả trong khu thì được tiếp xúc với truyền hình cáp, được xem Cartoon Network mới biết Manchester United, Liverpool các kiểu như một cái gì đó đối với mình là cao siêu, là xịn xò lắm. Nhà nghèo nhất khu, ngoài việc giúp bố mẹ ra thì chỉ có hay nghịch ngợm, chạy nhảy bêu nắng ngoài đường thôi. Nhưng mà vui.

Có một điều đặc biệt ở hồi đó là mỗi khi xem bóng đá, mình chỉ thích những đội bóng yếu hơn có thể ngược dòng, tạo bất ngờ thắng những đội tốp đầu kia. Có cái gì đó luôn thôi thúc mình muốn có sự công bằng. Nhớ đợt Euro năm nào, mình với thằng hàng xóm nhà đối diện cùng nhau cá cược các đội nào sẽ vào vòng trong và vô địch. Thăng bạn thì chọn toàn đội mạnh hình như là Tây Ban Nha, Pháp , Ý gì đấy mà mình lại chọn thế nào đội Hi Lạp. Ai ngờ Euro năm đó Hi Lạp vô địch. Sau hôm chung kết, thằng bạn không phục rồi tự nhận là nó mới là đứa chọn Hi Lạp. Lúc đó mình thật sự rất tức và cũng thấy kì lạ, chẳng biết hay là mình chọn nhầm hoặc không nhớ.

Rồi sau này vào đại học, cái thời đó là bắt đầu biết đến Ngoại Hạng Anh, các thanh niên bạn bè cùng trang lứa không phải giúp gia đình nên được xem bóng đá, tennis, bóng rổ các kiểu. Còn mình thì vẫn thế, vẫn thích chơi đá cầu, bóng nhựa ở sân khu. Rồi đến một ngày những thằng bạn tìm được môn thể thao mới, thời thượng và sành điệu hơn lúc thời bấy giờ là bóng rổ, mình chỉ đành chơi với đám trẻ con ở khu. Đến một ngày, cái sân khu khi xưa mỗi buổi trưa chiều là toàn bộ trẻ con thanh niên tổ chức đá bóng ầm ĩ cũng không còn ai ra chơi nữa. Mấy thằng bạn bằng tuổi thì đến chiều là phóng xe máy đi ra sân bóng rổ để thể hiện với các em gái và các thanh niên nhà giàu. Mình thì chỉ ở nhà chơi game. Buồn. Đây là thời điểm mà mình có cảm tình với 2 đội bóng vốn chẳng có đứa bạn nào thèm để ý - Tottenham và Manchester City. Lí do thì vẫn đơn giản, thời đó mình thấy đây là 2 đội duy nhất có lối chơi tương đối ấn tượng và đặc biệt đều không phải là những đội bóng hot fame trong nhóm Big 4 thời bấy giờ.

![Hey rich kids, surpise ?](/assets/images/son-heung-min-tottenham.webp "Hey rich kids, surpise ?")

Qua gần 20 năm, giờ đây cả 2 đội đều là những đội bóng mạnh hàng đầu tại Premier Leage. Những Chelsea, ManU, Liverpool hay Arsenal cũng đều đã qua thời kì vinh quang vàng son nhất. Đúng là "Vật đổi sao rời".\


![Glory to the Citizen, Glory to Kun](/assets/images/kun-aguero-man-c-glory.webp "Glory to the Citizen, Glory to Kun")



Vật đổi sao rời


#### Bước 1:

Get link  ảnh:

![Get link ảnh](/assets/images/get-lnik-google-drive.webp "Get link ảnh")

![Copy link](/assets/images/copy-link-google-drive.webp "Copy link")

Ta có link dạng:

https://drive.google.com/file/d/XXXX/view?usp=sharing

trong đó XXXX là content ID của ảnh, từ đó có direct link:

https://drive.google.com/uc?export=view\&id=XXXX




Cách lấy direct link cho ảnh trên Google Drive

Danh sách hơn 100 tool để nâng cấp bản thân, phát triển sự nghiệp

date-fns vietnamese locale reference

Danh sách 100 cái tun miễn phí để Park Hang Seo

Quick tour section of AI Classroom in a book


### Tắt redirect từ domain -> www trên Vercel

Hình như mặc định của Vercel là nếu set custom domain thì sẽ có thêm rule redirect từ domain => www.domain. Điều này khiến site khi truy cập thông qua domain url sẽ bị mất thời gian redirect sang www.

Để cấu hình redirect, vào Settings -> Domains -> chọn domain chính và bấm Edit.

![Vercel Domains Settings](/assets/images/vercel-domain-settings.jpg "Vercel Domains Settings")

&#x20;Tại Redirect, chọn No Redirect và ấn Save.

![Vercel Domain No-Redirect](/assets/images/vercel-domain-no-redirec-1t.jpg "Vercel Domain No-Redirect")



Một vài típ Next.js hữu ích


<HTML
  content="<div class=&#x22;flex justify-center&#x22;>
  <iframe width=&#x22;560&#x22; height=&#x22;315&#x22; src=&#x22;https://www.youtube.com/embed/PoHSsEgFNHM&#x22; title=&#x22;YouTube video player&#x22; frameborder=&#x22;0&#x22; allow=&#x22;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&#x22; allowfullscreen></iframe>
  </div>
  <br>"
/>

> You think I'm crazy.

> \- No. No, no, I never...

> \- And if I say I'm not crazy?

> Well, that hardly helps, does it?

> That's the Kafkaesque genius of it. ***People tell the world you're crazy, and all your protests to the contrary, just confirm what they're saying***.

> I'm not following you. I'm sorry.

> Once you're declared insane, then anything you do is called part of that insanity.

> Reasonable protests are denial. Valid fears, paranoia.

> Survival instincts are defense mechanisms.

<ExternalImage size={1} position={1} url="https://wallpapercave.com/wp/wp2073537.jpg" alt="Why's alway me ?" caption="Why's alway me ?" />


All your protests to the contrary just confirm what they're saying.


![Cây xấu bựa :(](/assets/images/weird-tree.jpg "Cây xấu bựa :(")



Một đêm khó ngủ và đối với tôi thì như thế này là đủ


### Vấn đề:

Khi set width cho một phần tử là 100vw, trình duyệt hiển thị thêm thanh scroll ngang.

![100vw unexpected](/assets/images/100vw-unexpected.jpg "Unexpected :(")

### Phân tích:

Chiều rộng viewport có thể hiểu nôm na là chiều rộng của cửa sổ trình duyệt hoặc chiều rộng của màn hình (đối với các thiết bị mobile).&#x20;

Tạm gọi phần tử được set 100vw là A.

Nếu để hiển thị A, trình duyệt không cần hiển thị thêm thanh scroll dọc thì sẽ chẳng có vấn đề gì xảy ra, 100vw tràn đẹp chiều ngang trình duyệt.

Tuy nhiên nếu trình duyệt hiển thị thanh scroll dọc (do nội dung bên trong A vượt quá kích thước chiều dọc của nó) thì lúc này một phần nội dung bên phải của A bị che mất bởi thanh scroll dọc. Chính vì vậy, để giúp người dùng có thể ngó ngiêng nốt phần nội dung đã bị che khuất, trình duyệt buộc lòng phải hiển thị thêm thanh scroll ngang (horizontal scrollbar).

### Cách giải quyết:

Thay vì set "cứng" chiều ngang của A là 100% độ rộng của viewport(100vw) thì mình phải tính toán được độ rộng chiều ngang tối đa của A mà không bị overlap với thanh scroll dọc (nếu có).

Công thức : `A'width = 100% viewport's width - vertical scrollbar's width`

Đầu tiên là phải tìm ra được, độ rộng của thanh scroll dọc.

Độ rộng viewport: `window.innerWidth`

![Window.innerWidth - MDN](/assets/images/windowInnerWidthMDN2.jpg "Window.innerWidth - MDN")

Độ rộng viewport không tính đến thanh scroll dọc: `document.body.clientWidth`

![Element.clientWidth (MDN)](/assets/images/elementClientWidthMDN.jpg "Element.clientWidth (MDN)")

Từ đó có được độ rộng thanh scroll dọc:

```javascript
const scrollbarWidth = window.innerWidth - document.body.clientWidth;
```

Lưu giá trị này vào một biến css (css variable) để tiện cho việc CSS:

```javascript
document.body.style.setProperty("--scrollbarWidth", `${scrollbarWidth}px`);
```

Lưu ý thực hiện việc tính toán này sớm nhất có thể ngay sau khi page được load:

```
```





Cuối cùng, set style cho phần tử A:

```
```





Done.
