HTML

Shortcodes in Hugo are basically chunks of HTML code that can be used in our content files. You can use built-in shortcodes like youtube or create your own. Create custom shortcode Here are the basic steps to create your own custom shortcode: Create a file layouts/shortcodes/shortcode_name.html Add your HTML code to the shortcode_name.html file Call your shortcode with {{< shortcode_name >}} Shortcode example Let's create a simple Hugo shortcode that displays the temperature:...

Shortcodes in Hugo are basically chunks of HTML code that can be used in our content files. We can create our shortcode or use existing built-in shortcodes. For instance, to embed a YouTube video, we can use the built-in shortcode called youtube. Here is how to use the youtube shortcode: {{< youtube VIDEO-ID >}} or {{< youtube id="VIDEO-ID" >}} This will embed a responsive video player for the given YouTube video....

Here is a list of desktop and mobile browsers that support and do not support the Web Speech API's Text-to-Speech ( SpeechSynthesis) Component, and the versions when support began. Desktop browsers that support Chrome 33 (Released 2014-02-20) Edge 14 (Released 2016-08-02) Firefox 49 (Released 2016-09-20) Opera 21 (Released 2014-05-06) Safari 7 (Released 2013-10-22) Mobile browsers that support Chrome Android 33 (Released 2014-02-26) Firefox for Android 62 (Released 2018-09-05) Safari on iOS 7 (Released 2013-09-18) Samsung Internet 3....

Text-to-speech (TTS) is a really helpful technology that lets you hear written text out loud. It's great for folks who may have difficulty reading or seeing what's on a screen, and it's also used to give spoken feedback or assistance. In this article, we'll take a look at how to use TTS with JavaScript on the browser. Check if your browser supports all Text-to-Speech features Here is a Web Tool that lets you enter your own text and have it read aloud....

If you want to improve the user experience of your website while also boosting your search engine optimization (SEO), adding an HTML sitemap is a great place to start. An HTML sitemap is a map of your website that lists all the pages and content in an organized and easy-to-read format. Not only does an HTML sitemap make it easier for visitors to find the information they're looking for, it also helps search engines like Google crawl and index your site more efficiently....