whatislove.dev redesgin

[what1s1ove]

• general
  • Use getISODate in the timeline item template #545
  • Automatic Opengraph #535
  • Styles for custom opengraph #557
  • Move timeline block to template #541
  • rename column to box css block
  • Add sitemap to robots.txt #542
  • Improve favicons. Root #451
  • RSS #507
  • License for content #550
  • Design Scheme
  • Sitemap #503
  • Theme switcher improvements - https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/
  • hover & focus with red color for all
  • Image compress for all types #514
  • Add skip link to main navigation #477
  • Join webring #486
  • remove display flex from body and make stick footer
  • Remove all scale: -1 1; #501
  • &[class*="--orange"] {} for modifiers #552
  • Fix margin shift on mobile for channel block #565
  • Fix accordion default opening #561
  • Final check focus for all elements
  • Final check on design #582
  • Final check in all browsers #583
  • Final check in screenreader #584
  • Use WAVE to find potential accessibility issues on different pages on your website. #585
  • Use PageSpeed Insights to check the speed of your website. Try to make pages load faster if they currently load slow. #586
  • Styled RSS https://darekkay.com/blog/rss-styling/
• pages
  • index page redesign #387
    • Action for lapka #402
    • Make dev in logo as sticker #390
    • Replace grid-auto-flow with flex #391
    • Add link to careers on main page
    • Custom order for socials
    • Use hsl for all colors #396
    • Remove useless aria attrs #418
    • remove px from font-size
    • Fix heading button while a lot of clicks bug #422
    • Add prefers-reduced-motion for all animations #423
    • Remove all print medias #424
    • Add animation to lapka (pulse) #432
    • Fix font preload (highlight font as well) #442
    • Add "report an issue" link in footer #435
    • Add animation to timeline render #438
    • Opengraph improvements #445
    • Fix timeline loader when the page is opened in the timeline viewport #409
    • Change scroll color on all pages #415
    • make auto text in the settings more thinner
    • fix images uploading: telegram channel
    • Prefer css logical properties #460
    • Make paw text more circled #454
    • Cross browser fixing #412
    • Change promo "With semantics, a11y and love" and others descriptions (e.g telegram channel) #464
    • remove useless files (html, css, js)
    • Check focus for all elements #468
    • Links with underlining for icons #471
    • Check in all browsers #474
    • check in screenreader
    • remove scale from arrows in footer (use a separate icon)
    • Add paw cursor to lapka #581
    • Fix glitch performance #591
    • Sticky header
  • 404 page redesign #480
  • Articles page #489
    • add aria current page to menu (designer)
    • numeric pagination (designer)
    • header menu with intro shift (designer)
    • Stickers on background #515
    • Add rss alternate #528
  • article
    • tags to each article
    • preload for the code font
    • Fix header menu and intro block overflow
    • Code highlighter - https://shiki.style/
    • ```ts twoslash``` for errors https://github.com/LearningTypeScript/site/pull/137/files
    • Check the dot at the end of the image alt (src attr as well) #498
    • Check all languages for code in markdown
    • Add an asterism or fleuron to the end of your blog posts. OR LIKE IN THE APPLE BLOG #495
    • Webmention #512
      • https://www.youtube.com/watch?v=vPQfIJGFOlU&t=195s
      • Example - https://ryanmulligan.dev/blog/scroll-triggered-animations-style-queries/
    • Fix latest article count (to have 3 min (w/o current on the page) #510
    • Remove underscore from pagination
    • Add more color to tags (designer)
    • Stickers on background #515
    • Add target="_blank" & rel="noreferrer noopener" tol all articles' external links #554
    • Add dev.to to the webmention section description #567
    • Fix click on logo (box block overlay) #570
    • Review each article (markup, request to resources, etc) #569
    • Reduce articles description in blog #575
    • Add sidenotes to a blog post.
    • Highlight text on scroll - https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text/
    • Time reader - https://ryanmulligan.dev/blog/scroll-triggered-animations-style-queries/