Podcasts Technology Syntax - Tasty Web Development Treats Syntax Highlight (We Review Your Portfolio)

Syntax Highlight (We Review Your Portfolio)

Published: March 24, 2021, 1 p.m.

b'

It\\u2019s another Syntax Highlight. In this episode, Scott and Wes take a look at portfolios and websites and evaluate them from the perspective of a hiring manager.

Sanity - Sponsor

Sanity.io\\xa0is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at\\xa0sanity.io/create. Get an awesome supercharged free developer plan on\\xa0sanity.io/syntax.

Sentry - Sponsor

If you want to know what\\u2019s happening with your code, track errors and monitor performance with Sentry. Sentry\\u2019s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Mux - Sponsor

Mux Video is an API-first platform that makes it easy for any developer to build beautiful video. Powered by data and designed by video experts, your video will work perfectly on every device, every time. Mux Video handles storage, encoding, and delivery so you can focus on building your product. Live streaming is just as easy and Mux will scale with you as you grow, whether you\\u2019re serving a few dozen streams or a few million. Visit\\xa0mux.com/syntax.

Show Notes

04:50 -\\xa0https://shaquilhansford.com/

  • Not optimized for desktop
  • Lots of spacing issues overall
  • Too many accordions - could be lists in multiple columns
  • Social links could be in the footer
  • Twitter is on point -\\xa0iwantyoutohire.me
  • Phone number on website is good

11:31 -\\xa0https://www.benlammers.dev/

  • Gimmy dat yellow
  • The design and polish is really good
  • Data URI images can overload CPU
  • Semantic headings, but HTML should use some work
    • Four H1s on the page
    • 20 H2s
    • 40 H3s
    • Main tag

20:28 -\\xa0https://www.zubairaziz.com/

  • Lots of empty space
  • Photo is key
  • Not sure what to do when I land on the page
  • Blog is nice, but two posts from May - add more or drop it
  • Portfolio is just enough
  • Nav animation should only happen on initial load

29:39 -\\xa0https://codebyfil.dev/

  • This is a great example of something that is good, but needs a bit of polish
  • Tone down the border radius
  • Tone down the box shadow
    • Border and drop shadow
  • Images aren\\u2019t links
  • Footer padding or space - contact is ridding the bottom
  • Scott\\u2019s HTML breakdown
    • Four H1s
    • Six H2s
    • Four H3s
    • 18 H4s
    • Five H5s

37:39 -\\xa0https://www.johngeorgesample.com/

  • Clean but maybe too clean
  • Nav is too distractingly too big
  • Need active link indicator in main nav
  • div div div div - take a look at those semantic HTML tags
    • No H1 or H2
    • HTML needs work brother
  • Use \\xd7 instead of X
  • Asterisk doesn\\u2019t work on mobile

46:52 -\\xa0https://stordahl.dev/

  • Great images
  • Nice typography
  • Sign-up for newsletter is great
  • Store = A+
  • Scott\\u2019s HTML breakdown
    • Two H1s, one of which is just nice to meet you
    • Zero H2s
    • Articles should be articles
    • No section
  • 1px move on hover is nice - could use a transition

Links

\\xd7\\xd7\\xd7 SIIIIICK \\xd7\\xd7\\xd7 PIIIICKS \\xd7\\xd7\\xd7

Shameless Plugs

Tweet us your tasty treats!

'