Responsive Design

As of 2020, here is the global breakdown of internet traffic: 50.88% Mobile, 46.39% Desktop, 2.74% Tablet.

The results show that mobile users are growing every day and now it's the top. So we as developers when implementing the pages we don't have the opportunity to make the site non-responsive anymore. Most of the users will check out the site on their phones. While developing the site we also need to ask ourselves how we can implement this feature on the small screens and even we can use a mobile-first approach as well if you don't know it I highly recommend you to check it out. You can check if your website responsiveness or not from here.

​ Cross-Browser Compatibility

​64.59% Chrome

​19.14% Safari

3.76% Firefox

3.41% Edge

​3.31% Samsung Internet

2.19% Opera

​Chrome is staying on top and it has more than half of the market share but we still have to write our code that works on every browser. We never know which browser user is going to be our target user so it is always good to care. You can check CSS code compatibility from here and also there are a lot of tools that check your website and tell you how much of your website is compatible with browsers. ​

Performance

A good website is loaded in 2-3 seconds but when the website loading takes more than 7 seconds that means you have to improve your performance there are some factors that you can do to improve website performance:

​1- Minify CSS, JavaScript, and HTML

​2- Optimize images

​3- Improve server response time

​4- Leverage browser caching

​You can check your website load time from here

​ Chrome Dev tool

Chrome dev tool is an assistant of front-end developers. There is a list that you can do on the Chrome dev tool panel: ​

1- You can edit your HTML, CSS code while testing and debugging ​ 2- Tou can reproduce bugs, pause your running code and find the exact moment when the script fails to execute properly. ​ 3- You can check your website performance. ​ 4- The network tab is also a lifesaver for inspecting what assets are being loaded on the page and in what order they load, how long they take to load etc. ​ Chrome dev tool coming with your browser you don't need to any installation for it.

​ Testing

While we developing our projects we create tons of bugs. Therefore this is where the testing comes and safe your life. there are several testing types that you can learn and apply to your project. ​

1- Unit testing

​2- Functional Testing ​ 3- Integration testing