Keep updated.

My Email:


A coding principle you should know to be an advanced front-end developer.

Photo by Nick Karvounis on Unsplash
  • HTML is responsible for the structure of a webpage
  • CSS is responsible for the presentation style of each element on a webpage
  • JavaScript is responsible for the interaction between the page and the user

Switch Themes

Best Practice of HTTP Caching.

Create by the author

Debug with Chrome DevTools and find the solution!

  1. First check whether there are too many network requests, which results in slower data transfer. This problem can be optimized by caching.
  2. It is also possible that the bundle of a certain resource is too…

Using Vue3, TypeScript, Element Plus, Axios, Husky, Commitizen, Jest, Vite, and GitHub Actions to create enterprise-level development environments.

Explained with 20 GIFs.

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="container">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum mollitia illo deserunt possimus dicta, quod aliquam, fugiat eligendi debitis sed magni, perferendis recusandae tenetur officia ipsa ipsam tempore fugit error!
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
<li>list 5</li>
<li>list 6</li>
<li>list 7</li>
<li>list 8</li>

GIFs are better than plain English.

Table of Content

  1. Debugging CSS with Chrome Devtools
  2. Disable Text Selection Highlighting
  3. Horizontally Center an Element
  4. Change an HTML5 Input’s Placeholder Color
  5. Usage of table
  6. Make a Textarea Unable to Resize

Chrome Devtools

Learn with Stack Overflow

How to remove a specific item from an array?

Table of content:

  1. Remove a specific item from an array.
  2. Check if an element is hidden in Javascript.
  3. What does “use strict” do in Javascript?
  4. How to redirect to another webpage?
  5. How to check whether a string contains a substring?

TOP 1: How to Remove a Specific Item from An array?

  • Views: 8.0 million


With code snippets and embeds included

Created by the author

1. Copy an array

A special aspect to understand TypeScript for beginners.

Create by bytefish

Table of Contents:

· Unions type: |
· Intersection Types: &
· Numeric Separators: _
· Non-null assertion operator: !
· Optional notation: ?
Optional Chaining: …


Diagrams are better than words. Animations are better than English. Embed demos are better than code snippets.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store