JAMstack vs. Jamstack

.mega-header::before { content: “”; position: absolute; top: 0; right: 0; width: 75%; height: 90%; background-image: radial-gradient(ellipse closest-side, rgba(15, 14, 22, 0.5), #100e17), url(https://res.cloudinary.com/css-tricks/image/fetch/w_1200,q_auto,f_auto/https://css-tricks.com/wp-content/uploads/2019/06/jam-stack.png); background-size: cover; background-repeat: no-repeat; opacity: 0.75; } It’s just a word to evoke the idea that serving as much as you can statically while using client-side code and hitting serverless APIs for […]

Read more
Getting Started with Front End Testing

You can also check multiple pages and screen sizes and run multiple tests by adding to the promise array in your test function. You can define the viewport for each test (to test various screen sizes) different pages of your application. const results = await Promise.all([ pa11y(`http://localhost:65519`, { browser: browser, standard: ‘WCAG2AAA’, screenCapture: `$/results/pa11y_home_desktop.png`, viewport: […]

Read more
Timeless Web Dev Articles

.mega-header::before { content: “”; position: absolute; top: 0; right: 0; width: 75%; height: 90%; background-image: radial-gradient(ellipse closest-side, rgba(15, 14, 22, 0.5), #100e17), url(https://res.cloudinary.com/css-tricks/image/fetch/w_1200,q_auto,f_auto/https://css-tricks.com/wp-content/uploads/2018/07/aba-books.jpg); background-size: cover; background-repeat: no-repeat; opacity: 0.75; } Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed their perspective […]

Read more
Eleventy Love

.mega-header::before { content: “”; position: absolute; top: 0; right: 0; width: 75%; height: 90%; background-image: radial-gradient(ellipse closest-side, rgba(15, 14, 22, 0.5), #100e17), url(https://res.cloudinary.com/css-tricks/image/fetch/w_1200,q_auto,f_auto/https://css-tricks.com/wp-content/uploads/2020/01/11ty-balloon.png); background-size: cover; background-repeat: no-repeat; opacity: 0.75; } Been seeing a lot of Eleventy action lately. It’s a smaller player in the world of static site generators, but I think it’s got huge […]

Read more
Autumn (macOS window manager)

Keep your Mac from sleeping while an app is open As long as “Dictionary” is open, your Mac will not fall sleep! This can be altered to use other events, such as connecting to a specific Wifi network, or when a window with a specific title is open. Show code App.onAppLaunched = (app) => { […]

Read more
Top