Yeah! you probably might be thinking: "Okay it's ugly so what?" Yes, it is! but it won't be any longer after we are going to rebuild it to something more pleasant to the HUMAN DESIGN :).
Now I'm not saying dev.to is one of the ugliest design out there, NO! this is for learning purpose, it is aimed for teaching about good UI/. and you guessed it right: UX, it's very popular these days you Know :) User's interface and experience.
So what are we building in this short tutorial?
-we are redesigning dev.to user interface.
Cool! what are the processes?
1) we will wireframe dev.to (Using Balsamiq) - not necessary
2) we will dive right into AdobeXD(or invision) and put colors and stuff.
3) we will then code it up. STATIC! no, react :).
Okay! nice, what are the tools required for this short tutorial?
-Balsamiq mockup. You can get it following this link: https://balsamiq.com/wireframes/desktop/
-AdobeXD(sketch for Mac user's). It's free :) Adobe made it free for Windows users. get it here: https://www.adobe.com/products/xd.html
-Finally, I'll be using vsCode. Feel free to use whatever you like :)
alright, people, that's it, you know we can skip the whole Balsamiq process and just dive right into adobeXD. Hmmm, let me know what you think in the comment section. And this is my first post, just joined :) Okay get these things ready and wait for part tw2. see yah :).