The MDN Web Docs CSS Tutorials is the main CSS learning source for many us. Recently, a new Learn CSS course is available in Google web.dev and was prepared by leading experts Andy Bell, Rachel Andrew, Una Kravets, and Adam Argyle. Rob Dodson and Jiwoong Lee shepherded the UX & production build, along with help from Ewa Gasperowicz and Kayce Basques.
Exploring Block Based Experimental Themes
Note: This post is part 2 of leaning efforts to understand and use full site editing (FSE) and block-based themes. This learning post is still in active development and updated regularly. In the previous learning note post, we explored site-wide CSS styles through Global setting and Global styles in theme.json file of block themes. In […]
WordPress Block Editor – Global Styles and Global Settings (theme.json)
Note: This post is part 1 of leaning efforts to understand and use full site editing (FSE) and block-based themes. This learning post is still in active development and updated regularly. The upcoming WordPress 5.8 release is expected to include some stable versions of Full Site Editing (FSE) features and experimental themes. Gutenberg developer team […]
Fluid Typography and Use of CSS Clamp() Function
Note: This post is part of leaning efforts to understand and use fluid typography for responsive webdesign for multiple user devices. This learning post is still in active development and updated regularly. Responsive web design and how web layout evolved historically is explained in this Responsive Web Design from the MDN Web Docs. Coming from […]
Sending Large Files with Wormhole
While working in Web development, other professional jobs or even for family matters, we often need to send large files securely. Until Firefox discontinued their FirefoxSend service, I was a big fan! Really loved the service to share large files securely, mostly between my computers, and free. Chris recently wrote a note about Sending Large […]
Gatsby Theme Twenty Twenty One
There is a Gatsby Theme Twenty Twenty One by Reflexjs developer arshad. The WordPress Twenty Twenty One theme is fully block-based theme. Because there are not many examples of Gatsby themes with Gutenberg block editor use, except Gatsby Stater WordPress Twenty Twenty by Henrik Wirth which is a great learning example.
Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. WordPress Themes Directory
The Gatsby Theme Twenty Twenty One github repository documentation describes the theme “with support for Gutenberg blocks, menu and menu locations, customizable blog page and more…” but currently still work in progress!