The latest articles on DEV Community by Molly (✿◠‿◠) (@mollymilkhoney). https://dev.to/mollymilkhoney https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2153559%2F22332720-27cc-4c8f-8579-4aa5532783f6.jpg https://dev.to/mollymilkhoney en Molly (✿◠‿◠) Mon, 09 Dec 2024 12:22:38 +0000 https://dev.to/mollymilkhoney/progress-of-my-new-website-233h https://dev.to/mollymilkhoney/progress-of-my-new-website-233h <p>It definitely doesn't look anything like my Figma draft. <br> I think that's a really good thing. 😂<br> I was feeling like my Figma draft looked really dated. <br> I am much happier now that I prioritized showcasing my personality &amp; style more than worrying about showcasing every single thing I know how to do. <br> I need to incorporate those skills in more subtle ways. The bee follows the mouse across the page. The sun icon top right switches to dark mode.<br> I so far love it! <br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flh05iw3rpr5qqlmy8s63.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flh05iw3rpr5qqlmy8s63.png" alt="Image description" width="800" height="544"></a></p> javascript webdev beginners css Molly (✿◠‿◠) Fri, 25 Oct 2024 16:04:05 +0000 https://dev.to/mollymilkhoney/the-first-draft-of-my-wireframe-for-my-portfolio-website-2318 https://dev.to/mollymilkhoney/the-first-draft-of-my-wireframe-for-my-portfolio-website-2318 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6os9iqzmfr1mr93tph90.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6os9iqzmfr1mr93tph90.png" alt="Image description" width="800" height="677"></a>I created this wireframe in Figma using mostly the rectagle tool &amp; pen tool. I watched a <a href="https://youtu.be/D4NyQ5iOMF0?si=tRL9R3d8CaSgDhYw" rel="noopener noreferrer">tutorial for how to practice wireframes</a> on YouTube that told me the best way to learn was to take screenshots of pages or apps &amp; then practice turning those into a wireframe to match. I did a couple of those prior to this first draft. One of the practices I did is included in the scrolling image section to represent showcasing featured projects from my portfolio. // I'll come back and update this as my project progresses into the actual website, but for now I'm creating my first DEV post! (✿◠‿◠)</p> webdev beginners frontend ui