8 Developer Portfolios that MIGHT be 10/10's?!

bit.ly/3fRU9xr 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, we're going to check out 8 developer portfolios that I think are excellent. Typically, developer portfolios tend to be on the uglier side. Why? Well, because developers aren't designers 😅. But these developer portfolios are the exception. So, sit back, relax, and watch!
The portfolios covered:
olaolu.dev/
brittanychiang.com/
nashe.dev/
danspratling.dev/
robbowen.digital/
michaelpumo.com/
www.legworkstudio.com/
vanholtz.co/
0:00 - Introduction
0:22 - Portfolio 1
2:00 - Portfolio 2
3:42 - Portfolio 3
5:32 - Learn UI/UX Interactively
6:20 - Portfolio 4
7:39 - Portfolio 5
9:12 - Portfolio 6
10:05 - Portfolio 7
11:03 - Portfolio 8
12:44 - Final Thoughts
#webdeveloper #portfolio #uiux
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

[@DesignCourse]

Whi h is your favorite? Mine is #8

[@do0nv]

Whi h

[@universecode1101]

My favorite is the 5th, unique and so clean colors 👏🏻 I for my KZbin channel I created a video project with Html & css and honest I think it is still one of the best ways for this type of project. The only always great alternative would be with React and Tailwind Css, what do you think ??? 😜

[@abdu_brh]

I liked the 5th

[@AnitaPrasad12]

same mine is 8 due to the uniqueness.

[@Alessandro-nq3tm]

5 IMO

[@Carlinhood]

This floating Gary head makes some valid points in this video!

[@RabbiNash]

Glad my dev portfolio was featured here 🙏🙏🙏

[@giftmukupe1]

Munorova graft mdara, nice one!

[@Norfeldt]

He did say "I liked to have the entire menu expanded". He was not fooling around, his favorite was the one that was nothing but a big menu. 🤠

[@dmitrygolovin8066]

Great articulation! love your communicating style.

[@wge621]

wow portfolio 5, "Rob", amazing stuff! Would be so good for a designer. the cool thing about developers is that they can take things beyond ideation and figure out how to actually make things responsive in an interesting way. Designers can do, but it's just more of an uphill battle for them.

[@robertturner1550]

I just joined your course and monthly mentorship. I've been a web designer / developer for 15 years and I've never really been 100% happy with my UI /UX skills. I'm super excited about finally overcoming that barrier.

[@sanicspeed1672]

How was it?

[@robertturner1550]

@@sanicspeed1672 worth every penny I spent on the course.

[@walkinInst1nct]

Would love to see more of this content by comparing the desktop version to the mobile version and how they solved it. Great and inspirational content btw.

[@eeeee69420]

What a brave person, without any body but only with his head left he is making videos for us 🥺. You are an inspiration

[@TheEpicMineCrafter13]

Dont know if you know but you can enable extensions on incog, if you select manage on the extension scroll down a bit and there is an option `Allow in Incognito`

[@GeorgeLimaaa]

The last two were mindblowing!

[@sadranezam3367]

very intriguing , thanks for the review.

[@pat_i_kot896]

Thanks to this video I tried out Robbowen's 'Synthwave Neon Glow' color theme extension in VS Code. Man, I have never enjoyed coding as much as now :D

[@Lipiec-hi2fd]

Great episode, definitely do it more. Let's learn from the best.

[@seenuz1]

Good review mate👌

[@universecode1101]

My favorite is the 5th, unique and so clean colors 👏🏻 I for my KZbin channel I created a video project with Html & css and honest I think it is still one of the best ways for this type of project. The only always great alternative would be with React and Tailwind Css, what do you think ??? 😜

[@HenkLeerssen]

Number 2 is pretty awesome under the hood. Number 3 is elementor theme with wordpress? Number 8 uses barba. Nice!

[@muslimahmood]

Thanks for sharing.

[@sinki19841984]

I love synthwave '84!

[@MG-nn8dy]

Just curious. I think the nav menus are for Accessibility, no? What's your take on Accessibility when designing more complex sites? Ever test keyboard navigation on these? TY Great work!

[@zoksss5323]

1:31 tbh, I really like the menu, its maybe hard to click, but otherwise, it would ruin the aesthetics

