DEV Community

loading...

How is your portfolio built?

iam_timsmith profile image Tim Smith ・1 min read

My portfolio site has gone through several different iterations. It started as a plain html site, then moved to WordPress when I learned how to build themes. For the past few years, my portfolio has been built with Gatsby and has been served by Netlify.

How is your portfolio site built? Show me your portfolio!

My Portfolio: https://www.iamtimsmith.com

Discussion (313)

Collapse
sureshmurali29 profile image
Suresh M • Edited

I built mine using React and hosted on Github pages.

Link: sureshmurali.github.io

Collapse
ben profile image
Ben Halpern

Reminds me a bit of apple.com landing pages.

Collapse
iam_timsmith profile image
Tim Smith Author

I think the animations help with that a lot

Thread Thread
pavelloz profile image
Paweł Kowalski • Edited

They help to kill fps too ;) I dont remember last time ive seen frontend portfolio skipping frames while scrolling ;)

Collapse
torianne02 profile image
Victoria Crawford

I love your portfolio! Holy cow what a fun experience.

Collapse
sureshmurali29 profile image
Suresh M

Thanks Victoria ☺️
Your appreciation means a lot to me.

Collapse
benmcm1994_71 profile image
Benjamin McMullan

Can you recommend any resources for UI design or front-end development to get to your level? Some cool stuff man!

Collapse
sureshmurali29 profile image
Suresh M • Edited

UI design inspirations: Awwwards, Dribbble, Uplabs and Pinterest

Front-end resources: FrontendMasters (for JS and React), Developer.Mozilla.org (for CSS) and YouTube

Collapse
thomasbnt profile image
Thomas Bnt

Woaaaw, awesome portfolio with animations 👏

Collapse
sureshmurali29 profile image
Suresh M

Thanks Hackerman 🤓

Collapse
georgeoffley profile image
George Offley

Your portfolio is awesome. Nice job!

Collapse
sureshmurali29 profile image
Suresh M

Thanks George. I like your comical profile picture.

Collapse
aamirrokz profile image
Aamir

really amazing portfolio loved it...!!

Collapse
sureshmurali29 profile image
Suresh M

Thank you Aamir 🙏

Collapse
olivergomes profile image
Oliver Gomes

Dude! That's one hell of a Portfolio, loved the experience!

Collapse
sureshmurali29 profile image
Suresh M

Thanks a lot, Oliver.

Collapse
mjoellnier profile image
Max

Fantastic work! Scrolling through it was really inspiring!

Collapse
sureshmurali29 profile image
Suresh M

Thank you Max

Collapse
listnux profile image
ListNUX

Fantastic!!!

Collapse
sureshmurali29 profile image
Suresh M

Thanks ListNUX

Collapse
adamweiler profile image
Adam • Edited

I like it! It looks nice. At first I thought the icons at the bottom were too big, but it's a style choice.

You can optimize your site by doing a Google Chrome Audit; specifically some tips:
-Meta description, Apple favicon, viewport size; that's easy!
-Resize your images in Photoshop. If you're only showing a small version anyways you don't need a full-size image. If you want, use both and have the small-png have a link to the large-png.
-Optimize your images when exporting.
-There's no navbar, which helps for screen-readers. (Style vs accessibility.)
-A few others, you'll have to go through them.

Also there are some freaky image movements if you open the console then resize it up & down.

Collapse
michaelpierre profile image
Michael Pierre

Your portfolio was fun!

Collapse
dantefrank profile image
David Dante Frank

Loved your portfolio

Collapse
remibruguier profile image
Rémi BRUGUIER • Edited

It does look great indeed, but there's a little glitch for me on Chrome (2560 * 1080) : thepracticaldev.s3.amazonaws.com/i...

Collapse
xanderyzwich profile image
Corey McCarty

Voistrap is first and last

Collapse
jatin2856 profile image
jatin sablok

Nice design

Collapse
mkrl profile image
Mikhail Korolev

Oh boy. I remember when I have gotten the idea of my portfolio being a shell terminal where you could use cli to navigate around and access everything in a matter of seconds. This ended up not as great as I thought. I wanted it to be as light and fast as possible, so I wasted a full night making a "terminal emulator" that will fulfill my needs (everything else was very massive and bloated). Then I had an idea of of an optional "X session" you could start with a command and get an access to the "pretty" version of the site.

