this is how i code https://thisishowicode.com/ my personal journey through creating with code Sat, 06 Jul 2024 17:03:22 +0000 en-GB hourly 1 https://wordpress.org/?v=6.9 Lint PHP version breaking changes with phpcs https://thisishowicode.com/lint-php-version-breaking-changes-with-phpcs/ https://thisishowicode.com/lint-php-version-breaking-changes-with-phpcs/#respond Sat, 06 Jul 2024 17:02:41 +0000 https://thisishowicode.com/?p=1266 Upgrading the php version on your server doesn’t come without risks. With all coding languages, old features can become deprecated or even removed. Trawling through a codebase manually to check it’s still all going to work doesn’t sound fun. So this article shows how to lint php version breaking changes. Prerequisites You’ll need PHP’s equivalent […]

The post Lint PHP version breaking changes with phpcs appeared first on this is how i code.

]]> https://thisishowicode.com/lint-php-version-breaking-changes-with-phpcs/feed/ 0 How to use TypeScript with React: A Brief Overview https://thisishowicode.com/how-to-use-typescript-with-react-a-brief-overview/ https://thisishowicode.com/how-to-use-typescript-with-react-a-brief-overview/#respond Sun, 09 Jun 2024 20:30:56 +0000 https://thisishowicode.com/?p=1269 I went bravely from using js to jsx files. Then I overcame the gag reflex to write html in javascript. It was time to cover the final threshold with TypeScript and the tsx filetype. In this article, I cover briefly, how to use TypeScript with React. Defining types within functions If you’re familiar with TypeScript, […]

The post How to use TypeScript with React: A Brief Overview appeared first on this is how i code.

]]> https://thisishowicode.com/how-to-use-typescript-with-react-a-brief-overview/feed/ 0 Unlimited SSL Subdomains in cPanel (with Cloudflare) https://thisishowicode.com/unlimited-ssl-subdomains-in-cpanel-with-cloudflare/ https://thisishowicode.com/unlimited-ssl-subdomains-in-cpanel-with-cloudflare/#respond Sat, 11 May 2024 11:52:22 +0000 https://thisishowicode.com/?p=1243 SSL certificates on websites are now the norm. They are also useful for subdomains, such as testing environments etc. This post looks at using unlimited ssl subdomains in cpanel, whilst optionally using cloudflare. It doesn’t have to be hard to set up, but there are some requirements to keep in mind. Prerequisites For hosting, you’ll […]

The post Unlimited SSL Subdomains in cPanel (with Cloudflare) appeared first on this is how i code.

]]> https://thisishowicode.com/unlimited-ssl-subdomains-in-cpanel-with-cloudflare/feed/ 0 How to immediately call a function in JavaScript (IIFE) https://thisishowicode.com/how-to-immediately-call-a-function-in-javascript-iife/ https://thisishowicode.com/how-to-immediately-call-a-function-in-javascript-iife/#respond Sun, 28 Apr 2024 10:39:18 +0000 https://thisishowicode.com/?p=1191 Sometimes you might want to run a function without ever having to call it. This is especially useful when you want to declare some global variables, but also keep them private, within a function. This article explains how you can immediately call a function in javascript. What is an IIFE? An Immediately Invoked Function Expression […]

The post How to immediately call a function in JavaScript (IIFE) appeared first on this is how i code.

]]> https://thisishowicode.com/how-to-immediately-call-a-function-in-javascript-iife/feed/ 0 How to Allow HTML formatting in JSX with VS Code https://thisishowicode.com/how-to-allow-html-formatting-in-jsx-with-vs-code/ https://thisishowicode.com/how-to-allow-html-formatting-in-jsx-with-vs-code/#respond Sun, 28 Apr 2024 09:35:57 +0000 https://thisishowicode.com/?p=1182 One of the annoying quirks of writing HTML inside of a javascript file is that, by default, it doesn’t recognise that you’re actually writing HTML. In VS Code, this can be fixed by opening your settings.json and adding this option: Oh happy days!

