DEV Community

gaurbprajapati
gaurbprajapati

Posted on • Updated on

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

Top comments (6)

Collapse
 
aditya_kumar profile image
Aditya Kumar

Thanks for sharing this article

Collapse
 
djmalibiran profile image
Daryl Malibiran

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

Collapse
 
jeffrey125 profile image
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.

Collapse
 
kamil7x profile image
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.

Collapse
 
gaurbprajapati profile image
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

Collapse
 
nzzareno profile image
Nazareno Garma

good content