[@FralleNet]

Hey, great video as usual. However some of these design aren't responsive. If that is the case then I wouldn't rate it a 10/10. But maybe you are only looking at the desktop layout, if that is the case ignore me and keep up the good work :)

[@koubinhanz]

#5 definitely. 8 is a showcase for a huge amount of skill, but those designs still feel a bit overwhelming to me

[@zarakikenpachi1773]

Wow, those are some really good portfolios. I am really curious to know, how to achieve that animation on 10:45.

[@DesignCourse]

Yes, I'm wearing a green shirt. I actually like it. It emoticizes (word?) my head.

[@parthmittal5625]

Inspirational designs! How do you find them? Is there a way we can reach out to you as well?

[@afzalmahmud1974]

9:06 I feel no call to action button on Mr.Roob

[@AnweshAdhikari]

Haha, nice T-shirt, Gary!❤😂

[@_tanzil_]

Can you please have a good screen resolution on your pc when you record the video! Because it's too small while watching on a mobile phone

[@rahiedkhan392]

What's really unique is this video thumbnail 😂❤

[@amirkamalian8045]

Dear Gary thanks for you amazing video as always. What do you think it's the best spacing system to use for design in order to translate it over to code? I think most designers just move around things and suddenly they say yeahh this feels good but I need a systematic approach. I've already read some articles about it but I want to know how do you approach this ? Thanks again.

[@London2ATL]

8pt grid system!

[@abhayrohit]

How do we submit our portfolios for the next portfolio review ? anybody have any info on that then tell me please

[@buddy.abc123]

These look great ! Hey Gary, is it possible to get stats of low code/ standard frameworks/ vanilla used? For control?

[@mauriceolego8672]

Great videos and content, I am always inspired by your channel @DesignCourse.

[@kucinglucu3162]

I like watching videos like this😍

[@tarunsharma8442]

how do I submit my portfolio ?

[@DonNjabs]

Madara Tinashe 🇿🇼🇿🇼 we see you 🥂🎯🔥

[@RabbiNash]

Thanks mate 🔥🔥

[@sergiojhdz]

Did they use svgs for portfolio 7? Or how was the animation achieved?

[@lelelucci]

Looks like Lottie animations

[@sergiojhdz]

@@lelelucci thanks bro!! 🙏

[@thedevbek]

I use the theme Synthwave 84

[@dabbopabblo]

I’ve never seen a floating head with such good opinions

[@ayomideolagoke7871]

Hi, please am wondering how Dan Spartling did that laptop and phone view prototype(I don't know what it's called ; ) )

[@I-webdesignerCoUk]

You can preview your final designs online and screenshot the results as a group.

[@ayomideolagoke7871]

@@I-webdesignerCoUk i don't understand bro....I really wanna know how it's done 😭

[@prashant_8858]

11:21 this is inspired by windows ui really

[@developer_hadi]

i want to learn to design websites please send me a course , i know how to use figma but i don't know the design rules and how to invent a new design

[@danish7335]

but where is chest

[@agoodjavascriptvlog3466]

floating head go brrrrrrrrrrrrrrrrrr

[@yassinloncast4434]

Anyone that could tell me how the moving head is achieved in portfolio 5 from Rob Bowen. Thanks!

[@zarakikenpachi1773]

Not sure about the head, but I could only find a solution for the eyes. This is the tutorial. kzbin.info/www/bejne/jaLKfJhpmciLrsk

[@noblesavage149]

Phew, thought I was wwatching Red Dwarf for the first second

[@userdeleted4723]

Good thing to call out as a minus is “minimalist” tech art. It’s overdone and stale with every tech related field

[@HUSS_BOSS]

man your head is floating on the screen .

[@ayomideolagoke7871]

Tutorial on Rob's animation?

[@zarakikenpachi1773]

Not sure about the head on Rob's site, but I could only find a solution for the eyes. This is the tutorial. kzbin.info/www/bejne/jaLKfJhpmciLrsk

[@ayomideolagoke7871]

@@zarakikenpachi1773 thanks

[@junichitanaka-fronczak6635]

@12:40

[@I-webdesignerCoUk]

