My tools for front end development

Website to create wireframes - https://balsamiq.com/wireframes/?gclid=Cj0KCQjw2MWVBhCQARIsAIjbwoM7ELvU2Yb02JFDIY7PxMNuhqlKrAwtLRTreUSRcHlKsIG8Kh8DizQaAkhmEALw_wcB,
https://sneakpeekit.com/

Website ideas https://www.awwwards.com/ , https://dribbble.com/tags/website

Help for UI-patterns = https://ui-patterns.com/patterns

for image use website
https://www.pexels.com/ , https://unsplash.com/

make buttons
https://css3buttongenerator.com/

make fabicon https://www.flaticon.com/

Add Icons - https://fontawesome.com/icons , https://icons.getbootstrap.com/#install

Bootstrap:-

Grid - https://mdbootstrap.com/docs/standard/layout/grid/

Tools & Resources to Improve Your UI/UX Skills

1. http://learnui.design
2. http://uxfol.io
3. http://lawsofux.com
4. http://visily.ai
5. http://enhanceui.com
6. http://figma.com
7. http://sketch.com

YT

1. Design Course
2. Flux
3. UX Mastery

Comments

[Aditya Kumar]

Thanks for sharing this article

[Daryl Malibiran]

I suggest you create and style your own buttons. Inline CSS isn't good.

[Jeffrey Asilo]

I beg to differ on your stance about Inline CSS. Yes it's a bad practice to have an Inline CSS on your HTML but the technology changes and some of the best practices we study are also changing, you might want to look Tailwind CSS for this.

[Kamil Trusiak]

But Tailwind isn't Inline CSS ;)
It looks similar unfortunately, but in my opinion, things like hover:, md: etc prefixes make it much much better. So I would agree with Daryl here, inline CSS isn't good.

[gaurbprajapati]

thanks for the suggestion and I will follow it as well
But it is useful when you have less time and have more work

[Nazareno Garma]

good content