Shishir Prabhat Raven is a highly skilled software developer with nearly two decades of tech experience. Throughout his career, he has mastered a range of web and SaaS technologies, delivering end-to-end solutions that meet complex client requirements.
Shishir’s expertise spans PHP, MySQL, Vue 3, WordPress, and Blender, enabling him to design scalable applications, create high-precision tools, and manage extensive project lifecycles.
Known for his innovative approach, he has led projects in diverse areas, including 3D visualisation, network rendering, and custom SaaS platforms, all tailored to optimise resources and enhance user experience.
His commitment to quality and efficiency, coupled with his ability to seamlessly collaborate with global teams, makes him an invaluable asset to any organisation seeking a seasoned developer with a proven track record of success.
Programming, Cloudflare, SaaS, UI Components, Java, C, CSS, C++, Database Design, PHP, MySQL, Asterisk, ASP.NET, SQL, Joomla
Latest Blogs
Enhancing Design Control: Styling Inner Blocks in WordPress
Discover two powerful approaches to update the style of inner blocks in WordPress and achieve greater control over their design. The first method involves utilizing React to programmatically modify the styles of individual components, allowing for customized interactions and dynamic styling. The second option focuses on CSS styling in the master block, employing CSS variables…
WordPress Sidebar Nested Menu with Tailwind CSS
Demo : Multi Level Menu. Building the Menu Structure in the Backend. 1. Go to Menus — WordPress 2. Click on Menus 3. Click on create a new menu 4. Type “Demo Menu” 5. Click on save_menu 6. Check Sample Menus 10. Click on add-post-type-menu-item 11. Drag highlighted element to form Sub-tiem 14. Click on…
Steps to Build a Tailwinds Theme for WordPress
What are you going to Learn ? Why should we use Tailwind CSS for WordPress Tailwind CSS is an excellent CSS Utility library and since I have started using it I could never go back to Bootstrap CSS Framework. The top Reasons why I love Tailwind CSS. When I first used Bootstrap CSS and many…
How to build a Settings Page in WordPress.
Outline To build a WordPress settings page, you can follow these steps: Example for Single Text Field Here is an example of a basic plugin that adds a menu page and displays a form with a single text field:
Power Up Your Browser with Bookmarklets
What are Bookmarklets Bookmarklets are browser bookmarks that execute JavaScript instead of opening a webpage. Bookmarklets are natively available in all major browsers, including Mozilla Firefox and Chromium-based browsers like Chrome or Brave. Bookmarklets are small pieces of JavaScript code that can be saved as a bookmark in a web browser. When clicked, a bookmarklet…
Name your Chrome Windows for Easy Identification when switching between windows – Google Chrome Productivity Tip.
What for I should Name a Google Chrome Window? Where is it helpful? Useful when you work with multiple Chrome Window and get Lost when pressing Alt + Tab. Results : On Hover of Tab in Task bar. Results : On Alt+Tab when you switch windows. How to Name a Google Chrome window Method 1…
An easy method to write Blocks in WordPress (for Patterns)
What needs to be achieved? Short Answer 😊 Building and Saving new patterns is difficult if your are building complex structures. Long answer (TLDR) 🥱 I am building a Tailwind Theme and want to style some pre-saved blocks into my theme. Now the process of creating these it to create a Nested Structure with the…
Snake & Ladders Multiplayer Game.
I build a multi player game of the classic “Snake & Ladders”, the game can be played between 1 or more remote players. Technologies Used. Vue JS Tailwind CSS for Styling. Socket.io for Real Time communication.
Removing all the Default Theme Javascript and CSS from a WordPress Template.
Why? Case : Using a VueJS Application in a WordPress Plugin and Theme CSS is Clashing. There are some default CSS/JS which are included in every page + there is the Theme CSS which is also included on every page. I did not required any for it to work on my page. Since you are…
Hosting VueJS Project on Github Pages
Hosting a VueJS project is pretty straight forward but I faced problem with VueJS Routing. First of all it did not work out of the box. I had to change the base path in the config file. I added the base URL to the vite config file. I added the base also to the router…
Finally Microsoft has build the feature that I was looking for. It’s Focus Sessions.
Well I am a fan of pomodoro technique and its a wonderful thing. So I was always looking for a countdown timer that could run on the Windows and could appear on top of the all the windows. Did some searches on the internet and could not find a suitable free match. But to my…
Ideas worth pursuing
Introduction In today’s world, there are countless ideas floating around and it can be overwhelming to determine which ones are worth pursuing. The concept of an “idea worth pursuing” can mean different things to different people, but in general, it refers to an idea that has the potential to bring value or make a positive…
How to Speed up Project Development with a .bat file.
Well every developer might be facing the same process when they open up their laptops every day. Like opening the project, opening the Project Management Website, opening the code folder etc, etc. Here are some ready to use commands that can help you Automate the process. Opening the Project Folder in VS Code through a…
How to avoid node_modules folder in Zip.
Just as I started coding on an exciting note taking app I realized that if my laptop crashed I would lose all the hard work I have put into coding thousands of lines. I had not taken the backup in a while so I stopped the work and uploaded a zip to Google Drive. But…
Automatically extracting price from Amazon.com
This post illustrates how you can extract price from amazon.in or amazon.com using puppeteer.This project uses Node.JS and puppeteer library to do the extractions. Extracting Prices from Amazon.in and outputting to console.
Custom Post Type returning only posts belonging to the Author in WordPress REST API
Add the following to your plugin code. Replace ‘goals’ with your content type name. About this solution. The great part about this is that you don’t need to create any custom endpoints to show only the related posts to the author. Can apply very easily for any CUSTOM Posts. Possible Scenarios where can you use…
Adding Sortable to a List in VueJS 3 in 3 Simple steps.
Step 1. Install vue.draggable.next Step 2 : Import and add as component Step 2 : Use it as follows to create a Loop. Note: Don’t replace “element” with the model name. I was making this mistake and it took me a while that it has to remain as element name only. How to use a…
Fastest way to use ⚡ Vite + Vue 3 + Tailwind CSS ✔
This starter template includes: Vite 3 Vue 3 Tailwind CSS 3 Vue Router Getting Started Run the following inside your new project folder. npx degit shishirraven/vue_tailwind_starter_template npm i npm run dev npm run build npm run serve Vue 3 + Vite This template should help get you started developing with Vue 3 in Vite. The…
Setting Predefined names for JS chunks on VueJS Build.
What is hash and why is it add it to the files while you build the project. Whenever we are generating project building a project automatically in the JS folder and which are included in the main index file have a hash attached to it. Hash is nothing but a kind of random string which…
How to use Bootstrap SASS with VueJS.
Bootstrap and why it so Good and should I use it with Vue? Bootstrap is a great CSS framework and has been dominating the CSS scene. The primary reason why bootstrap has been a great framework is the ability that it provides to not only designers but also to the developers to build UI faster.…