Shapes Smart Scroll Animations
Shapes Smart Scroll Animations is a micro-tool designed for developers and designers who need clean entrance animations without external libraries. This plugin uses a Smart Grid Delay logic to detect your layout structure and animate elements naturally, whether they are in a multi-column desktop grid or a single-column mobile view. How does it work? Here is a deep dive into the technical advantages of Shapes Smart Scroll Animations plugin: 1. Smart Grid Delay logic The core of this plugin is the calculateColumnsInGroup algorithm. Instead of forcing you to write complex media queries for animation delays, the plugin: Dynamically checks the physical position (offsetTop) of elements. Detects when a new row begins. Resets the delay counter for every new row. Result: Animations look professional and perfectly staggered on any screen size automatically. 2. Performance (Vanilla JS) Zero Dependencies: No jQuery, no GSAP, no heavy frameworks. The script is ultra-lightweight. IntersectionObserver API: I use the modern browser API to detect scrolling, which is much more efficient than listening to the scroll event. GPU Acceleration: CSS properties use will-change to inform the browser ahead of time, offloading rendering to the GPU for smooth animations. 3. Accessibility first This plugin automatically respects the user’s operating system preferences. Reduced Motion Support: If a visitor has “Reduce Motion” enabled in their system (Windows, macOS, iOS, Android), the plugin automatically disables all entrance animations to prevent motion sickness. Inclusive Design: Your site remains compliant with modern web standards without extra work. 4. Developer friendly No-JS Fallback: If JavaScript fails or is disabled, elements remain fully visible (opacity: 1). Your content is safe. CSS Variables: I moved hardcoded values to CSS Custom Properties (:root). You can globally change animation duration, easing, or distance directly in your theme’s CSS without editing plugin files. Simple Class System: Just add .shps-animated and an effect class. Available effects Slide Up: .shps-slide-up (Classic elegant entrance) Zoom Out: .shps-zoom-out (Modern scaling effect) Slide Right: .shps-slide-right Slide Left: .shps-slide-left How to use? Single Element: Add shps-animated shps-slide-up to any HTML element or Block. Grid/Group: Wrap elements in a container with class shps-group to enable the Smart Grid Delay. Example HTML: Card 1 Card 2 Card 3 Manual delays & overrides You have two ways to control delays manually if you want to highlight specific items. Method 1: Helper Classes (Recommended for static HTML) Use these classes to set a fixed delay. The plugin will detect them and skip the automatic calculation for that specific element. .shps-delay-100 (0.1s) … to .shps-delay-1000 (1.0s). Numeric values in increments of 100. Method 2: CSS Overrides (Recommended for dynamic loops) If you are generating lists via PHP (e.g., WordPress Loop) and cannot add specific classes to individual items, use CSS with !important to override the inline styles applied by the plugin. /* Example: Force 3rd item to wait 1 second */ .shps-group .shps-animated:nth-child(3) { transition-delay: 1.0s !important; } Security & privacy This plugin is designed to be safe and lightweight: 100% GDPR Compliant: No external calls, no tracking, no cookies, and no IP collection. Zero Dependencies: Written in pure Vanilla JS. No jQuery or external libraries that could cause conflicts. Database Free: The plugin does not perform any database queries (SQL), ensuring zero risk of injection attacks. Self-Contained: All assets are loaded locally. No reliance on external CDNs.
Top keywords
- animations6×1.09%
- css6×1.09%
- delay5×0.91%
- grid5×0.91%
- smart5×0.91%
- elements4×0.73%
- external4×0.73%
- add3×0.55%
- automatically3×0.55%
- card3×0.55%
- class3×0.55%
- classes3×0.55%
WP Site Checker – Speed, Security & QA Monitoring
Welcome! And say hello to WP Site Checker, every web developer’s one-stop toolbox for all your testing and building needs. Tired of having to install a plethora of different plugins for your wordpress website audits, overfilling your QA Team’s plates for basic website health monitoring? Well look no further! WP Site Checker, a tool made by our team, for developers, agencies, SEO professionals, and website owners alike, has all the tools you need to not only help you speed through development in the initial stages, but keep up maintenance and site pace like it is nobody’s business; Key Features Website Performance Monitoring: You can utilize WordPress Site Checker’s top-of-the line wordpress performance monitoring plugins to quarter the time it takes to monitor your website, as the menagerie of tools at your disposal and the ease of switching from one to another offers unparalleled convenience at your fingertips; You can monitor your website page performance using the Site Health tool, which gives you a fleshed-out report of your website’s accessibility, the recorded ping rate, and more, Developers can also keep an eye on the website’s speed by tracking slow loading pages and detecting elements of those pages that are causing bottle-necks with the Page Speed tool, Monitor your Core Web Vitals health through WordPress Core Update Status and keep it that way by making sure all your plugins are up to date with the Plugin Update, ( Available in Premium ) Developers and QA Teams can also utilize the Theme Updates feature to check what WordPress themes your website is using, and what their current statuses and versions are. An outdated WP Theme could lead to issues with the website, and is thus also a very useful tool for wordpress performance monitoring, SEO and QoL Tools At Your Fingertips: WordPress Site Checker also comes ready to go with certain tools that are meant solely to affect the quality of your site in the eyes of website visitors, and edit your SEO quickly and efficiently all from one place. These tools are meant specifically for editing text and media, and making it easier for viewers to find and navigate your site; The two most basic features that affect and report on the content on your website in WP Site Checker are the Headings Checker and the Spelling and Grammar Check; The Headings Checker scans your website and identifies which text is properly labelled as a form of “Heading”, this especially affects what search engine crawlers identify and display when someone looks up your wordpress website or a tangential topic, ( Available in Premium ) The Spelling and Grammar Check utilizes an in-built dictionary and rule-set to identify spelling and grammatical issues across your website so you can find and fix them with ease, ( Available in Premium ) There is also a Word Search feature that is especially useful for bloggers and SEO Professionals to find where certain words have been used, how many times, and whether that lines up with their expectations to meet SEO requirements while avoiding over-use that may annoy and turn away website visitors, ( Available in Premium ) The Youtube Suggested feature is a particularly useful QoL feature that allows you to toggle between channel-based and genre-based Youtube suggestions if you host youtube videos on your website and want viewers to get suggestions to other videos from your channel, Security Audits: WordPress Site Checker also comes with a menagerie of wordpress security monitoring functions, meant to make scans for common security issues on your WP site easier than ever before. Functions like; The SSL Rating and Security Plugin Check features can be actively toggled so that you as a website owner can always monitor your wordpress website for security vulnerabilities and identify potential risks and vulnerabilities before they get out of hand, By utilizing features like Check Password Strength and Check User’s ID and Admin URL you can make sure your website’s administration accounts are secure, Using these features in tandem with the Check HTTP to HTTPS and SSL Rating features which confirm whether your site is redirecting securely from HTTP to HTTPS and checks your websites SSL certificate and grades it, performing security-based wordpress website audits has never been easier, a tremendous time-saver for developers managing multiple sites, Broken Link Detection: Using WordPress Site Checker you can also improve your website’s overall QoL and accessibility by making use of its in-built broken link checker and dealing with non-functioning links and media swiftly and efficiently; The plugin comes equipped with External and Internal Links and Broken Links functions that scan your website’s pages and automatically identifies and provides reports of broken internal and external links, ( Available in Premium ) You can also utilize the 404 Page feature to identify whether the link redirection to your site’s 404 page is functioning properly, ( Available in Premium ) Utilizing both of these features together will drastically improve user experience and bump-up your wordpress website’s SEO rating, meaning users find your site faster and tend to stick around longer! Accessibility Checks: Depending on the kind of website you have, you would want a website monitoring plugin that judges and changes your website’s accessibility accordingly. WordPress Site Checker has got your back there too; The aptly named Accessibility Report is an accessibility checker function generates a report of your site to help for you to go through which, gives you a clearer look at just how accessible your website is to new visitors, You can also utilize this report to confirm your level of compliance with the WCAG in accordance to the kind of website you have and the level of accessibility you want on it. The utilization of WP Site Checker features like WP Reading also makes it easier for search engines to index your website since it allows website owners to toggle whether search engine crawlers can index certain parts of your website. Useful for limiting access and visibility to parts of the site that are currently being edited or under construction, Responsiveness and Orientation Checking: As website owners and agencies in the modern day, you’ll want to make sure that your wordpress website is in peak condition across every screen orientation and device type. Which is why WordPress Site Checker provides you the tools you need to do so across a wide range all at once; With the use of the Responsive Website Checker developers and QA Teams can preview the website over a series of multiple devices and screen sizes, ( Available in Premium ) Thanks to its ability to monitor up to 5 screens at the same time your wordpress maintenance provider’s website health monitoring practices become five times as efficient too, ( Available in Premium ) Automated QA Monitoring: WordPress Site Checker also provides an “automation” feature for the multitude of features and checks it offers, allowing you to create a pre-set schedule of checks depending on; The kinds of features you want to utilize, ( Available in Premium ) The frequency at which you want these checks done, ( Available in Premium ) And where you want the automated report sent to, ( Available in Premium ) This feature essentially allows you to keep up a continuous process of website quality monitoring and detect technical website issues as soon as they pop up. With the proper utilization of the automation feature you get to monitor your website health overtime in detail and get multiple insights on how best to improve the quality, and traction of your WordPress Website. Centralized Dashboard: The crown jewel of WordPress Site Checker is its centralized dashboard. Here you’ll be able to view all the website audits you’ve performed in one place, and be able to go through them at your leisure and compare the easy-to-understand reports to one another to garner new insights. The dashboard also provides you with a series of actionable recommendations about the next steps to take to maintain your WordPress website’s health and efficiency, so you can go from one to the next, solving problems as they pop up in order of how urgent they are. Which gives QA Teams and developers simplified website maintenance workflow to work with. Documentation You can find detailed usage instructions, setup steps, and feature documentation at: Site Checker Documentation Site Checker 360 Have a custom website that doesn’t use WordPress? Check out Site Checker 360, our online tool built for agencies, QA teams, SEO professionals, and website maintenance providers. Use it to perform in-depth website audits and get detailed performance reports. Simply plug your link in and get a personalized report for your custom website. External Services This plugin connects to the following third-party services: Google PageSpeed Insights API Purpose: Used to analyze website performance metrics and provide optimization suggestions. Data Sent: The URL of the page being tested. When Sent: When you run a site speed test from within the plugin dashboard. Service Provider: Google LLC Terms of Service: Google Terms of Service Privacy Policy: Google Privacy Policy Qualys SSL Labs API Purpose: Used to analyze the SSL/TLS configuration of your website and provide a security grade. Data Sent: Your website’s domain name. When Sent: When you check your SSL rating from within the plugin dashboard. Service Provider: Qualys, Inc. Terms of Service: Qualys Terms of Service Privacy Policy: Qualys Privacy Policy Source Code This plugin includes minified JavaScript files for download pdf reports. The non-minified source code for these files is available as follows: pdfobject.min.js The non-minified source code for PDFObject is available at PDFObject on GitHub jspdf.min.js The non-minified source code for jsPDF is available at jsPDF on GitHub html2canvas.min.js The non-minified source code for html2canvas is available at html2canvas on GitHub What’s Next? Looking for a Powerful WordPress Registration Plugin? If you’re managing user registrations or membership websites, check out Pie Register — our powerful WordPress registration plugin trusted by thousands of websites. Create custom registration forms, manage user roles, enable social login, integrate payment gateways, and streamline your user onboarding with an intuitive drag-and-drop builder. Learn more: Create User Registration forms with WordPress Registration Plugin Pie Forms: Pie Forms is your custom Drag and Drop Form Builder with a user-friendly interface, built-in ready-to-use templates, and various Form Field options to Create Advanced Forms without a single line of code. Apart from simple registration, it lets you create all forms, including contact forms, surveys, job applications, appointments, etc. PB addons for WPBakery: Build your website with premium quality Web and WooCommerce elements for WPBakery Page Builder.