Web Development
31 posts in "Web Development"
Wildcard Routing is an Anti-Pattern
Probably the most cringy pattern I see when creating apps is wildcard routing. With the next version of Express changing support for wildcards, many
Making Axios Request Payload work with PHP & What goes behind?
I tried to use a mock PHP page for my API requests with Axios, but unfortunately I ran into multiple problems. This article has solutions for all.
Notifications in React JS using Noty
I tried implementing the classic "Toast Notifications" in React by using the Noty plugin and this is an introduction to use the same plugin in React JS apps.
Using React's Proxy to get ahead of CORS & use HTTPS for API calls
My experience of managing to use CRA React's Proxy feature to proxy an API server like it's in Production and use Secure HTTPS on localhost!
Facebook extending Markdown support for Status Updates!
Facebook started rolling out support for Rich Text Formatting using Markdown in status updates. Content writers will be happy about this!
Right way of delaying execution synchronously in JavaScript without using Loops or Timeouts!
I recently found a better way to delay JavaScript execution by the use of async and await keywords. Sharing my experience with a Jest test case.
Getting rid of the X-Powered-By in Express JS Middle-ware using Blood, Sweat & Tears
An article on how to get rid of X-Powered-By headers in all versions of Express JS and Node JS.
Crazy Image EXIF Orientation Bug (or Feature?)
Get an idea about what is EXIF in photos, how does the orientation tag affect the display of your images and how to fix them.
Changing the colour of SVG Images using CSS & jQuery
A scalable approach to convert linked SVG Images into inline SVGs and use CSS & jQuery to manipulate then, eg., change colours.
Generating Screenshots of URLs using Google's secret magic API
A simple and quick way of generating screenshots without any external software or libraries using Google's Page Speed Insights API.
Usability & User Experience
A simple take away from real world examples to make people, who aren't techie to understand the difference between Usability and User Experience.
Working with Virtual Hosts in Scotch Box Pro
My experience in making the vHosts command work on the new Scotch Box Pro. This tutorial is aimed at beginners.
Everything you would need to know about Atomic Design
Interesting article on Atomic Design, which I recently had a chance to attend in a conference.
Avoiding HTTP 404 for map files when using minified CSS & JavaScript
Best way to get rid of 404 errors when accessing a sourcemap.
Suppressing Errors or Handling non existing includes in Nunjucks Templating engine
I didn't know how to suppress or handle errors in Nunjucks (Jinja2) when including a file that doesn't exist. I have solved it in a simple way.
Handling Broken Image Links in a Better Way (HTTP Only)
A small snippet for handling images that do not exist or throw error in a website, without much struggle using JavaScript.
Changing the origins of draggable - Possible!
Quick tutorial on how to change the origin of draggable, which by default drags on top and left offsets. Now you can customise in your own way.
Scroll content on hover using jQuery and the Mathematics behind it
This article explains the huge mathematics behind animated scrolling to keep up the time.
Getting the Initialisation Parameters for DataTables
Killing and reinitialising the DataTable. An example demonstration.
Conditional Formatting in JavaScript like Excel and other spreadsheet solutions
This is a crazy JavaScript challenge I worked today to create a similar effect like conditional formatting in Excel.
Best way to punish Plagiarisers? Vote them down!
Recently this website: codexample.org started plagiarising Stack Overflow. This is the revenge from a fan of Stack Overflow.
Challenge: Internet Explorer Table Cells & Positioning Nightmare & Alternatives
After a lot of struggles, I was unable to find a solution for fixing Internet Explorer Table Cells & Positioning absolute issue.
CSS Transitions & JavaScript for Animated Entry Effects
Creating a Slide Off Effect using CSS Transition Width Right to Left.
Behind the Scenes of Development of My Personal Website…
This is a story of behind the scenes, developing my current revamped website. This is the introduction post.
Using SweetAlert2 for navigating inside the pages and not focusing on calling element
Making SweetAlerts2 not to focus on the initiating element.
Hot discussions on Tabs vs. Spaces in Coding - Which person are you?
Trending discussion on Tabs vs. Spaces and how it affects your career.
Evolution of Drop Down Menus and Exiting Them
This has been a huge problem with drop down exit implementation strategy. This article explains a better way.
Enabling POST request for Ghost Blog
A quick way to solve the issue with Ghost, where it doesn't accept POST requests.
Headaches of UTF-8 BOM!
This article explains my struggle on how I encountered a dreadful UTF-8 BOM and how I overcame it!
Science behind Fixed-Fluid Layouts
The science behind the Fixed-Fluid Layouts and how to tackle them in CSS using Positions.
Any values of 0 or 1 from REST API, when type-casted to boolean returns true.
You can never trust the automatic type conversion in JavaScript when it has more than two data types.