Then I have adopted the process of having my resume in JSON and building/publishing it in every imaginable format, instantly accessible from my "cli". Had some plans on getting my roadmap and other things there, but had work to do so it kind of hang up for a while.
Does this showcase my work? Nope. Can I show this at HR interview? Not really. Was it fun to build? Hell yes, and I still use it from time to time, just for the sake of sharing my contacts, giving my SSH keys to someone or cloning dotfiles.

mkrl.xyz

And it's just as small as 11kb!

Collapse
aadibajpai profile image
Aadi Bajpai

I expected ls to show me the contents but I had to use help to get that. Potential feature maybe?

Collapse
iam_timsmith profile image
Tim Smith Author

Yeah, I wasn't real sure what commands to even try. It might be cool to build in some custom functionality with a list of commands at the top. For instance, if you type $ projects and hit enter it shows a list of projects.

Thread Thread
aadibajpai profile image
Aadi Bajpai

Yeah, when a user goes to the site they either work with the terminal or not. If they don't, worst case is they'll enter a random command and be greeted with the help message. But if they use the terminal then imo, the most intuitive command would be ls.

Thread Thread
iam_timsmith profile image
Tim Smith Author

Agreed. That makes sense.

Collapse
mkrl profile image
Mikhail Korolev

Yeah, I actually had a lot of Unix commands baked in initially but I removed them because I didn't have the time to implement them properly. Well, it's time to commit, I guess!

Thread Thread
aadibajpai profile image
Aadi Bajpai

Definitely, another cool instance of something similar would be the jobs page at repl.it

Collapse
ironlors profile image
Kay Kleinvogel • Edited

Such a great idea. One problem I had on mobile was that my keyboard automatically capitalizes the first letter. Happening on Android. I don't know if this is a problem other people have.

Collapse
iam_timsmith profile image
Tim Smith Author

Guess everything will have to be aliased out! 😉

Collapse
daxsoft profile image
Michael Willian Santos

Oh gosh, when I have write 'about', my name at first shows up and I thought: Wow, getting some information about me xD ahuhaua (but then I have read the rest and... well, it was interesting).

Interesting portfolio

Collapse
joshransley profile image
Josh Ransley

From the description I can't say I thought it would be very good but after clicking the link I found myself poking around for while and enjoying it. For the right audience it works – nice.

Collapse
lynnewritescode profile image
Lynne Finnigan

I LOVE this. Great work!

Collapse
nijeesh4all profile image
Nijeesh Joshy

Wow looks great. I had a similar idea once for my friend. His name was subash (su bash). But i couldn't persuade him to make his portfolio like a terminal.

Collapse
mkrl profile image
Mikhail Korolev

Oh my god, please do, with a name like this he MUST have a terminal portfolio.

Collapse
daviddalbusco profile image
David Dal Busco • Edited

Funny coincidence, I just launched my website, portfolio and blog yesterday 😉

daviddalbusco.com

I developed it with Gatsby and hosted it on Firebase.

I didn't used any themes, particular templates (beside the starter kit) or tools like Bootstrap. I developed everything from scratch, it's just Js and Css.

I had also a bit of more fun by including in this website two Web Components we have developed for DeckDeckGo respectively the slider and a component to lazy load external images.

Of course, I published the code as an open source project: github.com/peterpeterparker/davidd...

Collapse
joshransley profile image
Josh Ransley

I get a horizontal scrollbar on Firefox 68 on Mac. Don't think it's meant to be there 🤷‍♂️

Collapse
daviddalbusco profile image
David Dal Busco

Wtf really? In the main page?

Didn't faced that on my Mac with Firefox

Thread Thread
daviddalbusco profile image
David Dal Busco

Double checked, can't reproduce it with Firefox 67 and 68 on Mac. Are you on Windows maybe that's the difference?

Thread Thread
joshransley profile image
Josh Ransley • Edited

Odd. Nope, I'm on Mac, like I said. Unreproducible bugs are the worst.

Changing 100vw to 100% for section.header seems to solve it for me. Something to do with the width of the vertical scroll bar not working well with 100vw maybe? Or whacking overflow-y: hidden; on the body to just nuke the problem away.

Thread Thread
daviddalbusco profile image
David Dal Busco

Thx for testing it again and even more for providing a possible solution, that's super cool, I mean I can't reproduce it so it helps a lot, really really cool 👍

So I've modified and deployed the section width from 100vw to 100%, if I may, could you retry and tell me if the scrollbar now doesn't appear in your Firefox?

