1milligram / frontend-tips

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

Home Page:https://getfrontend.tips

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

ezoic increase your site revenue

About

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

https://getfrontend.tips

License:MIT License


Languages

Language:HTML 47.7%Language:TypeScript 43.1%Language:SCSS 8.6%Language:JavaScript 0.4%Language:CSS 0.3%