Articles by Hardeep Asrani, Author at WPShout A hub for advanced WordPress users, developers & savvy business owners. Thu, 20 Jun 2024 08:16:00 +0000 en-US hourly 1 https://wordpress.org/?v=6.4.3 https://wpshout.com/wp-content/uploads/2024/04/cropped-main-icon1x-32x32.png Articles by Hardeep Asrani, Author at WPShout 32 32 A Beginner’s Guide to the WordPress Interactivity API https://wpshout.com/wordpress-interactivity-api/ https://wpshout.com/wordpress-interactivity-api/#respond Thu, 20 Jun 2024 08:16:00 +0000 https://wpshout.com/?p=142257 Learn how to use the WordPress Interactivity API, why it’s essential, and how it simplifies adding interactive features to your blocks. Discover seamless integration with PHP server-side rendering and real-world examples of dynamic user experiences.]]> https://wpshout.com/wordpress-interactivity-api/feed/ 0 WordPress Interactivity API. Web Development on iPad Pro: Beginner’s Guide https://wpshout.com/web-development-on-ipad-pro/ https://wpshout.com/web-development-on-ipad-pro/#comments Tue, 19 Oct 2021 08:32:49 +0000 https://wpshout.com/?p=87692 Ever since iPad Pro was announced, Apple has been billing it as an alternative to laptops. That begs the question, can one do web development on iPad Pro? Find out here. ]]> https://wpshout.com/web-development-on-ipad-pro/feed/ 3 iPad Pro for web development How to Make a Chrome Extension: Step-by-Step Guide https://wpshout.com/how-to-write-a-chrome-extension/ https://wpshout.com/how-to-write-a-chrome-extension/#respond Fri, 04 Jun 2021 10:54:50 +0000 https://wpshout.com/?p=83214 Browser extensions can be a great way to put your coding skills to good use and build something that will allow you to do repetitive tasks with just a few clicks. If you want to achieve that, learning how to write a Chrome extension is a great start. In this tutorial, we will show you how to write a Chrome extension that sends browser notifications from a popup menu. We will also use the context menu and data storage APIs to make the most out of it.]]> https://wpshout.com/how-to-write-a-chrome-extension/feed/ 0 Create a Google Chrome extension Google Maps JavaScript API Tutorial: Add a Custom Map to Your Website https://wpshout.com/google-maps-javascript-api/ https://wpshout.com/google-maps-javascript-api/#respond Thu, 28 May 2020 09:49:21 +0000 https://wpshout.com/?p=64332 Google Maps helps us every day in navigating our way through roads and finding places in a manner that was unimaginative just a few decades ago. It is not only useful in wayfinding, but we also see many examples of maps used for data visualization, such as how recently many websites are using maps to visualize the spread of COVID-19 throughout the globe. Today, let’s learn how we can use the Google Maps JavaScript API to build custom maps for our websites and applications.]]> https://wpshout.com/google-maps-javascript-api/feed/ 0 Google Maps JavaScript API Tutorial Making a “Plugin Options Page” With Gutenberg Components https://wpshout.com/plugin-options-page-gutenberg/ https://wpshout.com/plugin-options-page-gutenberg/#respond Wed, 25 Mar 2020 12:20:10 +0000 https://wpshout.com/?p=60837 Building option panels for plugins have never been a fun task. It is usually the thing developers do at the end, and most developers do not put much effort into designing their options panel at all. But can you make an options page with components from Gutenberg?]]> https://wpshout.com/plugin-options-page-gutenberg/feed/ 0 Plugin Options Page With Gutenberg Components How to Make Your Plugin Compatible With Gutenberg: Part 2 (Sidebar API) https://wpshout.com/make-plugin-compatible-with-gutenberg-sidebar-api/ https://wpshout.com/make-plugin-compatible-with-gutenberg-sidebar-api/#comments Wed, 26 Sep 2018 12:09:46 +0000 https://wpshout.com/?p=38906 If you’re trying to make your plugin compatible with Gutenberg, you have a couple of paths that you can/should take – depending on what your plugin does and how it delivers its features to the user. In the first part of this mini-series, we explored Gutenberg’s Block API – which is what most plugins need in terms of Gutenberg-compatibility. This time, we will be exploring another piece of the Gutenberg puzzle – Gutenberg’s Sidebar API.]]> https://wpshout.com/make-plugin-compatible-with-gutenberg-sidebar-api/feed/ 1 Make Your Plugin Compatible With Gutenberg - Sidebar API How to Adapt Your Plugin for Gutenberg: Part 1 (Block API) https://wpshout.com/adapt-your-plugin-for-gutenberg-block-api/ https://wpshout.com/adapt-your-plugin-for-gutenberg-block-api/#comments Tue, 24 Jul 2018 12:10:56 +0000 https://wpshout.com/?p=37441 The story is straightforward; Gutenberg is the new editor experience in WordPress, which is going to be merged into core in the next major release. A lot of plugins that do not keep up with this will become obsolete. This makes it essential that you adapt your plugin for Gutenberg before it’s too late.]]> https://wpshout.com/adapt-your-plugin-for-gutenberg-block-api/feed/ 2 Adapt Your Plugin for Gutenberg: Part 1 (Block API)