Really didn’t like #8 at all with those looming great titles and no clues what to do. Strange as the portfolio content once clicked on was excellent. Someone suffering from home page megalomania?

[@robinsonarsenl1142]

where isT-shirt bro ???

[@pranshav5005]

bro woke up and decided to wear a green t-shirt 👀

[@homerreal]

Headless Nick 😂

[@suzanrana9927]

why is there a floating head in the video?

[@piccolaradge8333]

Because he is wearing a green Tshirt which gets absorbed

[@epmcgee]

"It's a professional photo," with a blue light?

[@mrED123]

Okay. Only the head lmao 😂

[@p_o_z_e]

toughts on a portfolio made with Neobrutalism design?

[@jayasuriyaj3470]

why cant developers simply look at others portfolio and copy it by making small changes in colours and images?

[@kimbapslayer1995]

Sooo many people have stollent Brittany Chang's portfolios. Seen it reviewed as their portfolio so many times lol.. makes me sick how people do that. In her footer, you'll see her portfolio is open source. But people steal the design as their own.

[@CSEGNaveensaireddy]

Sir can you please send the code for #1 please

[@iangentles7826]

Oh hey i use Synth wave

[@Iam_Qachal]

These websites inspire me to actually learn JavaScript, instead of doing everything in HTML/CSS

[@techadventures6645]

I dont understand why design is important for a developper, it's just two different jobs.

[@YasinNabi]

"There are no secrets to success. It is the result of preparation, hard work, and learning from failure." -- Colin Powell...

[@Mr020420]

that neck is speaking

[@filifoxx9549]

*This period making a good profitable investment should be in every wise individuals list 🔴🔴*

[@humphreybogart3841]

This season has been really great I’ve been making massive returns on my binary investment all thanks to my expert Nick Maverick

[@JayM-is8js]

@@humphreybogart3841 Wow that’s so great, a big congrats to you

[@kkk-ew2lm]

I also trade with Nick Maverick, his trade strategies helped me earn $18,500 after a successful investment of $2,500

[@Magnuschase-mw6hl]

Having a strategy that ensures profit is the best you can do and that's not for novice, lost over $12k trading on my own

[@nickd.2253]

You can’t compare Nick Maverick's strategies with others, his so accurate and he helped me grow my portfolio above $30k

[@techtipsuk]

You get excited because you can move things around….. 😂

[@ammaarisaacs5029]

Gary tshirt

[@chadGPTSDE]

Bro is from a harry potter movie

[@howuseehim]

I don't get why you should never have a hamburger menu in desktop 🖥️

[@zarakikenpachi1773]

It's not recommended for desktop as a desktop has a good amount of screen real estate, hence, one can simply use a navigation bar with all links or add a button that actually says "menu" instead of an hamburger. Remember, the hamburger icon is used to save space, hence using it for mobile devices is a better option. The links mentioned in it, are usually the important stuff in your website and storing all of those in a hamburger takes away the importance of those links. That's my reasoning.

[@robbyemerton8424]

Gary's hair is clickbait

[@Speedy4you10]

Why did you wear a green shirt?

[@zeronz87]

Have you seen the logo of the channel?

[@lidorajcher]

Please never again 😅

[@DesignCourse]

Why not? Is viewing my torso that important? 😅

[@Speedy4you10]

@@DesignCourse Ha! Just kidding man! Excellent content! I like the very last website. That's my favorite.

[@DaimonML]

Awh.La.O.Lu

[@tawandagamedevs]

I know a Zimbabwean will pop up there

[@sevin2210]

using dev tool

[@samuelchuks471]

Ola --o -- lu 😹😹

[@egoiisticprince7977]

these are not 10/10

[@treyrader]

Gosh these are some extremely boring and generic websites. They aren't aesthetically pleasing or conceptually. I'd guess someone coded these like 10 years ago honestly. I kinda feel a little more confident now

[@khasanshadiyarov]

All of them are not even 6/10

[@littleshorts6969]

The last one was trash

[@thellamaamanda1246]

I don't know about you, but I find it difficult to follow the video with his distracting head floating around. xD

[@himangshuhazarika4346]

Gary proved that if you lack in your English, it's ok!❣️❤️🫂