DEV Community: nguyenphuongduy124

setup nginx server

nguyenphuongduy124 — Tue, 01 Dec 2020 05:59:55 +0000

Send an Email in Laravel using Gmail SMTP Server

nguyenphuongduy124 — Sat, 24 Oct 2020 11:05:03 +0000

https://medium.com/@agavitalis/how-to-send-an-email-in-laravel-using-gmail-smtp-server-53d962f01a0c

Limit lines of a block element HTML

nguyenphuongduy124 — Sun, 26 Jul 2020 23:20:08 +0000

.text{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px;

max-height: 32px;

-webkit-line-clamp: 2; /* Write the number of
lines you want to be
displayed */
-webkit-box-orient: vertical;
}

Eslint vs Prettier in VSCODE

nguyenphuongduy124 — Mon, 20 Jul 2020 20:35:38 +0000

https://www.robinwieruch.de/how-to-use-prettier-vscode

Open git bash using `terminal` plugin for sublime

nguyenphuongduy124 — Thu, 25 Jun 2020 09:06:38 +0000

// Terminal.sublime-settings
{
// The command to execute for the terminal, leave blank for the OS default
// On OS X the terminal can be set to iTerm.sh to execute iTerm
"terminal": "C:\Program Files\Git\git-bash.exe",

// A list of default parameters to pass to the terminal, this can be
// overridden by passing the "parameters" key with a list value to the args
// dict when calling the "open_terminal" or "open_terminal_project_folder"
// commands
"parameters": ["-c", "cd \"%CWD%\" && \"C:\\Program Files\\Git\\bin\\sh.exe\" -i -l"]

}

CSS Tricks: Fit an Image in a Div

nguyenphuongduy124 — Wed, 17 Jun 2020 08:40:15 +0000

Using object-fit.
Link: https://www.w3schools.com/css/css3_object-fit.asp
Example:
.slider-top {
height: 26rem;
a {
display: block;
height: 100%;
img {
height: 100%;
width: 100%;
object-fit: cover;
}
}
}

2D Transform

nguyenphuongduy124 — Mon, 15 Jun 2020 09:34:19 +0000

2D Transform được dùng để thay đổi hình dạng của một Object hay một element nào đó. Example: https://tympanus.net/Tutorials/CaptionHoverEffects/index.html

Flexbox for me

nguyenphuongduy124 — Sun, 14 Jun 2020 15:13:43 +0000

Install Nodejs in Ubuntu 18.04 via WSL 2

nguyenphuongduy124 — Thu, 04 Jun 2020 11:19:38 +0000

sudo apt-get install -y nodejs npm
// sudo npm cache clean
sudo npm install n -g
sudo n stable
sudo ln -sf /usr/local/bin/node /usr/bin/node
sudo apt-get purge -y nodejs npm

My extension for VScode

nguyenphuongduy124 — Thu, 04 Jun 2020 09:32:29 +0000

Bootstrap snippet
Auto close tag
Auto rename tag
ESlint
Reactjs code snippet
VScode-icons
Editconfig for VScode
One dark pro
Emoji
Html snippet
Prettier
SCSS Formatter

Link hữu ích

nguyenphuongduy124 — Thu, 04 Jun 2020 06:08:44 +0000

Upload images on ReactJS with NodeJS: https://programmingwithmosh.com/javascript/react-file-upload-proper-server-side-nodejs-easy/