How to add and remove classes in Javascript (without jQuery) | devnodes.in

How to add and remove classes in Javascript (without jQuery)

Learn how to manipulate CSS classes in JavaScript. Discover methods like classList.add(), classList.remove(), and classList.toggle() for adding, removing, and toggling classes on HTML elements.

Hugo partial code to add class to table | devnodes.in

Hugo partial code to add class to table

There is no straight direct way to add a css class to hugo tables for styling. We use a workaround to add class to hugo marked-down tables

Hugo Shortcode to include a markdown file | devnodes.in

Hugo Shortcode to include a markdown file

Here is how you can use shortcode’s to include a another markdown file in hugo. Including markdown will help you reuse contents from another blog markdown post/article

Hugo: How to generate Webp images for your websites & blog | devnodes.in

Hugo: How to generate Webp images for your websites & blog

Learn how to use Hugo’s builtin Image processing feature to generate Webp Image and boost your website speed & SEO ranking.

Use Hugo image processing to convert Images to any formats | devnodes.in

Use Hugo image processing to convert Images to any formats

Use this hugo partial code for automating Images format conversion to other formats like webp, bmp, gif, jpeg, jpg, png, tif and tiff

Hugo: Using getJSON to fetch remote REST API in hugo template | devnodes.in

Hugo: Using getJSON to fetch remote REST API in hugo template

Hugo is very powerful static site builder, it can fetch any JSON rest API and build content out of it. In this example we will use getJSON hugo function to fetch the json data from Woocommerce site. You can develope this further and create a full fledged headless e-commerce website with hugo at the frontend wordpress and woocommerce as a backend.

Hugo: How to escape Hugo shortcodes | devnodes.in

Hugo: How to escape Hugo shortcodes

If want to escape/comment a shortcode (aka. prevent from executing shortcode) in a .md, and display the shortcode itself in the output.

Hugo: shortcode for displaying a cards | devnodes.in

Hugo: shortcode for displaying a cards

Hugo shortcode snippet for displaying a cards (with tiles and content). Cards will help you highlight a block content in a post

Hugo: frontmatter title block code snippet for Visual Studio Code | devnodes.in

Hugo: frontmatter title block code snippet for Visual Studio Code

In VSCode, Code Snippets are templates that make it easier to enter repeating code patterns, such as loops or conditional-statements. Learn how to use code snippets to generate frontmatter title block for Hugo

Hugo: How to dump a variable to build console | devnodes.in

Hugo: How to dump a variable to build console

Many time you may want to inspect or dump variables of current scope in Hugo