Tried again in my Chrome, Safari and Firefox, for me same same, still ok

Thread Thread
joshransley profile image
Josh Ransley

No worries. Just looked again and success – no horizontal scrollbar. And no other noticable effects from the change. 👍

Also, you may want to capitalise the languages listed on your about page.

Thread Thread
daviddalbusco profile image
David Dal Busco

Hooray 🎉

That was really strange, thx a lot for the support and help, really appreciated 👍

Could be a good idea, in any case I planned one day to rework that "about" section a day where I'll be a bit more in a "good writing mood" 😉

Collapse
iam_timsmith profile image
Tim Smith Author

I like this site a lot. Great job! I’ve been working on improving my RSS feed lately to use with dev and Mailchimp.

Collapse
daviddalbusco profile image
David Dal Busco • Edited

Thx for the feedback, I'm really happy to hear that, specially as I just launched it 😃

It looks like we are really in phase, a friend of mine literally send me three days ago a msg telling me I should had a look to Publishing to dev.to from RSS 😉

If you implement something for that purpose I would be definitely be curious about the solution

Thread Thread
iam_timsmith profile image
Tim Smith Author

I have implemented it and it is in use with dev.to. I used the gatsby-plugin-feed plugin since it’s made by the gatsby team and is relatively easy to set up. It’s worked pretty well so far although I can’t figure out how to create a media:content element into the xml to show an image for blog posts. I have it set up as an enclosure as a workaround for now.

Thread Thread
daviddalbusco profile image
David Dal Busco

Sounds super cool 👍

Two positive feedback on the same subject in a week, that ain't something I should ignore 😉

Thread Thread
iam_timsmith profile image
Tim Smith Author

Would it be helpful if I wrote a blog post about it?

Thread Thread
daviddalbusco profile image
David Dal Busco

It would be definitely interesting, I would read and like it for sure 😉

Thread Thread
iam_timsmith profile image
Tim Smith Author

I'll make that my next post!

Thread Thread
daviddalbusco profile image
Collapse
j3698 profile image
Anti

The intro section is very bold, I like it! On the other hand, on mobile it took some time to figure out to "hover" over the different projects to see their titles.

Collapse
daviddalbusco profile image
David Dal Busco

Thx for the feedback. Yep agree with you, I still need to figure out a better design for the projects ":hover" on mobile

Thread Thread
iam_timsmith profile image
Tim Smith Author

My solution for mine is to just make it visible on mobile (mine has a semi transparent background so the image is visible but also the text). maybe a semi transparent solution could work for you on mobile.

Thread Thread
daviddalbusco profile image
David Dal Busco

Really nice idea.

I was also thinking on having no hover on mobile but displaying the title, which appears on hover on desktop, under the icon of the project which should for that reason become a smaller size or something like that...

Therefore your solution seems to need less css, so better ;)

Thread Thread
iam_timsmith profile image
Tim Smith Author

That also sounds good. It would prevent the image from being obscured, which is a good thing.

Thread Thread
daviddalbusco profile image
David Dal Busco

Done 😉

I went the way I explained above. On mobile no hover animation but the project's title displayed after its logo.

Thx for the brainstorming Tim 👍

Thread Thread
iam_timsmith profile image
Tim Smith Author

No problem! Glad you got it solved!

Collapse
iam_timsmith profile image
Tim Smith Author

This is something that is also a problem on my site. I see it when I’m on mobile but forget to fix when I have the time.

Collapse
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝

Mine's just plain HTML/CSS/JS :) No frameworks, no CMS. Just light and simple. ndw.one

Collapse
j3698 profile image
Anti

Love the parallax :)

Collapse
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝

Thank you very much! It was inspired by the Firewatch website: firewatchgame.com/

Thread Thread
iam_timsmith profile image
Tim Smith Author

That is a very cool site. I can see the similarities.

Collapse
sumnanazadi profile image
Sumnan Azadi

Loved it.
Owl carousel parallax?

Collapse
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝

Owl carousel was used for the individual portfolio items yes :)

For the parallax I used Rellax: github.com/dixonandmoe/rellax

Thread Thread
sumnanazadi profile image
Sumnan Azadi

Thanks for the knowledge.

Collapse
iam_timsmith profile image
Tim Smith Author

Absolutely nothing wrong with that. I like the colors. I always think i should add more color to my site, but at the same time like the neutrals.

Collapse
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝

Never said there was anything wrong with doing it simple :P I didn't feel the need for anything else. I don't update it often, so why should I bloat it with a CMS.

