v2.5.4 New Design for Navigation Bar + Fixes for Accessibility Issues

What's Changed

• v2.5.0 by @chriskyfung in #29
• v2.5.1 by @chriskyfung in #30
• v2.5.2 by @chriskyfung in #33

🎈 Main Changes

• Refactored Navbar Menu with A11y Design 👨‍🦽

  • Replaced the <div> soup with <ul> and <li> elements, following the WAI-ARIA Authoring Practices 1.2.

  • Isolated the search button and right-aligned button-like links from the ul.navbar-nav list and grouped into an adjacent sibling list with a class name .navbar-btngroup.

  • The items grouped in the .navbar-btngroup always align horizontally in a single row.

  • Enabled to update the aria-expanded attributes of submenu toggles using amp-bind, by following this amp-bind example on AMP for WordPress (amp-wp.org).

  • Enabled to move the focus to the first sub-item when a menu/submenu expands using AMP tap event and focus action.

  • Add limits to the height of expanded menu and submenus:

    • Hamburger menu: A max-height of `60vh on small screens only
    • Submenus (navbar layout): A max-height of `60vh on large screens only

  • Show a thin scrollbar if a menu/submenu overflows

  • Added a separator above the first item of the hamburger menu

  • Added CSS styles and media queries to responsively change the margin of menu items.

• Restored initial-scale=1 in viewport settings. Learn more: Controlling the viewport - amp.dev

✨ New Feature

• A new CSS class called .scrollbar-thin for styling a narrower scrollbar.

🐛 Bug Fixes

• Corrected and tested ARIA Landmarks and ARIA Labels with axe DevTools.
• Fixed missing focus ring on focusing elements with .btn class.
• Fixed missing the button to resize overflown Disqus Comments. Learn more: - amp.dev.

📄 Documentation

• Fixed the crawl error of the redirected page /category/guide/.
• Fixed the custom scrollbar not work on the /responsive-web-design/ page in Firefox.

Full Changelog: v2.4.0...v2.5.4

v2.4.0 Integrate ⚡ AMP Optimizer using Gulp 🥤

What's Changed

• Integrated ⚡ AMP Optimizer using Gulp 🥤 in #27

✨ New Features

• Added Support to run AMP Optimizer and HTML minifier using Gulp
• Created New workflow to build and deploy Jekyll using GitHub Actions
  • Added a new step to cache node modules
  • Added a new step to run AMP-Optimizer and HTML minifier using Gulp
  • Adopted an action that can deploy GitHub Pages without giving a GitHub API Token

🎨⚡ Improvements

• Improved the accessibility of rendered sites
• Improved webpage speed by DNS-prefetching Google fonts

🔧 Chore

• Refined the VS Code settings for Live Server extension

📄 Documentation

• Updated README for v2.4
• Updated the Front Matter Guide

Full Changelog: v2.3.1...v2.4.0

v2.3.1 Clean Up Dependencies and Improve Support for IE11

What's Changed

• v2.3.1 by @chriskyfung in #25
• v2.3.1 by @chriskyfung in #26

✨ New Feature

• Support loading author information from _data/authors.yml

🐛 Bug Fix

• Fixed the thumbnail size in featured post grid

🔥 Removed

• Dropped jekyll-gzip, jekyll-loading-lazy and jekyll-webp plugins

📄 Documentation

• Added a new page to summarize the Jekyll plugins and extensions being used and/or suggested

Full Changelog: v2.3.0...v2.3.1

v2.3.0 Add Support for IE11

What's Changed

• V2.3 by @chriskyfung in #24

✨ New Feature

• Allow to disable sorting the list items of post's tags and categories in _config.yml

🐛 Big Fix

• (CSS) Fixed the support for IE11, including the flexbox layout of post grids, object-fit of post thumbnails, and background-blend-mode of .beforefooter section in #23

📄 Documentation

• Updated the doc pages
• Rearranged the tags and categories that the doc pages belongs to

Full Changelog: v2.2.2...v2.3.0

v2.2.2

What's Changed

• v2.1 by @chriskyfung in #17

✨ New Feature

• Support installing Jekyll-Scholar Plugin to format bibliographies.

🐛 Bug Fixes