The post How to Allow HTML formatting in JSX with VS Code appeared first on this is how i code.

]]> https://thisishowicode.com/how-to-allow-html-formatting-in-jsx-with-vs-code/feed/ 0 Quick SASS Setup for WordPress Themes https://thisishowicode.com/quick-sass-setup-for-wordpress-themes/ https://thisishowicode.com/quick-sass-setup-for-wordpress-themes/#respond Sat, 20 Apr 2024 21:12:06 +0000 https://thisishowicode.com/?p=1135 This is my go-to for quickly adding sass functionality to any WordPress theme. Just add the following package.json to your theme folder (assuming you already know how to run npm/node, and have them installed and ready to go): You can grab the package.json code here. I always hate copying and pasting from things like the […]

The post Quick SASS Setup for WordPress Themes appeared first on this is how i code.

]]> https://thisishowicode.com/quick-sass-setup-for-wordpress-themes/feed/ 0 WordPress Block Editor Core Blocks Demo (Gutenberg) https://thisishowicode.com/wordpress-block-editor-core-blocks-demo-gutenberg/ https://thisishowicode.com/wordpress-block-editor-core-blocks-demo-gutenberg/#respond Sun, 18 Feb 2024 13:28:38 +0000 https://thisishowicode.com/?p=1145 This is a reference of the Block Editor blocks available in WordPress as of 6.4.3. There is an online resource here: Core Blocks Reference | Block Editor Handbook | WordPress Developer Resources But being the visual person I am, I find it helps to see what the available blocks are. This is especially useful for […]

The post WordPress Block Editor Core Blocks Demo (Gutenberg) appeared first on this is how i code.

]]> https://thisishowicode.com/wordpress-block-editor-core-blocks-demo-gutenberg/feed/ 0 Improving My CSS Skills – 6 New Things https://thisishowicode.com/improving-my-css-skills-6-new-things/ https://thisishowicode.com/improving-my-css-skills-6-new-things/#respond Thu, 17 Aug 2023 21:27:12 +0000 https://thisishowicode.com/?p=1011 Here are some new things that I’ve learned with CSS, which solve common real-word problems. I’m always looking at improving my css skills (who doesn’t!) Here are 6 of the latest things I’ve discovered: Fitting that round image in a square peg Sometimes you want an image to always fill a space, for example as […]

The post Improving My CSS Skills – 6 New Things appeared first on this is how i code.

]]> https://thisishowicode.com/improving-my-css-skills-6-new-things/feed/ 0 Get Frontend API Data with Javascript https://thisishowicode.com/get-frontend-api-data-with-javascript/ https://thisishowicode.com/get-frontend-api-data-with-javascript/#respond Wed, 16 Aug 2023 21:00:57 +0000 https://thisishowicode.com/?p=970 Using the native fetch() to get frontend api data with javascript is easier than ever, and works great alongside frameworks such as vue. Grabbing data the old way Before fetch came along, API requests were made using XMLHttpRequest, which didn’t include the use of Promises. It was a little bit verbose, like so: Grabbing data […]

The post Get Frontend API Data with Javascript appeared first on this is how i code.

]]> https://thisishowicode.com/get-frontend-api-data-with-javascript/feed/ 0 Enabling https with WAMP/XAMP (SSL) https://thisishowicode.com/enabling-https-with-wamp-xamp-ssl/ https://thisishowicode.com/enabling-https-with-wamp-xamp-ssl/#respond Fri, 10 Feb 2023 21:54:44 +0000 https://thisishowicode.com/?p=923 An SSL certificate provides a secure connection between your website and the visitor’s browser. All data transmitted is encrypted and protected from eavesdropping and tampering. Wamp doesn’t come with it enabled out of the box, so here’s how to set it up. This article assumes you already have Wamp up and running. Enabling https in […]

The post Enabling https with WAMP/XAMP (SSL) appeared first on this is how i code.

]]> https://thisishowicode.com/enabling-https-with-wamp-xamp-ssl/feed/ 0