Skip to main content
whitep4nth3r logo

Blogs and tutorials

  1. 27 May 2021

    How to use GitHub actions and Contentful webhooks to show your latest blog posts on your GitHub README

    Want to show your latest blog posts on your GitHub README? Here's how I do it using the power of GitHub actions and webhooks in Contentful.

    Tutorials 4 min read →
  2. 26 May 2021

    Rich Text field tips and tricks from the Contentful DevRel team

    The Contentful Rich Text field is powerful. But how can you make the most of it? Level up your Rich-Text game with a growing list of top tips from the Contentful DevRel team.

    JavaScript 4 min read →
  3. 16 May 2021

    How to make your font sizes accessible with CSS

    Everyone uses the web differently. Here's how to make sure your website respects font size preferences specified in browser settings using two important CSS concepts.

    Tutorials 3 min read →
  4. 10 May 2021

    What is BEM in CSS?

    Have you ever worked on an application with one huge CSS file and found that when you changed something in one place, something unexpected happened somewhere else? I had this problem a lot in my early days of front end development. It was frustrating! So what can you do to stop this from happening?

    CSS 4 min read →
  5. 3 May 2021

    When to use aria-labels in your HTML

    Confused about when to use aria-label for #a11y? Let's look at one of the most important ways to use aria-labels in your HTML to ensure your website provides contextual information to screen-readers and assistive technologies.

    Tutorials 3 min read →
  6. 22 Apr 2021

    Paginating your Contentful blog posts in Next.js with the GraphQL API

    In this post, we’re going to build a set of article list pages that display a number of blog post summaries per page — fetched from the Contentful GraphQL API at build time with Next.js.

    Tutorials 13 min read →
  7. 13 Apr 2021

    Rendering linked assets and entries in the Contentful Rich Text field

    Take a deep dive into rendering linked assets and entries in the Contentful Rich Text field using both the REST and GraphQL APIs.

    Tutorials 9 min read →
  8. 13 Apr 2021

    Exploring linked entries and assets in Contentful with JavaScript via REST and GraphQL

    I set out to explore and investigate the inner workings of the Contentful REST API and GraphQL API in terms of linking assets and entries on a content type in order to understand how we can render links inside Contentful Rich Text fields.

    GraphQL 7 min read →
  9. 10 Apr 2021

    How to build, test and release a node module in ES6

    Over the last couple of weeks I’ve had incredible fun building the random code generator live on Twitch. At the time of writing this post, I’ve also merged over 70 pull requests into the repository for the application on GitHub. This got me thinking — what if people could use the same silly random code on their own applications to create even more lols on the web?

    Tutorials 5 min read →
  10. 17 Mar 2021

    3 ways to use Puppeteer and Node.js to screenshot web pages and generate Open Graph images for socials

    Harness the power of a tool called Puppeteer to take screenshots of browser pages and generate dynamic images to share on your social media accounts. Let’s take a look!

    Tutorials 6 min read →
  11. 13 Mar 2021

    My Twitch live coding setup in OBS

    I often receive questions about how I set up OBS to stream live coding on Twitch — so let’s take a look!

    Streaming 7 min read →
  12. 8 Mar 2021

    How to generate an RSS feed for your blog with JavaScript and Netlify functions

    After I built my first project with Contentful, I had no idea people would actually want to follow my content using their favorite RSS reader (thanks, Stefan Judis!). So I set out to learn how to generate an RSS feed for my microblog that’s built with no front-end frameworks.

    Tutorials 5 min read →
  13. 26 Feb 2021

    How to make your code blocks accessible on your website

    If you’re a developer or technical writer who publishes content on the internet, you’ll want to make sure your code examples are presented beautifully for your audience to consume. But how do you ensure your code blocks adhere to Web Content Accessibility Guidelines (WCAG) standards?

    Tutorials 5 min read →
  14. 5 Feb 2021

    How to build a lightweight microblogging site with Contentful, vanilla HTML, CSS and JavaScript

    Learn how to build a lightweight microblog with Contentful and vanilla HTML, CSS and JavaScript.

    Tutorials 9 min read →
  15. 3 Feb 2021

    My non-traditional journey into tech and DevRel

    We managed to catch Salma amidst her busy onboarding schedule to learn about what led her to developer relations and how she accidentally increased engagement in the Contentful Community by 200% on her first day at Contentful.

    Career 7 min read →