frontend-tips icon indicating copy to clipboard operation
frontend-tips copied to clipboard

Super tiny, quick tips, tricks and best practices of front-end development

Front-end Tips

A series of super tiny, quick tips, tricks and best practices of front-end development.

The series cover different topics:

  • CSS
  • HTML
  • JavaScript
  • TypeScript
  • Browser developer tools

Running it on local

  1. Clone the project:
$ git clone https://github.com/1milligram/frontend-tips
  1. Install the dependencies:
$ cd frontend-tips
$ npm install --legacy-peer-deps
  1. Run it on the local:
$ npm run dev

Look at the console to see the Local URL. Open it in your browser to see it in action.

Contributing

Pull requests are welcomed. To submit your favorite tip, please create a markdown file, and put it in the posts folder. The content of markdown file has to look like

---
title: ___
category: ___
date: '___'
topics: ___
---

The content of post
  • title: Must match with the file name
  • category: Can be one of tip, trick or Best practice
  • date: The date that post is created
  • topics: The list of topic(s), separated by a comma

Here is an example.

About

This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

Be my friend on