jQuery-less State Template Release v5.6.0

Release v5.6.0 is the first jQuery-less version of the state web template. This version has no more jQuery dependency and jQuery plugins. In this version we also introducing a new responsive font size calculation functionality. Body text and headings font sizes and their top and bottom margins are automatically calculated into appropriate values based on the dimensions of the browser viewport. More importantly, new version is using new jQuery-less Bootstrap 5 Framework. Explore the new content modules by visiting the demo website. You can download this jQuery-less version and other State Template versions by visiting the GitHub repository releases page.

See the updates list below:

Framework and components updates

  • No more jQuery dependency and jQuery plugins.
  • Updated bootstrap to v5.1.3.
  • Removed some of the jQuery dependent components such as: owl-carousels and slideshows (replaced it with native bootstrap carousel), Service Tiles, Panes.
  • Converted following jQuery components to the vanilla JavaScript: Accordion, Accordion List, Fixed Header, Navigation, Number Counter, Parallax, Search, Site Settings, Tabs.
  • Updated bootstrap’s collapse/expand data toggle attributes in collapse buttons and modals throughout the site. (for example: changed data-toggle="collapse" to data-bs-toggle="collapse", changed data-toggle="modal" to data-bs-toggle="modal").
  • Completely changed accordion’s structure and code. Now it is running on CAGgov Design System’s accordion script.
  • Updated side navigation structure to work with new accordion component.
  • Removed jQuery owl-carousels and sliders and replaced it with bootstrap’s native slider.

Layout and structure Updates

  • Added featured search header and icon-less navigation layout to every sample page. (Old v5.5 header and navigation layout are still in the navigation samples).
  • Updated badges classes to reflect new bootstrap 5 markup (changed label class to badge).
  • Replaced outdated State Template’s grid classes to the native Bootstrap grid classes (for example, changed group class to row, or quarter to col-md-3. etc.).
  • Updated main banner height property (removed jQuery calculation and replaced it with pure css properties).
  • Updated header’s position to sticky instead of fixed. The fixed-header.js script is now hiding utility header on scroll instead of adding compact class to header.

Framework and components updates

  • Added site’s google font files into the local /fonts/ folder to have local font loading to limit http requests.
  • Updated CaGov icon Font: added GitHub icon and updated pdf-text icon.
  • Added responsive font size calculation functionality. Body text and headings font sizes and their top and bottom margins are automatically calculated into appropriate values based on the dimensions of the browser viewport.

Visit the GitHub release