/frontend-tips

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

Primary LanguageNunjucksMIT LicenseMIT

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

front-end tips

Running it on local

  1. Clone the project:
$ git clone https://github.com/phuoc-ng/frontend-tips
  1. Install the dependencies:
$ cd frontend-tips
$ npm install
  1. Run it on the local:
$ npm run serve

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: ___
tags:
  - posts
layout: layouts/post.njk
topics: ___
---

The content of post
  • title: Must match with the file name
  • category: Can be one of tip, trick or 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

Products

You might be interested in my products:

Products

Resources