• Fixed the bug of Link Modifier in v2.0, which wrongly appended a Right Angle Bracket ('>') to the end of a link under certain HTML and Markdown structures.
• Fixed the Theme CSS stylesheet, which unintentionally overrode the .card style in Bootstrap CSS styles.
• Fixed the Theme CSS stylesheet, which improperly forced nested ordered lists to display with disc markers.

🎨 Improvements

• Changed the font family for post body and headings
• Change the post font size from 1.05 rem to 1.1 rem
• Changed the font size of H3-H6 headings
• Changed the line height of H1-H6 headings from 1.1 to 1.4

📄 Documentation

• Updated the docs for the Post-Processing feature
• Changed the font size of H3-H6 headings

Full Changelog: v2.1...v2.2.2

v2.1 Upgrade to Jekyll 4.2.0

What's Changed

✨ New Feature

• Added CSS styles for <kbd> elements

🐛 Bug Fixes

• Fixed the bug in link modifier if the innerHTML of a link contains other HTML tags (e.g. <strong>, <code>, <span, etc.)
• Fixed invalid JSON data for <amp-link-rewriter>

🎨 Improvements

• Improved spacing between .tags li elements
• Improved color styles in Front Matter page

🔧 Chore

• Upgraded Jekyll to 4.2.0

Full Changelog: v2.0.2...v2.1

v2.0.2 Add CSS for <kdb> elements

Whats's Changed

• v2.0.2 by @chriskyfung in #16

✨ New Feature

• (amp-custom.css) Added CSS styles for HTML <kbd> elements

🐛 Bug Fix

• (default.html) Fixed invalid JSON data for <amp-link-rewriter> element

🎨 Improvements

• (amp-tags.css) Improve spacing between .tags li elements
• (front-matter.md) Improve color styles in Front Matter page

Full Changelog: v2.0.1...v2.0.2

v2.0.1

What's Changed

• v2.0.1 by @chriskyfung in #15

🎈 Major Changes

• Changed normal font-size from 1.1 to 1.05 rem
• Renamed some site-wide variable names

✨ New Features

• Added accesskey to the site search feature
• Added Item Filter to the top of Nav Dropdown List
• Added a button that links to GitHub Repository in the navigation menu
• Created toc.md for including Table of Content to a page/post
• Support adding Anchor Links next to H2, H3 and H4 using Liquid
• Support inserting rel and target to outbound links without any plugins/dependencies

🐛 Bug Fixes

• Fixed Tags Drop Down Cut-off #14
• Fixed the page URL pass to Disqus comments
• Fixed typos and grammar mistakes
• Removed shortcut from the meta tag for favicon

🎨 Improvements

• Redesigned the layout of navigation bar
• Support customizing the entire Copyright Notice in _config.yml
• Improved link formatting using the Jekyll filters relative_url and absolute_url
• Unified the layout templates for left, right and no sidebar
• Enabled side-widely configure the display of Resources widget
• Beautified Invitation.Codes Button
• Improve the responsive design of BuyMeACoffee button
• Optimized and Minified CSS stylesheets
• Updated Docs for v2.0

🗑 Deprecated

• Dropped jekyll-target-blank plugin

Full Changelog: v1.7.2...v2.0.1

v1.7.2

What's Changed

✨ New Features

• Introduced new variables for Ads settings
• Introduced new variables for the customization of navigation menu

🐛 Bug Fixes

• Fixed incorrect path when source is set to "raw"
• Fixed incorrect image style
• Fixed AMP warnings due to escaped chars in JSON data

🎨 Improvements

• Added noloading to above-flow amp-img and amp-ad
• Improved footer styles
• Modularized CSS to multiple stylesheets
• Optimize HTML codes

📄 Documentation

• Updated README file
• Introduced Ads Settings

Full Changelog: v1.6.7...v1.7.2

v1.6.7

What's Changed

🐛 Bug fixes

• (picture.html) Fixed incorrect image path when setting source to raw

🎨⚡ Improvements/Enhancements

• Added noloading to logo to improve Largest Contentful Paint (LCP)
• Added data-adtest="on" to ad blocks in non-production mode
• Optimized rel attribute of tags
• Removed improper margin appearing below post images

Full Changelog: v1.6.2...v1.6.7