Skip to main content

FE Baseline Release 2.6

โ€ข๐Ÿ“ Release notes

โ€ข๐Ÿ› ๏ธย Development environment

โ€ข ๐ŸŒŸย Live environment

Weโ€™ve spent this month getting on top of our list of known bugs, so Baseline is much more insect free in 2.6. We also found out that our image placeholder tool, placeholder.com, has been purchased by a warehouse companyโ€ฆ so needless to say, we prioritised getting set up with a new service and are now using placehold.co. This service still visibly shows the image dimensions on the placeholder, and provides the ability to change the image file type and colours, so we have no loss of features.

The videoblock has received a revamp! If the user has javascript enabled the videoblock will become a button, this is correct semantics for triggering the video popup and allows for a much better experience for keyboard users. We have also cleaned down the various types of videoblocks so the HTML is as neat as possible.

Whatโ€™s next? We have some further big changes on the horizon, weโ€™re looking to update Woocommerce Baseline with the latest features as that is stuck somewhere in early 2022. We have an imminent update from Design to implement which overhauls the look and feel of Baseline. And weโ€™ve been looking into implementing Google Material icons as standard (dropping icomoon unless the project has a bespoke set), which has variable font weight technology built-in. However, youโ€™ll have to wait until May for the next release, but honestly this year is going so fast that might be tomorrow.

Here is the full list of tasks completed this month:

๐Ÿ”– Release 2.6 โ€“ March 2023
๐Ÿ› #33609 Fixed blockquote structure
๐Ÿ› #33603 Fixed styles for anchors in forms
๐Ÿ› #36061 Fixed date/time pickers icon
๐Ÿ› #36062 Fixed incorrect icons on mobile menu
๐Ÿ› #38300 Fixed incorrect curly bracket _fonts.scss
๐Ÿ—๏ธ #38616 Updated paging HTML and CSS to use __disabled and __current modifiers
๐Ÿ› #39394 Fixed alignment of accordion headers when text wraps
๐ŸŽจ #42153 Updated videoblock structure, including conversion to button if JavaScript is enabled
โž– #42153 Removed reframe.js library in favour of aspect ratio CSS
๐Ÿ› #42743 Fixed styles for <ol>s in <ul>s and <ul>s in <ol>s
โœจ #42760 Added iFrame reset styles
๐Ÿ‘ฝ๏ธ #44694 Updated placeholder URLs to placehold.co

 


 

Weโ€™re back with a new release of Baseline ๐Ÿ’ƒ

Baseline Release 2.5ย 

As promised last month, we have finalised our file structure overhaul and are launching it in this release! Here are some examples of long standing snags with naming and hierarchy that have been addressed:

  • We have introduced a โ€˜not-in-useโ€™ folder for all file types, this means all files that are not relevant to the projectโ€™s Baseline version can be kept and referenced, but it is clear that they are not actively part of a project โ€“ this is a no brainer for communication between Operations teams!
  • We have split our Sass partials out into a more granular structure so that they can be individually included if and when they are required for a project. For example, the main menu, breadcrumb and side menu styles used to be all bundled into one โ€˜menusโ€™ partial, but now they are split into 3 partials and if there isnโ€™t a side menu in a project, the code no longer gets accidentally included.

We donโ€™t stop there with the big ones though, we have also investigated and upgraded our working version of Node from v10.13.0 to v18.16.2 and NPM to v9.5.1, both will now use the current latest for all future projects.

Here is the full list of tasks completed this month

๐Ÿ”– Release 2.5 โ€“ February 2023

โฌ†๏ธ #42867 Upgraded Node version
๐Ÿ—๏ธ #34644 Upgraded file structure
๐ŸŽจ #35783 Added support for background SVGs
๐Ÿง‘โ€๐Ÿ’ป #39746 Added favicon links into header
๐Ÿง‘โ€๐Ÿ’ป #41082 Added minus icon to icon set
๐Ÿง‘โ€๐Ÿ’ป #41083 Updated banner video

 

Click here to view the Baseline