Posts about Modular development and design
Modular development and design, in this context, relates to the web development principle of making a site or site design from individual building blocks, which are more easily developed, customized and maintained than a complex network of dependent parts.
-
Use plugins for WordPress functionality and themes for layout
How to ensure that you don’t lose content or functionality when switching to a new WordPress Theme.
-
WordPress full-site editing
The next stage of WordPress’ development is the ability to edit any part of a site – from post to navigation and footer – using nothing but the Block Editor.
-
Using React and WordPress to build a performant single-page application
More and more website development takes place using Javascript these days, whether within the WordPress CMS or as part of a streamlined frontend experience. I abandoned jQuery at the end of 2019 and began learning React in earnest.
-
Easier Block Patterns using Template Parts
Using register_block_pattern in WordPress can be a pain, as you need to manipulate the HTML in your code. Here’s a much less tiresome solution.
-
Using WordPress template parts for my new WordPress theme
The new WordPress theme running this website has been improved by the use of WordPress’ get_template_part function.
-
The minimum viable product
A stripped-back, simple WordPress theme for my personal website, which I can begin extending as and when I have the time.
-
Modular functionality – making WordPress development easier
A summarized insight into maintaining individual features in your own WordPress plugins through the flexibility and organisation of modular development.
-
Examples of WordPress as a headless CMS
WordPress is much more than a simple tool for building websites. Here are a few prominent sites which use WordPress and its new REST API for much more than a simple blog.
-
Base code for a WordPress theme using PHP namespaces
I provide a free public Github repository containing example code for starting work on a WordPress theme which uses PHP namespaces and template parts.
-
Base code for a WordPress plugin using PHP namespaces
I provide a free public Github repository containing example code for starting work on a WordPress plugin, which uses PHP namespaces.
-
Technical case study: the SBB CFF FFS brand panel
Using modern web technologies to replicate the ubiquitous red panel used by Swiss railway company SBB CFF FFS.
-
Technical case study: SBB RCS
The latest project we’ve launched at !frappant is for SBB (Swiss Railways): a microsite for the Rail Control System team, which promotes their work controlling the flow of rail traffic throughout the national network.
-
Store your design assets in one place with Lingo
The new Lingo app (from The Noun Project) allows you to collate and manage your design assets in one place.
-
There is no perfect dropdown
Andy Budd made a very important point during episode 93 of The Web Ahead podcast. In it, he’s answering a question raised about where a less-experienced web designer can find resources to see what the current “best practices” are for site element design.
-
Technical case study: !frappant
My employer re-branded recently, which meant a new corporate identity and a new website using Zurb Foundation, CSS Flexbox and TYPO3.
-
Reusability thanks to modular coding
My erstwhile mentor in Brienz taught me throughout our years working together that if a website functionality is worth creating, it’s worth creating so that it can be used in more than one project. Programme once, install many times. This is a credo I’ve maintained since I started programming for content management systems and one I try to pass on when working with other programmers.
-
Containers and modules in web design
Using modules in front end web programming to allow more flexibility and more independence from site layouts for content elements.
