Scroll Hijacking, as it is commonly referred to by designers and developers is when you’re at a site, and you attempt to scroll and the site decides it knows better and hinders your scrolling to “prettify” your experience. Now personally, this frustrates the living hell out of me. I have a mouse that has a …
SOAP – Simple Object Access Protocol – is probably the better known of the two models. SOAP relies heavily on XML, and together with schemas, defines a very strongly typed messaging framework. Every operation the service provides is explicitly defined, along with the XML structure of the request and response for that operation. Each input …
On the frontend design, we can implement the animation effect on scrolling using the following library. https://github.com/michalsnik/aos Currently most of the premium Shopify themes are embedding this library by default to use their awesome animation functionality. We can use this library to implement the scrolling effect on our any frontend projects.
Hammer is a open-source library that can recognize gestures made by touch, mouse and pointerEvents. It doesn’t have any dependencies, and it’s small, only 7.34 kB minified + gzipped! Minified code (v2.0.8) Uncompressed code (v2.0.8) Changelog Browse the source on GitHub What’s new in 2.0?It’s completely rewritten, with reusable gesture recognizers, and improved support for the …
Spark is designed with only one goal in mind, to make scaffolding out a billing system for a SaaS app easy. If you’ve ever built out team management and a billing system then you already know how time-consuming and painful this process. Spark already integrated those functionalities and makes it easy to develop system.You can …
Instead of separating HTML and CSS, we can embed all CSS styles into HTML. especially in React components. The advantage of Styled component is that we can use variables inside CSS styles without any limitation. This feature is very useful when implementing mobile responsive. https://www.styled-components.com/docs/basics
Autosizer is a React component which is convenient to use when implementing mobile responsive. We can wrap any component using Autosizer, and Autosizer propagates width and height of the component to it’s child components. Child components can use this width and height to implement responsive. Autosizer is especially useful when used together with Styled Components. …
Windows uses .ico format and MacOS uses .icns format for icon files. There are several online converters to convert images to icon format. Many converters don’t work properly when converting to .icns and here is a powerful converte https://iconverticons.com/online/
Nowadays SinglePageApplication is everywhere, providing great performance and user experience. But what about SEO / Will search engine bots be able to see SPAs correctly? Along time ago, when computers are not powerful enough, most search engine bots were just checking HTML static pages.But nowadays, bots got much cleaver and powerful. Google bot surely supports …
When you develop your web applications, you will have situation to test 3rd party API integration in the local development environment. The tricky problem here is most of 3rd party APIs are callback based. In a word, most of 3rd party APIs send data/status as callbacks/webhook to original client. However when you wants to test …