Phong Duong articles - 31 total
Create gradient text
You can create text with a single color or combine multiple colors to create gradient text with CSS....
Custom link underline with CSS box-shadow
When you create a website, you can customize the text color with color property. It will change the c...
caret-color CSS property
Caret is a cursor in the input, textarea elements. It shows where the next typed character will be in...
Motivate myself everyday
Every day I get up, I find it hard to keep up the momentum. Things don't happen as I expected. When I...
Perfection is a process, not the result
For me, perfection is that I don't want to have any errors in what I do. It's hard and exhausted to k...
Custom outline style with CSS
You can custom the outline of the component when you focus on it. CSS allows you to custom these...
Tips for creating content
Creating content is the best way to build your online presence, share knowledge, and promote your pro...
Add the pagination on Gridsome site
To add the pagination for the site, you use @paginate in your GraphQL query. The query will receive a...
When life gives you lemons, make lemonade and plant lemon trees
Sometimes everything doesn't happen as you expected. You may get stuck in difficult situations. You m...
Get the current position of the cursor on the page
To get the current position of the cursor on the page, you retrieve pageX and pageY property of the M...
Embed social media in Gridsome site with remark plugin
When you write your blog, you may want to embed your social media like a tweet, a Facebook post, a Co...
Check if a file exists with Nodejs
If you need to check if a file exists without opening or modifying with Nodejs, you use fs.access() m...
How rejection can make your life better?
You may experience the feeling of being rejected when you apply for a job. I know how it feels. It is...
Alert when user leaves the web page
To know when users leave the web page, you listen to beforeunload. This event is fired before the win...
Toggle fullscreen mode with Fullscreen API
Fullscreen API allows you to represent your application on the full screen. You can use it for your v...
How to encode and decode URL with Javascript
When you request a third-party API, you may pass parameters that contain special characters. This may...
Create collections from API with Gridsome
Gridsome provides many source plugins that help you create collections from your source. But if you w...
It's OKAY to not know everything
There are many fields in programming. Each field contains many topics. We can't learn and know all of...
Schedule Netlify Site's Deployment With Github Actions
I schedule my posts to publish at night. I don't want to manually visit my Netlify site and trigger d...
Do what you like even it's useless
The inspiration This week, I read a post by Przemysław Thomann about his journey in buildi...
Use global data as site's configuration in Eleventy
I have used Gridsome and Vuepress for my static sites. I liked them a lot. I want to try Eleventy for...
A small act can make a huge impact on someone's life
When I woke up this morning, I couldn't image how amazing today would be. An old friend contacted a...
I create my Github profile README
Recently, I have created my Github profile README. In the profile, I put my social links, technolog...
I like being lost
I like traveling without map because I am free to choose a way to go. There are many ways to the dest...
You know something I am looking for
Have you ever looked for something on Google but can't find what you expected? I experienced this sit...
COVID-19 is the greatest thing happened to me in 2020
I like learning and creating new things. I have a list of ideas and personal projects I want to creat...
Be a master at one thing or a noob at everything?
I am a Javascript developer. I want to share with you my story how I began my developer journey with...
I released VN.CSS
It is Vietnam Nation Day today. I want to celebrate it with a css library. I was inspired by Bennett...
How to create a simple application with Svelte
I have started learning Svelte recently. I think creating something is a best way to learn anything....
Bugs on the homepage
On my homepage, it shows 2 headers. Is it a bug? Does anyone have a same issue like me?