First and foremost, bulma.io is awesome! It is a free and open source CSS framework based on Flexbox that allows you to quickly create gorgeous, fully responsive sites. That being said, if you’re like …

I want to automatically extract the video from my Pocketed content and sync it to my phone. To do this, I’ll need to extend Pocket via the Developer API. Here’s how to get started. Head over to the …

PROTIP: If I were you, I'd add the ./config.json file to your .gitignore file, but that's just me. To save an item to a user's Pocket list, you'll make a single request to the /v3/add endpoint.

Creating a list of article I have read and been inspired by.

In this article, I will walk you through how the world wide web works at a fundamental level. The core technology is HTTP - Hypertext Transfer Protocol. It's the communication protocol you use when …

Looking for the best domain registrars to purchase your website’s domain name? We’ve got you covered.

Simply hit the record button and go! Everything goes into the Event Log so you can review the actions later. Working with a complex system? With the Workflow Editor, you can run completely different …

Responsive image techniques, such as the HTML srcset and sizes attributes allow us to serve different scaled images based on the size of the display. What this means is that mobile users can now be …

Hello 🙌

This is a guide that everyone can use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are …

Sometimes you wish to add a partial content within a Markdown file, unfortunately this is not possible by default. But wish your tears away - here we show you a workaround to make partials accessible …

Apart from being the second longest-standing character in Dragon Ball Z, Bulma is a modern CSS framework based on Flexbox from Jeremy Thomas @jgthms. And Bulma is gaining adoption fast with 150K+ …

I’m here to disabuse you of the belief that building websites has to be hard. Furthermore, in mere minutes we mere mortals will learn how to build a beautiful and(!) responsive blog design using …

Go’s html/template package provides a rich templating language for HTML templates. It is mostly used in web applications to display data in a structured way in a client’s browser. One great benefit of …

There's a lot going on here. But let's make this as painless as possible. Assumptions: You are using Hugo to generate a static site, which in turn is hosted on GitHub Pages.

Node.js makes it possible to write applications in JavaScript on the server. It’s built on the V8 JavaScript runtime and written in C++ — so it’s fast.

A simple tool to export Google Spreadsheets to JSON files. Can be used though Node API or command-line. With the exception of beautify, the same options from the command-line applies here (options …

This is not a standalone theme. This is a Hugo theme component.

A static site generator needs to extend beyond front matter and a couple of templates to be both scalable and manageable. Hugo was designed with not only developers in mind, but also content managers …

This is what it looks like to pay with redirection in the following scenario. You’re on an eCommerce website and want to buy a Marvel Iconic Heroes T-shirt that you’ve been looking for. And just the …

As developers, we love open and accessible data. For example, you may want to use your local transit data for a mobile app, or maybe you want a service like Zapier or IFTTT to send you an email every …

I have been working with static site generators a lot lately. One thing I missed is a configurable image pipeline to automate the process of creating thumbnails for responsive images and the likes, so …

gulp-responsive depends on sharp. Sharp is one of the fastest Node.js modules for resizing JPEG, PNG, WebP and TIFF images. If you are using Mac OS then before installing gulp-responsive you should …

The list of available APIs that developers have access to grows by the day, and we are now firmly in the API economy, which is a term used to describe how APIs can positively affect an organization’s …

For the developers, which are focused on the usage of JS language, one of the main additional extensions is build tools. They may allow the developer to implement any changes without altering the …

For generators with the "Deploy to Netlify" button, you can deploy a new site from a template with one click. Get HTTPS, continuous delivery, and bring a custom domain, free of charge. Want your own …

Static site generators. Even for us who've done 15+ (and counting) demos & tutorials with them, it can get quite overwhelming.

The popular static site generator written in GoLang - Hugo - has taken the community by storm. It brings all the benefits of a static site generator - 100% Flexibility, Security, Speed - but also …

Do you want to start a blog to share your latest adventures with various software frameworks? Do you love a project that is poorly documented and want to fix that? Or do you just want to create a …

Today, let’s take a look at how to host a static website using Hugo on Netlify, including setting up continuous deployment. In this tutorial we will be using Victor Hugo (a continually-maintained …

This article was sponsored by New Relic. It was updated to reflect the current state of Gulp and Gulp plugins. Thank you for supporting the sponsors who make SitePoint possible! Developers spend …

You can retrieve the content of any public Google Spreadsheet in your web app using JSON feeds. The sharing permissions of the Google Spreadsheet should be either “Public” or set to “Anyone with link …

Today we are showcasing 150+ best Free Responsive HTML5 CSS3 Website Templates which you can use for your own projects. If you have a low budget these free web templates are really helpful.