--- title: Web Development date: 2024-05-22T17:51:00+01:00 author: John Henry Donovan canonical_url: "https://johnhenry.ie/blog/category/web-development" section: Blog Categories --- Browse by categoryAll PostsWeb DevelopmentDesignLifestyleMusic & FilmTutorialsSpottedSpeakingReviewsFound FoodRecipesIreland - [![The image displays the word "solspace" in white text against a blue background. The font is sans-serif with a modern, clean design. The letter "L" and the end of the "S" extend below the baseline, adding a distinctive touch to the logo.](https://assets.johnhenry.ie/transforms/2a2ed2821aeabed46a41f2462bc21676/16648/solspace-logo_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Solpace Podcast: Making The Web Accessible For All Web Development·Speaking·Spotted·Sept 9 2024](https://johnhenry.ie/blog/2024/09/solpace-podcast-making-the-web-accessible-for-all) - [![](https://assets.johnhenry.ie/transforms/2a2ed2821aeabed46a41f2462bc21676/19201/matrix-block-anchor-craft-cms-plugin_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Matrix Block Anchor Craft Cms Plugin Web Development·Sept 9 2024](https://johnhenry.ie/blog/2024/09/matrix-block-anchor-craft-cms-plugin) - [![](https://assets.johnhenry.ie/transforms/2a2ed2821aeabed46a41f2462bc21676/19203/how-i-deploy-a-craft-cms-website-with-deployhq_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## How I Deploy A Craft Cms Website With Deployhq Tutorials·Web Development·Aug 20 2024](https://johnhenry.ie/blog/2024/08/how-i-deploy-a-craft-cms-website-with-deployhq) - [![Screenshot 2024 08 19 003125](https://assets.johnhenry.ie/transforms/96b5d8ed08adc95ff8a77ec1ae03663b/17639/Screenshot-2024-08-19-003125_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## How Craft Cms Built Craft Cloud Web Development·Aug 17 2024](https://johnhenry.ie/blog/2024/08/how-craft-cms-built-craft-cloud) - [![A better title filter for twig using craft cms](https://assets.johnhenry.ie/transforms/96b5d8ed08adc95ff8a77ec1ae03663b/17497/a-better-title-filter-for-twig-using-craft-cms_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## A Better Title Filter For Twig Using Craft Cms Tutorials·Web Development·Aug 2 2024](https://johnhenry.ie/blog/2024/08/a-better-title-filter-for-twig-using-craft-cms) - [![The image displays the word "solspace" in white text against a blue background. The font is sans-serif with a modern, clean design. The letter "L" and the end of the "S" extend below the baseline, adding a distinctive touch to the logo.](https://assets.johnhenry.ie/transforms/2a2ed2821aeabed46a41f2462bc21676/16648/solspace-logo_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Solpace Podcast: The Benefits Of Visual Asset Management With Guests From Imgix Web Development·Mar 6 2024](https://johnhenry.ie/blog/2024/03/the-benefits-of-visual-asset-management-with-guests-from-imgix) - [![A computer screen displays an article about PJ Harvey's album cover winning the Best Art Vinyl 2023 Award. The browser's developer tools are open on the right side, showing HTML and CSS code. The article includes text and a small image of the album cover.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16636/rebuilding-creative-booms-article-page-using-utopian-fluid-typography_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Rebuilding Creative Boom’s Article Page Using Utopian Fluid Typography Web Development·Mar 3 2024](https://johnhenry.ie/blog/2024/03/rebuilding-creative-booms-article-page-using-utopian-fluid-typography) - [![Illustration of a cartoonish vehicle resembling the Google Chrome logo, equipped with jet engines, rockets, and driven by a smiling character wearing a helmet and headset. The background is a solid dark blue color.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16619/og-website-optimization.1697824976_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## The Beginner's Guide To Faster Websites Web Development·Mar 3 2024](https://johnhenry.ie/blog/2024/03/the-beginners-guide-to-faster-websites) - [![Screenshot of a project management interface with a sidebar listing items including briefing, meeting notes, and newsletters. The main section shows a "Project Home" tab with a progress status, team member avatars, and links to documents for sales and marketing strategy.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16325/loop_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Microsoft Loop Web Development·Mar 23 2023](https://johnhenry.ie/blog/2023/03/microsoft-loop) - [![A person wearing large green sunglasses and a colorful outfit is performing a limbo dance under a blue and white stick on a sandy surface. Several people are standing around, watching the performance.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16264/limbo_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Challenge #10 – How Low Can You Limbo Web Development·Mar 20 2023](https://johnhenry.ie/blog/2023/03/challenge-10-how-low-can-you-limbo) - [![A person in a green jacket and backpack stands on a hill, overlooking a lush, green valley with winding rivers and scattered lakes under a cloudy sky.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16262/green_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Where To Ai Design·Web Development·Mar 20 2023](https://johnhenry.ie/blog/2023/03/where-to-ai) - [![An infographic titled "The Anatomy of a Good Design: An Analysis of 4 Sites" highlights key design principles with colored arrows pointing to text labels: "Hierarchy using scale," "Secondary content type style," "Left alignment to grid," and "Consistent spacing.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/15909/7AB6YXzH_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## The Anatomy Of A Good Design: An Analysis Of 4 Sites Web Development·Mar 14 2023](https://johnhenry.ie/blog/2023/03/the-anatomy-of-a-good-design-an-analysis-of-4-sites) - [![A person in a hoodie and headphones leaning over a desk with a laptop in a dimly lit room with industrial decor. A penguin is standing on the desk. The text reads "GitKraken Client in WSL 2." A small GitKraken interface is visible on the lower right.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/15661/Using-GitKraken-Client-in-WSL-2.png_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Using Gitkraken Client In Wsl 2 Web Development·Feb 9 2023](https://johnhenry.ie/blog/2023/02/using-gitkraken-client-in-wsl-2) - [![A black and white line drawing of a vintage gramophone with a large horn speaker, a cylindrical component, and a hand crank on the right side. There is a small screen with a waveform on the left side of the base.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16003/332587298_684742726777983_8257986613431605393_n_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Expressionengine Coilpack — Part 2 Web Development·Jan 13 2023](https://johnhenry.ie/blog/2023/01/expressionengine-coilpack-part-2) - [![A black and white line drawing of a vintage gramophone with a large horn speaker, a cylindrical component, and a hand crank on the right side. There is a small screen with a waveform on the left side of the base.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16003/332587298_684742726777983_8257986613431605393_n_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Expressionengine Coilpack - Part 1 Web Development·Jan 3 2023](https://johnhenry.ie/blog/2023/01/expressionengine-coilpack-part-1) - [![A logo featuring interconnected blue hexagonal lines on the left and the stylized text “DDeEV” in black and blue on the right. The design is minimalistic with a focus on geometric shapes and clean lines.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/13980/ddev_logo_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## 16 Reasons Ddev Will Be Your New Favorite Development Environment Web Development·Dec 8 2022](https://johnhenry.ie/blog/2022/12/16-reasons-ddev-will-be-your-new-favorite-development-environment) - [![A minimalist illustration shows a yellow background. A white envelope with motion lines on the left is moving towards a white mailbox on the right. The mailbox has its flag raised, indicating outgoing or incoming mail.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/15492/Screenshot-2022-12-05-155657_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Everything You Need To Know About Smtp Web Development·Dec 5 2022](https://johnhenry.ie/blog/2022/12/everything-you-need-to-know-about-smtp) - [![The image shows a promotional graphic for iA Presenter, showcasing various colorful slide thumbnails on the left and a dark-themed presentation editor on the right with text about design and a small photo of an individual. The caption reads, "Showtime Introducing iA Presenter.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/14980/Topvid6-1024x575_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Ia Presenter Web Development·Oct 25 2022](https://johnhenry.ie/blog/2022/10/ia-presenter) - [![Soft limit seo](https://assets.johnhenry.ie/transforms/96b5d8ed08adc95ff8a77ec1ae03663b/14949/soft-limit-seo_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Soft Limit Function On A Craft Cms Text Field Using A Module Tutorials·Web Development·Oct 25 2022](https://johnhenry.ie/blog/2022/10/soft-limit-function-on-a-craft-cms-text-field-using-a-module) - [![A logo featuring a geometric design in red and gray on the left, resembling a stylized flower or badge. The text "craftentries" is written on the right side in lowercase letters, with "craft" in gray and "entries" in black. The dot on the letter "i" is red.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/14850/logo-seo_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Surviving A Web Development Career Web Development·Design·Oct 22 2022](https://johnhenry.ie/blog/2022/10/surviving-a-web-development-career) - [![The image showcases the logo for Tailwind CSS with the version number v3.2. The background features a gradient of blue, purple, and white colors, giving a sense of depth and illumination.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/14701/card.65ec124d_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Tailwind Css V3.2 : Dynamic Breakpoints, Multi-Config, Container Queries, And More Web Development·Oct 20 2022](https://johnhenry.ie/blog/2022/10/tailwind-css-v3-2-dynamic-breakpoints-multi-config-container-queries-and-more) - [![The image features the logo of Cypress, a dark blue 'cy' inside a circular gradient green border, followed by a yellow lightning bolt and two theater masks, one red and frowning, the other green and smiling.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/14627/cypress-vs-playwright-clash-of-the-titans_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Cypress Vs Playwright – Clash Of The Titans Web Development·Oct 19 2022](https://johnhenry.ie/blog/2022/10/cypress-vs-playwright-clash-of-the-titans) - [![A split-screen image showing two color combinations. On the left, a red background with black text. On the right, a black background with red text. Both sides compare the same sample color text and provide contrast ratio details, accessibility scores, and the quote "Color is my day-long obsession, joy, and torment.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/14599/Screenshot-2022-10-18-115617_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Randoma11Y Updates Web Development·Design·Oct 18 2022](https://johnhenry.ie/blog/2022/10/randoma11y-updates) - [![A man wearing glasses and a cap stands smiling on the left side of the image. The text "fathom" appears at the top center, with "EVENT TRACKING" on a yellow banner below it. Logos for fa, @, and F are at the bottom center against a graph-like background.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16607/fathom-analytics-event-tracking_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Fathom Analytics Event Tracking Web Development·Oct 11 2022](https://johnhenry.ie/blog/2022/10/fathom-analytics-event-tracking) - [![A logo featuring interconnected blue hexagonal lines on the left and the stylized text “DDeEV” in black and blue on the right. The design is minimalistic with a focus on geometric shapes and clean lines.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/13980/ddev_logo_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Ddev V1.21.2 Is Out Web Development·Oct 11 2022](https://johnhenry.ie/blog/2022/10/ddev-v1-21-2-is-out) - [![Mamp pro screenshot](https://assets.johnhenry.ie/transforms/96b5d8ed08adc95ff8a77ec1ae03663b/16490/mamp-pro-screenshot_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## How To Install An Ssl Certificate On Windows Mamp Pro Tutorials·Web Development·Jan 12 2022](https://johnhenry.ie/blog/2022/01/how-to-install-an-ssl-certificate-on-windows-mamp-pro) - [![An older man with white hair and glasses smiles while wearing a blue shirt. To his right, the words "" appear in green, and a grid-like letter "H" is displayed against a partially visible background of binary code.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16609/the-font-fixing-magicians_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## The Font Fixing Magicians Web Development·Spotted·Nov 7 2021](https://johnhenry.ie/blog/2021/11/the-font-fixing-magicians) - [![Cover art for "CSS Podcast" featuring a man and a woman smiling against a vibrant, multi-colored geometric background. The text "CSS Podcast" is displayed prominently in a gradient of colors, with triangles and other shapes adding to the design.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/9302/css-podcast_78d438752573526415e7912860f31d28.jpg) ## The Css Podcast Web Development·Spotted·May 5 2021](https://johnhenry.ie/blog/2021/05/the-css-podcast) - [![A podcast cover titled "COMPRESSED fm" with text stating, "A weekly podcast about web design and development from James Q Quick and Amy Dutton." The bottom displays logos for various podcast platforms: iTunes, Google Podcasts, Spotify, Stitcher, Castbox, and Pocket Casts.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/9251/compressed-fm-podcast_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Compressed.fm Podcast Web Development·Spotted·Apr 25 2021](https://johnhenry.ie/blog/2021/04/compressed-fm-podcast) - [![A screenshot of the Thunder Client extension for Visual Studio Code is shown. On the left, there's a sidebar with various tabs and API endpoints. The main section displays details of a GET request to an API, with query parameters and a JSON response output on the right.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/9237/thunder-client-vscode_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Thunder Client — Lightweight Alternative To Postman In Vs Code Web Development·Spotted·Apr 25 2021](https://johnhenry.ie/blog/2021/04/thunder-client-lightweight-alternative-to-postman-in-vscode) - [## Google's Floc Is A Really Awful Idea. Web Development·Spotted·Apr 24 2021](https://johnhenry.ie/blog/2021/04/googles-floc-is-a-really-awful-idea) - [![A graphic with the text "State of CSS 2020" featuring large, overlapping letters "CSS" in various styles and colors against a dark blue background. Geometric shapes, such as triangles and circles, are arranged around the text.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/6993/The-State-of-CSS-2020-Opera-2020-12-01-at-12.08.07-PM_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## State Of Css 2020 Web Development·Spotted·Dec 1 2020](https://johnhenry.ie/blog/2020/12/state-of-css-2020) - [![The image shows a promotional graphic for "Charming Sans," described as "The fun & casual eight-font family you've undoubtedly been waiting for." The text is accompanied by a smiley face emoticon at the end.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/6834/charming-sans_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Charming Sans Web Development·Nov 4 2020](https://johnhenry.ie/blog/2020/11/charming-sans) - [![Prism craftcms syntax highlighting](https://assets.johnhenry.ie/transforms/96b5d8ed08adc95ff8a77ec1ae03663b/5948/prism-craftcms-syntax-highlighting_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Prism Syntax Highlighting For Craft Cms Tutorials·Web Development·Aug 24 2020](https://johnhenry.ie/blog/2020/08/prism-syntax-highlighting-for-craft-cms) - [## Speed Up Craft Cms Updates Using Composer Web Development·Aug 19 2020](https://johnhenry.ie/blog/2020/08/speed-up-craft-cms-updates-using-composer) - [## Add A Custom Header In Your Console For Cloudflare Status Web Development·Aug 18 2020](https://johnhenry.ie/blog/2020/08/add-a-custom-header-in-your-console-for-cloudflare-status) - [![A user interface screen displaying the Microsoft PowerToys logo in the center, surrounded by screenshots of various tools and features offered by PowerToys. Widgets and windows, including a color picker, file explorer, and keyboard manager, are visible in the background.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/5466/power-tools_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Powertoys For Windows 10 Web Development·Aug 17 2020](https://johnhenry.ie/blog/2020/08/powertoys-for-windows-10) - [![A screenshot of a field layout interface with three main sections: "Content," "Design," and a right sidebar. The "Content" section includes Title, Short Description, Heading, and several other fields. The "Design" section includes Tip, Featured Image, Featured Thumb, Background Color. The sidebar includes categories such as Contact Info, Header, Footer, and General. The interface allows users to add and edit fields.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/4845/Ecm5WFVXkAE1mYh_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Craft 3.5 Rc1 Release Web Development·Jul 23 2020](https://johnhenry.ie/blog/2020/07/craft-3-5-rc1-release) - [![The image displays the text "{{craftSnippets}}" in a rust color, written in a cursive font against a plain white background.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/3970/caft-snippets_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Twig Template Tips And Tricks For Craft Cms Web Development·Jul 4 2020](https://johnhenry.ie/blog/2020/07/twig-template-tips-and-tricks-for-craft-cms) - [![Illustration of a webpage split in half to show light and dark modes. The left side features a light background with sun icons, while the right side has a dark background with moon icons. Both sides display identical content layouts with images and text.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/3890/dark-mode-guide_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## A Complete Guide To Dark Mode On The Web Web Development·Jul 3 2020](https://johnhenry.ie/blog/2020/07/a-complete-guide-to-dark-mode-on-the-web) - [![A white stylized magnifying glass forming the letter "P" on a black background. The handle of the magnifying glass points downward and to the right, creating the leg of the letter "P.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/3836/pureref_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Pureref - Reference Image Viewer Web Development·Jul 1 2020](https://johnhenry.ie/blog/2020/07/pureref-reference-image-viewer) - [![An advertisement for the Tailwind CSS IntelliSense extension for Visual Studio Code. The left side has the Tailwind CSS logo and text, while the right side shows a Visual Studio Code screen with code containing Tailwind CSS class names.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/3793/tailwind-css-intellisense_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Linting For Tailwind Css Intellisense Web Development·Jul 1 2020](https://johnhenry.ie/blog/2020/07/linting-for-tailwind-css-intellisense) - [![A simple illustration of a small brown branch with six green leaves arranged along its length. The leaves vary in shades of green and are evenly spaced on either side of the branch. The background is white.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/3561/Image-2020-06-10-at-12.23.53-PM_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Sprig - A Reactive Twig Component Framework For Craft Cms. Web Development·Jun 10 2020](https://johnhenry.ie/blog/2020/06/sprig-a-reactive-twig-component-framework-for-craft-cms) - [![Johnhenry redesign and performance](https://assets.johnhenry.ie/transforms/96b5d8ed08adc95ff8a77ec1ae03663b/2442/johnhenry-redesign-and-performance_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Redesign And Performance Led Development. What Matters? Web Development·May 26 2020](https://johnhenry.ie/blog/2020/05/redesign-and-performance-led-development-what-matters) - [![The image shows the Node.js logo on a plain background. The word "node" is written in lowercase black letters, with the "o" replaced by a green hexagon. Below it, there is an icon with "JS" inside another green hexagon.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/1622/switching-node-versions-development_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Switching Between Node Versions During Development Web Development·May 26 2020](https://johnhenry.ie/blog/2020/05/switching-between-node-versions-during-development) - [## Typography Plugin For Tailwind Css Web Development·May 25 2020](https://johnhenry.ie/blog/2020/05/typography-plugin-for-tailwind-css) - [![A pricing comparison table is shown on a website. The "Start" plan is free for 3 months, the "Pro" plan costs $38 per month, and the "Business" plan costs $54 per month. Each plan lists various features and pricing details, with the "Pro" plan marked as popular.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/1252/Image-2020-05-23-at-6.19.15-PM_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Tailblocks, An Open Source Tailwind Ui Alternative Web Development·May 23 2020](https://johnhenry.ie/blog/2020/05/tailblocks-an-open-source-tailwind-ui-alternative) - [![A diagram showing text typography with measurements. The first line has "Lorem ipsum do" highlighted with a pink background, labeled half leading top: 0.25, content: 1, and line-height: 1.5. The second line reads "sit amet, consec," with a blue background labeled similarly.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/1230/line-height_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Using Calc To Figure Out Optimal Line-Height Web Development·May 23 2020](https://johnhenry.ie/blog/2020/05/using-calc-to-figure-out-optimal-line-height) - [![A minimalist graphic of a horizontal progress bar with nine vertical dashes, accompanied by a ghost-like figure above the central dash and a small vertical bar, highlighted in red, that intersects the middle dash.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/1206/Image-2020-05-23-at-6.07.10-PM_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Keyframes.app V2 Is Out After A Complete Rewrite. Web Development·May 22 2020](https://johnhenry.ie/blog/2020/05/keyframes-app-v2-is-out-after-a-complete-rewrite) - [![A black-and-white image shows a person on horseback herding cattle in a wide-open landscape with mountains in the background. The words "Localhosting Round-up" are prominently displayed in orange on the image. The word "craftquest" appears at the bottom right.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/1154/localhosting-roundup_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Craftquest Localhosting Roundup Web Development·May 21 2020](https://johnhenry.ie/blog/2020/05/craftquest-localhosting-roundup) - [![A logo with the text "ProPublica" in white, placed on a dark blue background. The logo includes a stylized letter "P" within a square on the left side of the text.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/1076/2017-pp-open-graph-1200x630_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Solspace Podcast - Propublica Web Development·May 20 2020](https://johnhenry.ie/blog/2020/05/solspace-podcast-propublica) - [![A desktop computer with a transparent side panel displaying internal components illuminated by purple lighting. The foreground and background are out of focus, with bokeh effect purple lights.](https://assets.johnhenry.ie/transforms/96b5d8ed08adc95ff8a77ec1ae03663b/1444/DSF0915-copy_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Switching From Mac To Pc Web Development·May 17 2020](https://johnhenry.ie/blog/2020/05/switching-from-mac-to-pc) - [![A logo composed of two overlapping quadrilaterals, one light blue and one white, on a dark gray background. The shapes form a minimalist design with clean lines and sharp angles.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/16096/alpinejs_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Beginner Level Series On Alpine Js Web Development·May 15 2020](https://johnhenry.ie/blog/2020/05/beginner-level-series-on-alpine-js) - [![A simple logo on a dark blue background featuring a red square with a bold, stylized letter "N" in the center.](https://assets.johnhenry.ie/transforms/d62ec931424a70ef21c83a37a6ebfa8f/601/nitro_348beeca2483f5cd26f49a2e1211a0cc.jpg) ## Release Of Craft Nitro 1.0 Beta Web Development·May 10 2020](https://johnhenry.ie/blog/2020/05/release-of-craft-nitro-1-0-beta) - [## Member Export Tool In Expressionengine Tutorials·Web Development·Aug 10 2012](https://johnhenry.ie/blog/2012/08/member-export-tool-in-expressionengine) - [## Simple Tag Cloud In Statamic Tutorials·Web Development·Aug 9 2012](https://johnhenry.ie/blog/2012/08/simple-tag-cloud-in-statamic-1) - [## Infinite Scroll In Expressionengine Tutorials·Web Development·Jul 27 2012](https://johnhenry.ie/blog/2012/07/infinite-scroll-in-expressionengine) - [## Chained Selects For Expressionengine Tutorials·Web Development·Jul 17 2012](https://johnhenry.ie/blog/2012/07/chained-selects-for-expressionengine)