No one will give these Web Dev tips and tricks
Tags: webdev, productivity, codenewbie, css
Published: 2020-11-11 06:33:30

Tips and Tricks are important as they increase productivity and saves time when developing. Here is my new blog post, I'm bringing some amazing and unique **Web Dev** tips that no one will give you. 

<hr>
Do you want development news right on your default chrome or firefox page? Then get the amazing  [daily.dev](https://api.daily.dev/get?r=rahxul) extension. There are only PROS of getting this extension no CONS. 
<hr>

# TIPS  nd Tricks 👊🤘


### News

![undraw_news_go0e.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1604384022567/n4E6cS7gT.png)
If we decode NEWS it is -> North, East, West and South. So it means to get news is important for developers, as there are many updates and many amazing articles are coming day by day and it's hard to find 'em so you can use  [daily.dev](https://api.daily.dev/get?r=rahxul)  extension and select your developing niche and get the amazing NEWS. 


### White Space 

White space and long JavaScript and CSS can interfere page loading speed which is not good for user/visitor. So you can use the below tool minify Javascript and CSS.

Link ->  [Refresh -SF](https://refresh-sf.com/) 

### Learn to design and see Inspirations  

![undraw_inspiration_lecl.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1604383979567/szeBcVbiW.png)
There are many websites on the web but there are only some handpicked websites that are amazing and have a great UI/UX. Here are the resources you can visit to find great websites.  

-  [Awwwards](https://www.awwwards.com/)         
-   [CSS Design Awards](https://www.cssdesignawards.com/)                      
-  [FWA](https://thefwa.com/) 

### Call To Action Button
CTA buttons are used in your website and on your landing pages to guide users towards your goal conversion.
The main problem is where to put the call to action button. 
- Never put CTA buttons on **top**                
- Put at bottom of the page so when any user comes he first see the content and at last he can use the CTA button.                 
- You can use inside the content if necessary. 

### Using Typography

![undraw_font_kwpk.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1604383923390/noo5FJl_8.png)

In 2020 typography is a more used type of web design. The reason typography is most popular because using typographic styles to differentiate between the type of content makes your website more clear and easier to understand.                                  
If you're doing typography on your website then keep the following in mind:-
- Use Standard Fonts
- When using fonts download them because if you embed there chances that due to some issue it will not be in effect and default font will be used. 
- keep care of Caps lock

### UI design tools

![undraw_design_tools_42tf.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1604382961151/Brk2UCeJ1.png)

UI design is important because it increases user involvement, perfects functionality and creates a strong link between your users and your website.
Here are some UI design tools you can use 
-  [Adobe XD](https://www.adobe.com/in/products/xd.html)                                
-  [Figma](https://www.figma.com/)                    
-  [Axure](https://www.axure.com/) 
- Proto.io

### Don't Google

Google is the fundamental right for every developer😂 but don't you think they track your data. So here I'm bringing you the ultimate alternatives you can use instead of google. 

Link ->  [No More Google](https://nomoregoogle.com/)

###  The ERROR message 

![undraw_page_not_found_su7k.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1604382927127/N8fjq4_3z.png)

An error message is something when developers see they get upset but what's the use of that. So always be happy when you get an error and learn from that error.   
                            More error = more practice = High understanding.  

### Share IT!

![undraw_share_link_qtxe.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1604383015551/B8XNAepau.png) 

Share what you learn but share. It can be a simple HTML line or a simple CSS code. But there are many people on  [Twitter](https://twitter.com) learn from each other.
Your simple code piece could help the other. If you're intermediate or pro in developing make a blog or start your course on udemy.  

For blogging  [Hashnode ](https://hashnode.com/@rahxul/joinme) is the best platform as it offers a great variety of features.  

### Project Always

![undraw_project_completed_w0oq.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1604383079265/sgUcLCz70.png)
Build Projects is necessary because you learn many things while doing that. 
Here is what you'll learn by building projects. 
- Not making same the mistake again
- You'll handle everything alone, so you'll get an idea of handling big projects in future
- Use everything you've learned
- Make your deadline for the project and do it within that. Make public announcement so you'll surely do withing the deadline
- **Open-Source** on GitHub it because you'll get feedback and pull requests on your project



<hr>
Thanks For Reading hope you find it helpful. <br> 
Share and let others also know about this. 

<hr>
Blogging Platform -  [Hashnode](https://hashnode.com/@rahxul/joinme)                      
News For Developers -  [daily.dev](https://api.daily.dev/get?r=rahxul) 
<hr>
Pictures By UnDraw.co