Developer Diary
  • Developer Diary
  • 2019

    • June 2019
    • July 2019
    • August 2019
    • September 2019
    • October 2019
    • November 2019
    • December, 2019
  • 2020

    • January 2020
    • February 2020
    • March 2020
    • April 2020
    • May, 2020
    • June 2020
    • July 2020
    • August 2020
    • September 2020
    • October 2020
    • November 2020
    • December 2020
  • 2021

    • January 2021
    • February 2021
    • February 2021
    • April 2021
    • May 2021
    • June 2021
    • July 2021
    • August 2021
    • September 2021
    • October 2021
    • November 2021
    • December 2021
  • 2022

    • January 2022
    • February 2022
    • March 2022
    • April 2022
    • May 2022
    • June 2022
    • July 2022
    • August 2022
    • September 2022
    • October 2022
    • November 2022
    • December 2022
  • 2023

    • January 2023
    • February 2023
    • March 2023
    • April 2023
    • May 2023
    • June 2023
    • July 2023
    • August 2023
    • September 2023
    • October 2023
    • November 2023
    • December 2023
  • 2024

    • January 2024
    • February 2024
    • March 2024
    • April 2024
    • May 2024
    • June 2024
    • July 2024
    • August, 2024
    • September 2024
    • October 2024
    • November 2024
    • December 2024
  • 2025

    • January 2025
    • February 2025
    • March 2025
    • April 2025
    • May 2025
    • June 2025
    • July 2025
    • August 2025
    • September 2025
    • October 2025
    • November 2025
    • December 2025
  • 2026

    • January 2026
    • February 2026

October 30, 2019

TAP OG Image

  • finished, had to get the hostname to reference the default image, like so:
  data () {
    return {
      hostname: ''
    }
  },
  mounted () {
    this.hostname = window.location.origin
  }

SBX Winter Kick-off

  • need to audit assets tomorrow
  • pre-launch and launch have to happen at the same time pretty much

VNT Wufoo Form

  • labels need to be outside
  • minimum form font size should be 16px
  • columns don't collapse on mobile
  • errors make the form huge

HLF Peer Review

  • Alaska Wild Wings
    • Issue with some items on tablet.
      • The intro actually has a lot of margin, forcing the heading to two lines. Could be tricky to fix and would affect multiple pages. But, even when removing this, there is still more total margin than you have in your design files.
      • It's actually the opposite for the two up band. It is wider than it is in your design. Could be adjusted more easily than the intro.
      • Ultimately up to you regarding how important these fixes are.
    • For mobile, I had trouble with claims two-up on really small mobile. You'll see them 1-up until 440px. If this is an issue, I believe I'll just need to reduce the font-size to 15px.
    • Could the mobile banner text be moved to the right or shrank a little more? It's really close to the edge at 320 wide.
    • TM issue on mobile.
      • TM keeps breaking on the sub-heading. If possible, wrap your last word and the TM in <span class="nobr">. I've added a .nobr utility class
      • Check your CSS code coverage, it looks like there is more CSS here than is needed. I don't want to include anything not absolutely needed nested under a page class. It'll just lead to issues later on and CSS bloat.
      • HS, I'm wondering if this table should be abstracted to a module, not nested content yet, just given it's own class and moved into the modules folder. If you have time, could you look at this?
  • Uppercrust Landing Page
    • Add <sup> around TM in intro.
    • I removed custom claim code, I want to keep them consistent between pages and I think I fixed the bug that made you add it in the first place.
    • Same tablet issues as Alaska.
      • HS, please peak at these so you know the questions I have out to N.
      • I can only fit 3 claims on tablet, again, it's the font-size and some of the long words like 'Polyunsaturates' that's messing this up.

Looking into MSN WCAG presentation

  • ?@#$#$^#$^%
  • Looked through M's tool, dynomapper.com, and created a doc pointing out the first steps.