Blogs and tutorials
-
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.
-
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.
-
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.
-
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?
-
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.
-
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.
-
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.
-
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.
-
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?
-
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!
-
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!
-
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.
-
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?
-
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.
-
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.