Search Results for "web browser"

GitHub Pages can't run custom Jekyll plug-ins so when generating Tables of Contents (TOCs), you're stuck with either a JavaScript solution or using kramdown's {:toc} option. However, by using {:toc}, you are forced to have that code next to your actual markdown and you can't place it in a layout. This means every. single. post. will need to have the snippet. If you choose the JavaScript approach, that's perfectly fine but what if JS is disabled on someone's browser or your page is just...

Automatically opens external links in a new browser for Jekyll Pages, Posts and Docs. Automatically adds a target="_blank" rel="noopener noreferrer" attribute to all external links in Jekyll's content plus several other automation features for the external links.

Typing, is a template for Jekyll created especially for those who want to have a blog and pages quickly and lightly. Its interface is part of the "Keep It Simple" philosophy, precisely for high performance on all types of browsers and mobile devices. You already have a template page for "Blog", "Projects", "Search", "Contact", "Tags", "Summary", "404" and "About", but you can change it as you wish by modifying the strings. On the resume.md page, you can print using the browser shortcut Ctrl...

This plugin adds loading="lazy" to all img and iframe tags on your Jekyll site. No configuration is needed. If a loading attribute is already present nothing is changed. Note that the github-pages gem runs in safe mode and only allows a defined set of plugins. To use this gem in GitHub Pages, you need to build your site locally or use a CI (e.g. Github Workflow) and deploy to your gh-pages branch. In case you want to prevent loading some images/iframes lazily, add loading="eager" to their...

jekyll-cloudinary is a Jekyll plugin adding a Liquid tag to ease the use of Cloudinary for responsive images in your Markdown/Kramdown posts. It builds the HTML for responsive images in the posts, using the srcset and sizes attributes for the <img /> tag (see the "varying size and density" section of this post if this is new for you, and why it's recommended to not use <picture> most of the time). URLs in the srcset are cloudinary URLs that fetch on-the-fly the post's images and resize them...