Thank you for your compliments!

Thread Thread
iam_timsmith profile image
Tim Smith Author

Agreed. Although I use gatsby, I had kind of the same feeling. I could use a CMS for “ease of use” but I’m the only one using it and I’m perfectly fine with markdown so why bother?

Collapse
justinhtdang profile image
Justin Dang

My portfolio site is more like a personal landing page that I can link to other stuff.

justind.me

It's aimed to be mimalistic so I designed it to look like a business card as that is how I intend to use it.

(Doesn't work well on mobile sadly :( )

Collapse
gredelston profile image
Greg Edelston

Hey Justin, when I visit your site in Chrome on a Chromebook, the reversed backside of the business card is visible. imgur.com/TwQBedv

The same issue occurs when viewing the backside. imgur.com/a/tc51D8j

Collapse
iam_timsmith profile image
Tim Smith Author

When I look at the site in Chrome on mac, I'm seeing the same thing. I don't see it in Firefox though.

Collapse
justinhtdang profile image
Justin Dang

Thank you for the head up! Turn out the latest chrome version resulted in a bug with the jquery script I used.

Collapse
dmahely profile image
Doaa Mahely

Hey Justin!
I love the look and feel of your website 👍🏽 You have a couple of typos though: "gradudate" in your cv and "I'm worked" in your About page.
I also really love the curl thing you have in your CV. Might steal the idea 😄

Collapse
justinhtdang profile image
Justin Dang

Hi Doaa, thank you very much! Making the curl thing is a lot of fun. Credit to where it due: I didn't come up with the idea, I learn it from this guy's blog: hugo.md/post/json-resume-curl/.

Thread Thread
dmahely profile image
Doaa Mahely

Thank you for sharing the link! 😄

Collapse
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝 • Edited

I can see your "About Me" text through the "Home" text (and vice-versa)... making it all quite impossible to read :( Using Chrome on Win 10.

Collapse
justinhtdang profile image
Justin Dang

Thanks for letting me know! Fixed :)

Thread Thread
nataliedeweerd profile image
𝐍𝐚𝐭𝐚𝐥𝐢𝐞 𝐝𝐞 𝐖𝐞𝐞𝐫𝐝 • Edited

Sweet! Can confirm it's all fixed now :D

Is this supposed to be at the bottom of your About side? curl about.justind.me

Thread Thread
justinhtdang profile image
Justin Dang

Yes! It's my Json resume. Meant to be an Easter egg for people who notice :)

Collapse
iam_timsmith profile image
Tim Smith Author

On mobile you could just style it like a vertical business card.

Collapse
pinkbeeme profile image
LaurieSue

Hey, Justin. I loved your landing page thingy! I think it is really cool.

Collapse
torianne02 profile image
Victoria Crawford

I just built mine about a month ago. I used React and it's hosted on Heroku. I am thinking about redoing it already and trying out Jekyll for the first time.

my site

Collapse
mxthevs profile image
Matheus Henrique

I Really liked your site! Loved your choices for the design. =)

I opened it in both my phone and an old computer that i use at work (Windows 7 x86 with Chrome 78.0.3904.108), and the waving hand emoji doesn't want to render on the PC though, but i think this have to do with the fonts i have (or don't have) installed on this PC, don't know.

Pic related:
imgur.com/a/ah96ip5

Collapse
torianne02 profile image
Victoria Crawford

Thank you for letting me know. 😊

Collapse
okpoekpenyong profile image
Ekpenyong

Very nice, simple and unique...and the smile. Seriously, it can be difficult creating something unique in the world of many interesting designs.

I checked yours out because I'm a fan of React.

Collapse
willvincent profile image
Will Vincent • Edited

No portfolio, hasn't been necessary for my career.

I do however have a blog, that used to be Drupal from which I migrated to Ghost. It (like all other things on my server) runs in a docker container, and sits behind another docker container running lightify, which in turn sits behind another container running traefik.

I don't post very often.. keep telling myself I should do more, but it's not a high priority really.

willvincent.com

Collapse
iam_timsmith profile image
Tim Smith Author

Interesting. I've only dabbled in docker. That sounds intense. I like the site though. It really feels like a magazine or something.

Collapse
willvincent profile image
Will Vincent

Thanks.. It's mostly the default ghost theme, just tweaked a couple small things here and there.

