Latest developer tech news from the world.

Did you know that style and script tags can be set to display: block?

The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the

An Instagram gallery with Vue.js and CSS Grid

A client of mine recently requested a simple image gallery for her site — one which would display her Instagram feed. I thought: “no…

Creating a minimal working Hugo template

I am attempting to create a tutorial that walks through the steps to create a new template. This combines the different examples from the hugo web site. I’m avoiding styling because that is actually the easy part. Create a New Theme Hugo doesn’t ship with a default theme. There are a few available (I counted a dozen when I first installed Hugo) and Hugo comes with a command to create new templates. The goal of this tutorial is to show you how to fill out the files to pull in your content. ...

Building a production website with Hugo and GulpJS

Hugo is a free and open-source static site generator (SSG) with a beautifully simple setup process, a command line interface and several killer feature

Make Creating Websites Fun Again With Hugo

Static sites are popular for many reasons. Avoiding overkill solutions and keeping a project simple without databases, too many dependencies, or specific server-side configurations (no PHP, no...

Getting Started with Jekyll

Jekyll is a simple and blog-aware static site generator built in Ruby. In laymen terms, it's just a tool to let you have all the cool features of a full-blown CMS without having to worry about managing a database. This means hosting is extremely easy and scalable

Under the Hood: Demystifying Docker For Mac CE Edition

Docker is a full development platform for creating containerized apps, and Docker for Mac is the most efficient way to start and run Docker on your MacBook

San Francisco display vs text and compact vs normal

San Francisco display vs text / compact vs normal. Learn the main differences in the new apple fonts.

Lazy Loading Images for Performance Using Intersection Observer

Learn how to make your website faster for better experience using lazy-loaded images. This is achievable with the new Intersection Observer API

Meet AdonisJs! A Laravel-style MVC Framework for Node.js

Meet AdonisJs! Expressive MVC Framework for Node.js

13 Node.js Frameworks to Build Web APIs

What are the best Node.js frameworks for building web APIs? We outline 13, such as Sails.js, Express.js, Hapi.js, actionHero.js, Total.js, and others.