2023-03-31 #css I was building wireframes for a website with HTML & CSS. Since it’s a prototype, not all actions are functional. When a visitor reviewing the prototype tries to click something that is
Today, March 24th 2023, the HTML specification added a new grouping content element. The search element. Please be aware that this element landing in the HTML spec today does not mean it is available in browsers today. Issues have been filed to implement the search element in the major browsers,…
The Eleventy v2 release improved incremental builds in several ways. However, a standing issue had been that when you display content from a collection and run an incremental build, that content wouldn't be updated in-sync. You would have to stop an restart your build, or opt back out of incremental…
Specifically the [space] [slash] combo before the closing bracket: / . I've had history with these particular two characters, but until recently that history of going back and forth was entirely based
To change a color based on whether Light Mode or Dark Mode used, you’d typically use a prefers-color-scheme Media Query. To make things easier, CSS now comes with a utility function named light-dark()
You might notice on some websites you visit that external links display a little icon next to them. This is super helpful for users, as it lets them know that the link is going to take them somewhere
Did you know your about us page plays a key role in whether a web visitor converts to a paying customer? It’s true—people who visit your about us page spend 22% more time on your site overall (on average) and are 5X more likely to make a purchase. In other words: If you’re not giving your about us…
It’s been absolutely wild to witness the rise of the new crop of AI tools. This moment feels equally exciting and terrifying, but given humans’ track record of driving promising technologies off the rails, I’m erring on the side of terrified until (hopefully) proven wrong. Setting aside a lot of the…
I worked for Wufoo when it was acquired by SurveyMonkey in April 2011. Twelve years ago. I think it’s fair to say it was largely abandoned. The Wufoo of today isn’t really any different than it was tw
I was reading Dan Mall’s blog post on Income Transparency a while back and my attention was caught by a particular section on burnout. In his post, he quotes Psychologist Herbert Freudenberger, who co
It was interesting to read Chris Coyier’s recent post about Andy Bell’s recent post . It made me think of my personal projects and remembering that I didn’t use a reset for any of them. Well, sort of.
Earlier in the year I started fiddling around with creating an archive of my tweets using Tweetback , an open source project by Eleventy creator Zach Leatherman. I’m not 100% convinced that I’ll make
September 28, 2023 11ty automation web design 100DaysToOffload 3 min reading time Having a static site is great, but there could be times when you need to build your site on a schedule. In a recent post, I wrote about building a blogroll with 11ty, and the next part of that is to automatically…
A few weeks ago, I saw a flurry of conversation about how you can now disallow OpenAI from indexing your personal website using robots.txt : User-agent: GPTBotDisallow: / That felt a bit “ex post fact
posted on July 19., 2023 If you have used a visually-hidden class in the past, you might have noticed that the width and height is set to 1px and not 0. I’ve always wondered why. Even in James Edwards
Daily Tips A few weeks ago, I wrote about what you can do with data attributes in JavaScript. The focus was on different strategies for using data attributes, rather than how to get and set them, but I had a lot of folks write to me asking why I didn’t talk about the HTMLElement.dataset property.…
March 7, 2023 · ⋆ JavaScript I was browsing through my Twitter feed and I saw something pretty subtle yet mind-blowing. One of the guys from the Astro team was showing off some of the new things they
“AI” companies think that we should have to opt-out of data-scraping bots that take our work to train their products. There isn’t even a required no-scraping period between the announcement and when they start. Too late? Tough. Once they have your data, they don’t provide you with a way to have it…
Home Movies Blog Photos Activities Links Music Books Prints Energy Loves About Trevor Morris Home Movies Blog Photos Activities Links Music Books Prints Energy Loves About Published on 29th September 2023 For a small Eleventy-based project, I wanted to output an example.json file – stored in the…
Before I even get into the impetus for this blog post, if you came from a search engine and you just want the code, here’s a demo . Pleasure doing business with you. Introduction In a client’s project
Check out this layout I wanted to pull off on the current design of this site: See how just the first two boxes in the “sidebar” of the homepage are set side-by-side on narrow (mobile) layouts. One wa
SVG Symbol is an unvisited technique for reusing inlined SVGs elements. They seem redundant while using popular component-based frameworks/libraries like React, Vue, Svelte, hence you don't see it a l
It's been a few days since my last post in this series. I'd like to blame something in specific but honestly, it's just life. Today's tip will - again - be short and sweet but hopefully helpful. The idea of a "featured" post is that there may be content that, no matter the age or view count in your…
I hope by now that folks are getting that the point of this series isn't so much technical but inspirational. I think a lot of people approaching front matter tend to keep it rather simple - title, da
As with any ageing blog, some of my outbound links are hitting either 404s or domains that are no longer active. It's understandable given that my blog is around 17 years old (at time of writing) and
2023-08-14 #css One of my favorite underrated (and underused!) CSS properties is font-variant-numeric: tabular-nums . Tabular numbers are monospaced, which keeps their sizes consistent and keeps numbe
OpenAI, the company that makes ChatGPT, now offers a way for websites to opt out of its crawler . By default, it will just use web content as it sees fit. How rude! The opt-out works by adding a Disal
Sep 18, 2023 How Smashing Magazine Uses TinaCMS To Manage An Editorial Workflow About The Author Geoff is a technical editor and writer at Smashing Magazine. On top of that, he’s an independent contra
Netlify Scheduled Functions Netlify Functions are serverless functions that can be versioned, built, and deployed along with the rest of your site. Scheduled Functions take this a step further and all
Look at this trick! You can access my Mastodon account via @pawelgrzybek@mastodon.social and @pawelgrzybek@pawelgrzybek.com, even though I don’t host my own instance. On your server, create a file /.well-known/webfinger. In my case it is https://pawelgrzybek.com/.well-known/webfinger.Copy/pasta 🍝…
February 16, 2023 3:02 pm I was doing a bit of tweaking on our agency site the other day. I introduced a element to one of the headings in a new post . It looked pretty rubbish though because th
Today I'm following up (heh, get it) on the series I started yesterday on interesting use cases for your Jamstack site's front matter. In yesterday's post , I described how to use front matter to defi
There is little fresh coat of paint around here. It’s not a million miles different from before, just some new aesthetic choices for fun. I went for a high-information-density look. I liked what Robin
A (more) Modern CSS Reset 18th of September 2023 I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s p
I'm kicking off a little series of tips today that's been sitting in my "Blog Ideas" queue for some time. The idea, "Fun with Front Matter", was based on the idea of taking a look at some of the fun/i
I’ve been getting the itch to redo my site for a while now. There’s nothing wrong with my current site per se, but I felt like my abilities have levelled up a bit beyond what is on display. Additional
I see a recurring performance problem on many ecommerce sites— the most important images on the page are being lazy loaded when they shouldn’t be. It impacts user experience, Core Web Vitals , and by
The Web is a little bit darker today, a fair bit poorer: Molly Holzschlag is dead . She lived hard, but I hope she died easy. I am more sparing than most with my use of the word “friend”, and she was
Segment with advanced AI tools for up to 141% more revenue ads via Carbon After three years, I finally replaced my old Intel MacBook Pro – and its cracked screen – with a new machine. I’m still holdin
I don’t like Tailwind . I avoid using it on my client projects. And when I feel motivated, I’ll make a case to remove it from a project where it’s already in use. This isn’t to say using Tailwind is b
Juan Fernandes