As someone getting into IT, specifically front-end web development, it was very essential to create a digital resume/porfolio to showcase my background and skills; especially showing that I can make a basic layout webpage. My resume was influenced by the late rnb singer Aaliyah. I never saw a website like that and so I wanted to put my own personality to my dev resume. What I like about my dev resume is that it is not too simple yet not too complex. Everything was to the point, organized, and fun with special css effects.
Since this was a one-page website, I wanted to make it as fun yet professional. When you hit each navigation like it smoothly goes straight to the specific source on the page. I also have special life mottos as quotes to separate major topic sections. You can easily go to each of my other social media pages by hovering over and clicking the social media icons. I also did it for the black mail and purple mail in the contact section. You can click on the black 'resume' button which will open a link into my resume. Another interesting thing I decided to do was to have my hamburger navigation highlight in a neon green once the mouse hovers over it; while on the desktop navigation bar, the links turns purple when the mouse hovers over it. I didn’t want to shy away with how I look, so I added a few picture of myself on the about section and in all of the motto sections, which has my mottos that I live by floating over parallax effects. Do not forget to click on my four projects and surf throught them. Overall, this was my first dev resume which I personally created without the help a website builder and though there were some challenges I love the final product of my resume. It shows my technical side as a front end software developer but also my creative side as a graphic designer.
Using flexbox for my resume section and my contact section.
Positioning hover on hamburger menu.
Using dev tools to locate the issue but didn’t show the problem was from a different css page.
Make the experience of scrolling effect smoother.
Constantly making adjustments for all three devices because of overriding.
Navigation background change in color when the user scrolls down.
Navigation links were hiding behind portfolios. Navigation would not widen to 100%. Bringing elements that is side by side closer to the center, not one hiding out of the edge of the webpage. Browsers updated system which changed the format to all pages and device sizes.
Instead of having my navigation change colors when scrolling down, I matched the name for the navigation menu and the section with # so that when the user hits the navigation link it goes straight to that particular section. I put a smooth scroll effect so that the experience is smooth when going to different sections. Instead of heaving the two parts in the contact link side by side on a desktop size, one is on top of the other which looks just as good. To make the dev resume more creative I put parallax’s with pictures. Put -webkit-transition properties to social media logos and buttons to give a better UX experiences.
- When to use pixels, rems, ems
- Margins and paddings
- flexbox is my weakness
- Git(updating to the newest rep)