
Site visit initiated
Greetings carbon based life form. This site is the blog and front end playground of Jack Strube. This is where I post about the hurdles, discoveries and interesting bits I have found related to frontend web development and the thing I am coding next.
Recent Posts
Next 13 and Google Font not working
Reading the new features of Next 13 and trying out the Next font feature. I tried everyhting and could not get it to load the correct google font. In this case it was Roboto Mono. Looking through the issues on Github, it looks like the display property must exist in order for it to work correctly.
CSS Modules Children with Pseudo Selectors
The goal was to have the active slide have a gradient color overlay using css modules. Css modules are tricky with their child selectors, but I was able to come up with a solution.
Tailwind Purge and Javascript Template Literals (AKA Template Strings)
Tailwind purge and temple strings.
Struggles with Search.io pagination
Setting up search.io on a website built with Next.js using the Sajari React library — clicking on a page in the pagination component it resets the query back to blank.
Turn array of objects into array of arrays
Turn an array or objects into an array of arrays in one line.
Storybook 7, Next.js, Style JSX and Tailwind
How I was able to get Storybook to work with Next.js, styles JSX and Tailwind.
Syntax Highlighting and Next.js 13
Lot's of error with SSR and trying to get code from Contentful markdown to display correctly.
Contentful UI Read Time App
Need to add a read time to your Contentful app? Contentful has a great tutorial on how to build it. Problem is, it doesn't work.
Create a Basic Dynamic Front end Form in Contentful
Need a simple form on the front end, but don't want to use up a bunch of content types in Contentful? Why not create a custom app and have some fun?
Top 10 Github Next.js projects
Newsfeed
- Why JPEGs Still Rule the Web After 30 Years
- AMD's Pre-Zen Interconnect: Testing Trinity's Northbridge
- Should we design for iffy internet?
- Attempting to Make the Smallest* Electric Motor [video]
- What happens when clergy take psilocybin
- The magic of through running
- Voyager: Real-Time Splatting City-Scale 3D Gaussians on Your Phone
- How you breathe is like a fingerprint that can identify you
- Fossify – A suite of open-source, ad-free apps
- Pitfalls of premature closure with LLM assisted coding