Proper Assets Management for Website

This guide is for static HTML based websites. For other frontend/backend framewroks like ReactJS, AngularJS, WordPress or Laravel, we may follow different approach for assets management. But if you get a good idea and general perspective here, you should be able grasp idea of a good assets management for any other web development project in general.

We have covered followings in this video:

  • Types of Assets (Fonts, Images, Video/Audio files, CSS files, Javascript files, HTML files, other file types such as favicon.ico)
  • Understanding Website/Project Root Directory
  • Understanding Folder Structure
  • Understanding File Hierarchy (Order)
  • Naming Files and Folders
  • Understanding File Paths
  • Linking Assets

You can not just throw web pages, images, css files, javascript files, fonts into a single folder and call it a website. You should practice proper assets management for each and every project that you create. It will help you later on while you edit the same project and it will also help fellow developers if they work with you on same project. Here are key points:

  • Inside root directory keep your web pages and have a single ‘assets’ folder.
  • Keep all files and folder names in small case letters.
  • Inside assets folder, have other relevant folders e.g. images, styles, scripts, fonts, media and more if you need to
  • Keep same type of files in recognizable folder named appropriately for those specific files

English Version

Urdu/Hindi Version