How to Create a Website and a PDF from the Same Codebase
Let's build a website and generate a PDF from the contents using basic CSS and a PDF generation API.
You appear to be offline, some content may be unavailable.
Senior Front-end Developer
Scott Vandehey is a front-end architect and CSS specialist in Portland, Oregon with over 20 years of experience building scalable user interfaces. His specialty is refactoring large code bases for maintainability and performance, and helping teams define best practices and workflow around CSS development. Between his education in graphic design and his experience working alongside programmers, he bridges the gap between design and development.
A running theme in his career has been helping others level up, and that’s most recently manifested in the Friday Front-End and CSS Basics social accounts and newsletter, which he uses to share development tips and links with the front-end community every day. His first book, “How to Find a Better Job in Tech,” was published in 2016.
You can learn more at spaceninja.com, and follow him on mastodon or bluesky.
Let's build a website and generate a PDF from the contents using basic CSS and a PDF generation API.
Everyone’s talking about HTML Web Components, and I think it’s the start of something magical!
I set out to learn a bit about how CSS nesting works, especially the new & selector, and I ended up on a deep dive into the :is() selector and its siblings.
CSS nesting is great, but should be used with caution. As a rule, if a selector will work without being nested, don't nest it. However, there are certain situations where nesting can make things easier to understand.
Starfield has a lot of computers to interact with: Ship controls, desktop terminals, and information kiosks. And they all have accessibility problems.
The single best feature of Vite, as far as I’m concerned, is its simplicity. Compared to the nightmare of configuring WebPack and Babel? Vite is delightfully easy to use.
When plugins to add OG tags failed us, we decided to roll our own! This post demystifies open graph tags (which are just HTML meta elements, after all) and shows how we handle them.
How to create a complex but highly customizable background gradient that can be modified easily using CSS custom properties.
I knew CSS blend modes could create some cool effects, but even so, a CodePen I saw recently left me shocked at what they’re capable of.
Learning VoiceOver can feel overwhelming, so I’m here to give you a simple, repeatable process you can follow to make testing with VoiceOver as easy as possible.
Presented at pdxFLIT, Devsigner 2016