Published: July 7, 2021, 1 p.m.
b'
In this episode of Syntax, Scott and Wes review your portfolios!
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.
LogRocket - Sponsor
LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It\\u2019s an exception tracker, a session re-player and a performance monitor. Get 14 days free at\\xa0logrocket.com/syntax.
Cloudinary - Sponsor
Cloudinary\\xa0is the best way to manage images and videos in the cloud. Edit and transform for any use case, from performance to personalization, using Cloudinary\\u2019s APIs, SDKs, widgets, and integrations.
Show Notes
03:59 -\\xa0cudd.io
- Shared component animation between home / about really nice
- Readable, clear
- Simple
- Check the contrast ratio on the white text on light blue:\\xa0https://coolors.co/contrast-checker/ffffff-56ccf2
- Nice SSR from\\xa0Next.js
- CSS vars
- Very tall cards without much text, looks like a mistake
- Better on a short browser window - peep the tall and skinny
- Card heading should be h3 or h4
10:35 -\\xa0damonbolesta.com
- Nice design = super fun!
- Good color palette
- Shows your skills straight up
- Animation
- Not accessible - EASY fixes with\\xa0Axe Dev Tools
- Text on background images hard to read
- White text on buttons
- Bold some words in your bio
- Border radius
21:52 -\\xa0walterkjenkins.com
- Map is fun
- Contrast issues with the color choices
- Transparency not needed on body content
- Cursive font for links / buttons is a no for me dog
- Labels on social media icons
- Hero overlaps section below it
- Maps data processing should be h4
29:40 -\\xa0suhit.me
- This is an example of a really good one
- Wicked domain name
- Design is ON POINT, like this is the type of polish I like to see - I\\u2019d hire on this
- Can\\u2019t get enough\\xa0Inter font
- Fun little animation
- I\\u2019d go a little easier on the box-shadow
- Github even has a custom readme
- Resume
- Very modern - JS, TS, Bootstrap
- TypeScript A+
- Drop the \\u201c5\\u201d and \\u201c3\\u201d from \\u201cHTML\\u201d and \\u201cCSS\\u201d
- I\\u2019d add color to the resume, its likely not printed
- Don\\u2019t need to say Github and LinkedIn in front of the URLs
37:20 -\\xa0jacobpawlak.com
47:04 -\\xa0mrtnvh.com
- This is a good example of subtle flex of skills
- FAST AF
- Makes you say \\u201cOhhhh\\u201d when you click a link (something that\\u2019s missing from a lot of these single page sites)
- Personal Photo A+
- Position sticky
- Love the skills layout on the about page
- Email is a button
- I can\\u2019t copy your email
- We have mailto links - don\\u2019t reinvent
- A+
Links
\\xd7\\xd7\\xd7 SIIIIICK \\xd7\\xd7\\xd7 PIIIICKS \\xd7\\xd7\\xd7
Shameless Plugs
Tweet us your tasty treats!
'