Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker.

Generate Images from HTML with Gulp and Puppeteer

Have you ever needed to generate an image from your HTML? Whether it be for design purposes or for marketing purposes with social media, knowing how to get a screenshot of your HTML design without manually taking the screenshot can be a great thing.

A use-case I was interested in was around feature graphics for each of my blog posts. Sure I could open a graphic design tool like Affinity Photo, or use the same feature graphic for every tutorial, but what if I wanted to automatically generate them based on certain criteria?

In this tutorial we’re going to see how to use Puppeteer to take screenshots of our HTML through a headless Gulp task.

Read More

Maps and Location Services with HERE by Example, Released

I’m pleased to announce that a new course has been published, this time on the subject of maps and various location services. This course titled, Maps and Location Services with HERE by Example, focuses on building web applications using JavaScript and products by HERE Technologies.

In this course you’ll see many step by step examples on how to work with interactive maps, geocode and reverse geocode locations, calculate different types of routes, and more.

Read More

TPDP E32: Getting Familiar with TypeScript for Development

I’m happy to announce that E32 of The Polyglot Developer Podcast is now available for download!

This episode features Corbin Crutchley, a friend, regular guest, and owner of the blog, Unicorn Utterances. You might remember Corbin from the episode, Asynchronous JavaScript Development, where we focused on promises, callbacks, and a lot of other asynchronous topics in JavaScript. This time around we’re focusing on TypeScript, which is a super-set to JavaScript, and is becoming an increasingly popular development technology.

Read More

Continuously Deploy a Hugo Site with GitLab CI

In case you hadn’t heard it on social media, The Polyglot Developer is part of a continuous integration (CI) and continuous deployment (CD) pipeline. Rather than using Hugo to manually build the site and then manually copying the files to a DigitalOcean VPS or similar, the Hugo changes are pushed to GitLab and GitLab takes care of the building and pushing.

Now you might be wondering why this is important because the process of manually building and pushing wasn’t so strenuous.

Having your web application as part of a CI / CD pipeline can streamline things that you would have otherwise needed to take into consideration. Here are some examples of where a pipeline would be of benefit, at least in the world of static website generation through tools like Hugo:

  • Multiple authors and developers can work on the project without knowing sensitive information like SSH keys.
  • Scheduled builds and deployments can be configured for content that is scheduled with a future date.
  • Docker images can be automatically created and uploaded to a Docker registry.

Those are just some of the examples, more specifically how things are done on The Polyglot Developer. In this tutorial, we’re going to explore how The Polyglot Developer is doing things and how you can adopt them into your static website generation workflow.

Read More

Web Services for the Go Developer, First Edition

I’m pleased to announce that my eBook titled, Web Services for the Go Developer, has been published! This is my second book and was inspired by my previous book with nearly the same name that focused on JavaScript development rather than Go development.

So what is the objective of this book?

It is important for developers to be familiar with web services that follow the GraphQL or REST specification, not only from the perspective of using those web services, but also in designing and developing them. The objective of this book is to teach Go developers, through example, how to do just that.

Read More

Execute HTTP Requests in JavaScript Applications

When it comes to modern application development, whether that be web, mobile, or other, there is almost always a need interact with remote web services, generally through HTTP. When working with frameworks such as Angular, Vue, and React, there is baked in functionality for making requests, but what about if you’re using vanilla JavaScript or you’d prefer not to use those built in functionalities?

In this tutorial we’re going to explore a few options towards making HTTP requests in JavaScript. Particularly we’re going to focus on the classic XHR request, using a modern JavaScript Fetch, as well as using a third-party package called Axios.

Read More

Getting Started with Visual Testing

There are tons of tools out there that help you make sure your app is functioning correctly. But how do test software from a purely visual standpoint?

Chances are you’re writing functional tests to check visual elements, or manually checking your UI whenever you push a change. If you are doing either of those things, then you know that they’re incredibly time-consuming and bugs still end up slipping through the cracks.

That’s where visual testing comes in.

Read More

Search

Follow Us

The Polyglot Developer

Subscribe

Subscribe to the newsletter for monthly tips and tricks on subjects such as mobile, web, and game development.

The Polyglot Developer

Support This Site