5 resources I use as a front end developer that you probably need

This content originally appeared on DEV Community and was authored by Benedict Steven

Cover photo credit: Unsplash

As a frontend developer, you have probably struggled to find images, svgs or icons to add to your application and sometimes the images you have are of high resolution that it takes a lot of time to paint when the website renders thus hindering website's performance or couldn't find high quality images. Here are five(5) resources which you might need while developing your application.

1. Free Icons

Icons are known to express some information while providing good UI. These are used in many websites and as a frontend developer you probably need them in any website you'll be making. Here are some free icons resources.

• Font Awesome: Font awesome
• Bootstrap icons: Bootstrap icons

2. Free SVG illustration

Svg are essential part of modern websites and we no longer need to create them from scratch using html/css or other design tools like figma.

• Undraw: Undraw
• Freepik: Freepik

3. Free High Quality Images

If you are wondering where to get free high quality images for your backgrounds, nature, people etc here are good sources

• Unsplash: Unsplash
• Pexels: Pexels

NB: These images are of high resolution which can hinder the performance of your website but luckily there are tools for that! ?

4. Free image resolution compressor

These tools will compress your images to reduce resolution and thus helps better your site's performance without affecting image quality.

• tinyPNG: TinyPNG
• Img2go: Img2go

5. Remove Background

Lets look at this image

I wanna put it somewhere in my website where the pink color will result into bad UI, Removing the pink background and decide to add my own or just put it without background will be better solution, but I don't know photoshop - here is where I go

• Remove.bg: Remove.bg

Now I get this?

Hope these resources save you a lot effort, happy coding!! ?

This content originally appeared on DEV Community and was authored by Benedict Steven

Print Share Comment Cite Upload Translate Updates

APA

Benedict Steven | Sciencx (2021-06-16T09:31:03+00:00) 5 resources I use as a front end developer that you probably need. Retrieved from https://www.scien.cx/2021/06/16/5-resources-i-use-as-a-front-end-developer-that-you-probably-need/

MLA

" » 5 resources I use as a front end developer that you probably need." Benedict Steven | Sciencx - Wednesday June 16, 2021, https://www.scien.cx/2021/06/16/5-resources-i-use-as-a-front-end-developer-that-you-probably-need/

HARVARD

Benedict Steven | Sciencx Wednesday June 16, 2021 » 5 resources I use as a front end developer that you probably need., viewed ,<https://www.scien.cx/2021/06/16/5-resources-i-use-as-a-front-end-developer-that-you-probably-need/>

VANCOUVER

Benedict Steven | Sciencx - » 5 resources I use as a front end developer that you probably need. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/16/5-resources-i-use-as-a-front-end-developer-that-you-probably-need/

CHICAGO

" » 5 resources I use as a front end developer that you probably need." Benedict Steven | Sciencx - Accessed . https://www.scien.cx/2021/06/16/5-resources-i-use-as-a-front-end-developer-that-you-probably-need/

IEEE

" » 5 resources I use as a front end developer that you probably need." Benedict Steven | Sciencx [Online]. Available: https://www.scien.cx/2021/06/16/5-resources-i-use-as-a-front-end-developer-that-you-probably-need/. [Accessed: ]

rf:citation

» 5 resources I use as a front end developer that you probably need | Benedict Steven | Sciencx | https://www.scien.cx/2021/06/16/5-resources-i-use-as-a-front-end-developer-that-you-probably-need/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.