Traefik makes everything really pretty trivial.. it is the first point of contact for basically everything hitting the server, at least http[s] wise, though it will happily handle basically any other protocol too.

The individual docker hosts behind it use internal ports and routing, that traefik does reverse proxy for..

So you can stand up a nodejs service on port 3000, for example, and expose that as a subdomain or whatever, like: foo.example.com Traefik will handle grabbing an ssl cert for you, automagically from letsencrypt, and internally route traffic coming in on port 443 for that domain to that container.

It's like vhosts, turned up to 11. :)

Cool thing about traefik is you can also attach things to specific routes so if you had main site running wordpress as mysite.com and wanted to setup a magento store, for example, you could just as easily expose it at mysite.com/store as at store.mysite.com ... pretty cool.

Thread Thread
iam_timsmith profile image
Tim Smith Author

I'll definitely have to look into these technologies more. Thanks for all the info!

Thread Thread
jackharner profile image
Jack Harner 🚀

Wow. I haven't played with Docker all that much, but that sounds super interesting. If I had a dollar for every time I screwed up some virtual host config...

Definitely going to dive deeper, especially since I'm playing more with Node/JS

Collapse
luk492 profile image
Luka Kajtes

Mine went through a lot of versions and tech stacks.
From pure HTML and CSS -> HTML, Bootstrap and a bit of PHP
Currently it's built with MEAN stack + Bootstrap 4 + Ngrx. I know it's overkill with all the auth and everything, but it helps me manage new/old projects and adding and removing skill sets. You can have a look at it here

Collapse
iam_timsmith profile image
Tim Smith Author

This is a super cool site. Great job!

As far as the overkill thing goes, I don't think that's necessarily a bad thing. The performance doesn't seem bad so I don't think it's a problem. I treat my portfolio as a space to try new things and adding features that I think would be cool (even if I don't know how to build them). If you're learning new things, challenging yourself, enjoying it, and it doesn't suck then who cares if it's overkill?

Collapse
luk492 profile image
Luka Kajtes

I completely agree. I'm basically using it as a playground, plus it's like a showroom of your skills.

Thread Thread
iam_timsmith profile image
Tim Smith Author

Totally! I get that a portfolio site is a tool to help get jobs, meet people, and network in general, but is it really that useful if it's not something you enjoy working on? I don't think so.

Collapse
j3698 profile image
Anti

I love the project thumbnails :)

Collapse
giorgiobertolotti profile image
Giorgio Bertolotti

Your portfolio is very neat, I like it, if you accept suggestions the "Hire me" button is very hard to read (at least from mobile)...

My portfolio is based on a template I've found on GitHub, but in the time it changed radically.

bertolotti.dev/

Collapse
sumnanazadi profile image
Sumnan Azadi

I loved your Experience Section.
Would you care to share How did you do this timeline?

Collapse
giorgiobertolotti profile image
Giorgio Bertolotti

Sure, you can find the code on GitHub: here

Thread Thread
sumnanazadi profile image
Sumnan Azadi

Thanks for the knowledge man

Collapse
iam_timsmith profile image
Tim Smith Author

Thanks! The card to fix that has been in the to-do list for a while. Maybe I’ll get that moved to the top.

Collapse
joshransley profile image
Josh Ransley

Just HTML, CSS and some JS. Built as it is delivered. No other tooling.

joshransley.com

It's very minimal and updated rarely, so static code made sense. Hosted on the cheapest DigitalOcean droplet. Which also hosts some other sites and other crap that isn't public on my domain.

