Logo
    Search

    website design

    Explore "website design" with insightful episodes like "Websites, SEO, Domain Names & Google Ads - where to get started when you don't have a clue.", "Ep 205. Pass the Shoe", "Websites are back: inside The Verge's redesign", "Syntax Highlight — We Review Your Portfolios" and "We Review Resumes, Websites, and Online Presence" from podcasts like ""Ag Marketing Podcast", "Sh**ged Married Annoyed", "The Vergecast", "Syntax - Tasty Web Development Treats" and "Syntax - Tasty Web Development Treats"" and more!

    Episodes (14)

    Websites, SEO, Domain Names & Google Ads - where to get started when you don't have a clue.

    Websites, SEO, Domain Names & Google Ads - where to get started when you don't have a clue.

    Websites, SEO, Domain Names, Google Ads - where to get started when you don't have a clue.

    Thanks to our guest, Jamie Thornberry, for sharing his insights with us this week on the Ag Marketing Podcast. View his website here.
    Resources Mentioned in this Episode:
    1. "Google My Business"
    2. "Go Daddy"

    Welcome to the "Ag Marketing Podcast" 

    Here on this podcast, we explore the unique challenges and opportunities of promoting agricultural products and services in rural areas. 

    Whether you're a seasoned ag professional, a rural business owner seeking fresh insights, or an aspiring agri-marketer eager to soak up knowledge, this podcast is for you. I'll be sharing practical tips to help you thrive in the ever-evolving world of Ag marketing. Thanks for tuning in.

    Ep 205. Pass the Shoe

    Ep 205. Pass the Shoe
    This week on the podcast Chris returns to Rosie's jotters to discuss Rosie's early creative writing ambitions. They marvel at whisking, they chat about Chris' athleticism and there's an old age beef that rears it's ugly head. All of this plus some strange family habits and a brilliant case of mistaken identity.

    Become a member at https://plus.acast.com/s/sma. https://plus.acast.com/s/sma.



    Hosted on Acast. See acast.com/privacy for more information.

    Websites are back: inside The Verge's redesign

    Websites are back: inside The Verge's redesign
    David Pierce and Nilay Patel discuss the ideas behind The Verge's brand new redesigned website, which officially launched on September 13th. David also chats with senior product manager Tara Kalmanson and senior engineer Matt Crider, who worked on the redesign, about what went into implementing those ideas. Learn more about your ad choices. Visit podcastchoices.com/adchoices

    Syntax Highlight — We Review Your Portfolios

    Syntax Highlight — We Review Your Portfolios

    In this episode of Syntax, Scott and Wes review your portfolios!

    Sanity - Sponsor

    Sanity.io is 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 sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

    LogRocket - Sponsor

    LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

    Cloudinary - Sponsor

    Cloudinary is the best way to manage images and videos in the cloud. Edit and transform for any use case, from performance to personalization, using Cloudinary’s APIs, SDKs, widgets, and integrations.

    Show Notes

    03:59 - cudd.io

    • Shared component animation between home / about really nice
    • Readable, clear
    • Simple
    • Check the contrast ratio on the white text on light blue: https://coolors.co/contrast-checker/ffffff-56ccf2
    • Nice SSR from Next.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 - damonbolesta.com

    • Nice design = super fun!
    • Good color palette
    • Shows your skills straight up
    • Animation
    • Not accessible - EASY fixes with Axe Dev Tools
    • Text on background images hard to read
    • White text on buttons
    • Bold some words in your bio
    • Border radius

    21:52 - walterkjenkins.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 - suhit.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’d hire on this
    • Can’t get enough Inter font
    • Fun little animation
    • I’d go a little easier on the box-shadow
    • Github even has a custom readme
    • Resume
      • Very modern - JS, TS, Bootstrap
      • TypeScript A+
      • Drop the “5” and “3” from “HTML” and “CSS”
      • I’d add color to the resume, its likely not printed
      • Don’t need to say Github and LinkedIn in front of the URLs

    37:20 - jacobpawlak.com

    • Initial loading is great - transitions are hot
    • Typography looks nice - not sure about those serif all-cap nav items
    • Slider not very usable
    • View circle on hover is cool, but I’m not sure about following your mouse, covers text
    • T-shirt portfolio is awesome
    • Fun little bits in the footer
    • SSL is broken - fix that sh!t
    • Links don’t show over background images - common issue today
    • External links should probably be indicated as such
    • HTML, paragraphs as h3 & h4, h5, should be

      - (i.e. “here are a few of my recently completed…” should be a

      )

    • Design of resume is KEY - different colors, eh?

    47:04 - mrtnvh.com

    • This is a good example of subtle flex of skills
    • FAST AF
    • Makes you say “Ohhhh” when you click a link (something that’s 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’t copy your email
      • We have mailto links - don’t reinvent
    • A+

    Links

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats!

    We Review Resumes, Websites, and Online Presence

    We Review Resumes, Websites, and Online Presence

    In this episode of Syntax, Scott and Wes review resumes, websites, and online presences, and discuss pros and cons, what you should focus on, and more!

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

    Linode - Sponsor

    Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.

    Sentry - Sponsor

    If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s 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.

    Show Notes

    04:32 - Why does an impression matter?

    • All of this stuff comes together to work in your favour when you are hunting for a job.

    05:14 - What goes into an online presence?

    • Twitter
      • Share what you know
    • Online website
      • Design
      • Messaging
      • Effort
      • Personal life
    • Blog
    • Resume
    • It’s not about being popular, it’s about relationships and positioning yourself as an expert. People mix up their hatred for “influencers” with having a rock solid network of people who they can help and who can help them.

    07:25 - A couple stories

    • @HenriHelvetica
      • You don’t know how many times I’ve tried to convince (esp people of color) to try a lightning talk. This stuff gets you to research, and you might even make discoveries.
      • I know it’s a step out of the comfort zone for many, and that’s cool, but don’t be upset at those who go for it, and land some work.
      • I do (did) lunch n learns @ Juno, and I started to end them w/ a post bootcamp life — tell them what it’s like, and to be active on twitter (share what you read, what you’re working on, listen to others, follow great devs, etc.). One person DM’d me to tell me she took that in and decided to try. “I never forgot that time you gave a talk at HY and one thing that you emphasized was to make your voice known on Twitter. You said that this has opened many opportunities for you and that’s been happening to me more and more recently. I never set out to build my account but the growth has indeed happened and along with it, opportunities from people I’ve never expected.”

    09:40 - Ash Connolly

    • https://ashconnolly.com/
      https://www.notion.so/ashconnolly/Ash-Connolly-321c5a65350f477897ed025f4daa1bb0
    • Software Engineer
    • Using new tech with high end clients
    • Review
      • Pros
        • Clean, simple design, but doesn’t feel like it’s missing something
        • Animations are a nice touch
        • Easy to see their work (e.g. photo, title, short paragraph, link)
        • Testimonials is good, I might change the word testimonials, but that’s small
      • Cons
        • Nitpick - footer emphasis color looks like a link
        • HTML is good, but missing some semantic tags like
          ,
          ,
          , too reliant on divs
      • Resume
        • Pros
          • Good idea of what Ash has accomplished (e.g. just by reading his summary, I’m left feeling impressed because of his client base and his extras like writing for FreeCodeCamp and Marvel Blog).
          • Work history - good way of describing what he did. “Carried out performance audits and site speed improvements”
          • Links to writings and side projects
        • Cons
          • Lists Brad Frost as someone who shared his post. This feels a little weird.
          • Nitpick - CSS & CSS3, HTML & HTML5 on the languages. In 2021, just put HTML & CSS.
          • Work history - WAY way too much. Keep it to one sentence and three or four bullet points for each job. Ain’t nobody gonna read all that.

    20:48 - Matthew Bidwell

    • https://matty.dev/
    • Backend dev
    • Not focused on dev
    • Review:
      • Banging domain
      • It’s clear who he is, what he is about
      • Links to Twitter, Github and LinkedIn right away
      • Blog posts showing he knows what he’s talking about

    24:42 - Leah Lundqvist

    • https://leah.link
    • Review:
      • Pros
        • Fantastic aesthetics on site
        • Good lead paragraph
      • Cons
        • I’m not sure what work she actually does
        • Github pages are great for digging but not curation or showing off
          • Same with Twitter
        • For instance, I saw on Twitter that Leah made https://app.airport.community/app/rec1CbVg4J5aqScUQ but there was no mention of it anywhere else. A page full of the most recent / best projects with quick links is essential for anyone.
        • Don’t make them hunt for it
      • Twitter review:
        • Unreal
        • Pinned tweet

    31:04 - Ismail Ghallou

    40:18 - Jhey Tompkins

    46:28 - Wes’ website

    • websos.com
    • Can’t view source
    • Whimsey
    • The right kind of animation
    • The link to the Syntax podcast has no indication that it’s going to take you offsite.
    • The background image is good, but not as good with a wide browser.
    • Custom scrollbars are nice
    • Overall the site is a delight

    53:25 - Scott’s website

    • scotttolinski.com
    • Font’s a little big
    • Link to documentary is great
    • Bio should include links
    • Page animations are great
    • Showing personal life / interests is good
    • Super fast

    Links

    ××× SIIIIICK ××× PIIIICKS ×××

    Shameless Plugs

    Tweet us your tasty treats!

    How Class Action Lawsuits Work

    How Class Action Lawsuits Work

    Class action lawsuits seem a little odd – a bunch of people get together for a sue-fest against somebody – but in the legal world they’re a practical way of handing huge wrongs. And! They keep justice just in their way. Learn all about them today.

    Learn more about your ad-choices at https://www.iheartpodcastnetwork.com

    See omnystudio.com/listener for privacy information.

    How Karate Works

    How Karate Works

    Karate, meaning "open" and "hand", was developed in Okinawa before being exported to Japan and then the rest of the world. It is one of the most widely practiced martial arts and one of the most difficult to master. Learn about it in this episode.

    Learn more about your ad-choices at https://www.iheartpodcastnetwork.com

    See omnystudio.com/listener for privacy information.

    How Morgellons Disease Works

    How Morgellons Disease Works

    There is a condition that can cause people to feel bugs crawling beneath their skin so acutely that they will use tweezers to pluck them from their eyeballs. It's a terrible disorder made worse by medicine's insistence it is all in sufferers' heads.

    Learn more about your ad-choices at https://www.iheartpodcastnetwork.com

    See omnystudio.com/listener for privacy information.

    SYSK's Halloween Horror Fiction Winner!

    SYSK's Halloween Horror Fiction Winner!

    Josh and Chuck have been planning this thing since spring and it's finally here! Tune in to hear which listener's scary story won the SYSK Halloween Horror Fiction Contest -- and prepare to have your socks scared off just in time for All Hallow's Eve.

    Learn more about your ad-choices at https://www.iheartpodcastnetwork.com

    See omnystudio.com/listener for privacy information.

    How Air Traffic Control Works

    How Air Traffic Control Works

    You know how when you fly in an airline you usually don't die? You can thank the battalion of air traffic control professionals who studiously track every moment of your flight to ensure its safety. Learn all about this unsung field with Chuck and Josh.

    Learn more about your ad-choices at https://www.iheartpodcastnetwork.com

    See omnystudio.com/listener for privacy information.