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.
Read morePosts 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.
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.
Read moreEasier 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.
Read moreUsing 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.
Read moreThe 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.
Read more
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.
Read moreExamples 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.
Read moreBase 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.
Read moreBase 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.
Read more
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.
Read more
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.
Read more
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.
Read moreThere 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.
Read more
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.
Read moreTwo new plugins published for WordPress
I finally got around to reading the submission details for the official WordPress Plugin directory this week and submitted a couple of simple plugins. They have now been approved and are available for free to anyone using WordPress.
Read moreReusability 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.
Read more
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.
Read more