(Oh, I guess the blog is built on Ghost, because I wanted to try it. Using some really messy CSS there because I'm too lazy to fix it.)

Collapse
j3698 profile image
Anti

Now that's wicked. Usually not a fan of wordiness - but I like your unique writing style. Yours is a blog I would subscribe to, but I don't see how to.

Collapse
joshransley profile image
Josh Ransley

Thanks.

There's an RSS feed, but apart from that 🤷‍♂️ I didn't expect anyone to want to subscribe.

joshransley.com/blog/rss/

Collapse
iam_timsmith profile image
Tim Smith Author

Nice! The colors are there and vibrant without being overwhelming. I'm seeing a lot of developers who are also photographers. That's pretty cool.

Collapse
recss profile image
Kevin K. Johnson

Relieve my soul: .profile-image {width: 100%};

Collapse
joshransley profile image
Josh Ransley

I'm confused.

Thread Thread
recss profile image
Kevin K. Johnson

Oh, the circle image on the main page has stretched proportions. I found the class in the inspector and gave some code I think fixes it.

Thread Thread
joshransley profile image
Josh Ransley

Ah, yes. In Chrome it seems the image has been stretched/squashed. Thanks.

Collapse
crimsonmed profile image
Médéric Burlet

For my part a simple wordpress custom installation for my blog. And a second wordpress for my photography that is linked to a s3 bucket for not taking crazy space on server Hard Drive

Main Site:
medericburlet.com

Blog:
medericburlet.com/blog/

Photography:
photography.medericburlet.com/

Collapse
recss profile image
Kevin K. Johnson

When it comes to your proficiencies, what does it mean to have HTML + CSS + PHP at 80%? What is 100%?

Collapse
iam_timsmith profile image
Tim Smith Author

I’ve seen this on a lot of portfolios and resumes. I always think it’s a bit odd because either it’s a percentage or grade, or it’s just hard to objectively rate ones skills against others. Just my opinion though.

Collapse
crimsonmed profile image
Médéric Burlet

I would put 100% at understanding completely the language and all of its quirks, functionalities and more. Some are easier to know than others take HTML there is a finite number of tags in HTML5 and it is easy to know them all. The rating also helps to show within all the skills and competencies which one you are more comfortable with and good with. This is however a personal take, some people might buff it up and when it comes to practical exam they will fail.

Collapse
j3698 profile image
Anti

How do you know how much has loaded?

Collapse
crimsonmed profile image
Médéric Burlet

there is a state which lets you know when the website is still loading: varvy.com/performance/document-rea...

You can then couple that with some checks.

A good starting point would be too look at pace.js: github.com/HubSpot/pace/blob/maste...

Collapse
iam_timsmith profile image
Tim Smith Author

I like your primary site a lot. It looks like there’s some horizontal scrolling on the homepage on mobile. I suspect the culprit is the carousel.

Collapse
crimsonmed profile image
Médéric Burlet

Yes I saw it and been meaning to fix it but didn't have much time and kept procrastinating haha. Glad you like the site.

Thread Thread
iam_timsmith profile image
Tim Smith Author

I have so many things like that.

Collapse
sumnanazadi profile image
Sumnan Azadi • Edited

I liked your primary site.
would you share please What technology did you use in your timeline?

Collapse
crimsonmed profile image
Thread Thread
sumnanazadi profile image
Sumnan Azadi

Thanks for the information.

Collapse
aadibajpai profile image
Aadi Bajpai

I can design and do backend but not really frontend. I wanted to see how far I could get with vanilla html/CSS/JS. You can see it in action at aadibajpai.me (clearnet) and clashkahznlvpwfg.onion (onion service)

The resume part is cool though, it's Dynamic LaTeX that autoupdates it with the latest numbers on click.

Collapse
recss profile image
Kevin K. Johnson

I can literally say I've never seen anyone add a scrolling marquee to the address bar. I think I like it? Hah.

Collapse
iam_timsmith profile image
Tim Smith Author

I was on mobile when I looked at this before so I didn't even see that. It's pretty cool. Interesting at the very least.

Thread Thread
aadibajpai profile image
Aadi Bajpai

Yeah haha, I knew my frontend skills weren't going to make it stand out so I had to look elsewhere. If I'm going to do it then might as well make it interesting 🙂

Collapse
aadibajpai profile image
Aadi Bajpai

It's true, I can't really make nice websites haha. Felt it was tongue in cheek given the situation haha.

Collapse
dmahely profile image
Doaa Mahely

Hey Aadi
I love your website's design, especially the part with all the links that end with your name. That's a very neat trick I may use in my website 😄

Collapse
aadibajpai profile image
Aadi Bajpai

Thanks! Remember when I said I'm not good at frontend but can design? The whole thing is actually an SVG but the trick is that SVGs are nothing but XML files so I was able to individually hyperlink each link and modify it when theme is toggled via JS.

Thread Thread
dmahely profile image
Doaa Mahely

That's really cool. Thanks for the tip 👍🏽

Collapse
brittanyrw profile image
Brittany Walker

I created my portfolio with just HTML and CSS. There is a little JS for smooth scrolling and a themed console message.

I really love musicals so I went with that for the theme of my portfolio site.

Link: musicalwebdev.com

Collapse
iam_timsmith profile image
Tim Smith Author

This is definitely a unique portfolio. I've never seen one like this. Good job! What are the lyrics at the top from?

Collapse