Tailwind V/S Bootstrap Tailwind CSS and Bootstrap are popular front-end frameworks used to build responsive and visually appealing web applications. However, they have... Total views: 593 times Posted on August 1, 2023April 9, 2024 by ayush
[Solved] – How to make AOS not working with Slick slider? Question 1: I am using AOS to show html elements on scroll. It works well alone, but when I use... Total views: 730 times Posted on June 28, 2023June 28, 2023 by ayush
[SOLVED] – Tailwind.config.js purge option doesn’t recognise PHP files and causes infinite recompiling Add this code in Tailwind.config.js purge: [ '**/*.php', '*.php', ], Total views: 680 times Posted on June 21, 2023June 21, 2023 by ayush
Show active parent with matching submenu when page is loaded jQuery $(document).ready(function() { $(".nav li [href]").each(function() { if (this.href == window.location.href) { $(this).css("background", "red"); $(this).addClass("hover"); $(this).parent().find('ul.sub').css("left","0"); } }); }); more Total views: 789 times Posted on March 27, 2023April 8, 2023 by ayush
Footer stay at bottom ‘CSS’ CSS to keep the footer of an HTML page at the bottom of the page with a minimal height and... Total views: 709 times Posted on April 2, 2022April 27, 2022 by ayush
How to hide a mobile browser’s address bar? Total views: 583 times Posted on February 22, 2022 by ayush
How to partition input fields to appear as separate input fields on screen? I know this question is old. I stumbled upon this when I was trying to achieve the same for my... Total views: 727 times Posted on December 14, 2021 by ayush
Multiple Swiper/Slick Slider with Count In this article, you will learn how to add count total and current slide on each slider where you have... Total views: 1243 times Posted on November 26, 2021November 26, 2021 by ayush
Android device debugging through remote access Step 1: Find your Android smartphone. The workflow shown below is suitable for the majority of users. Check out Troubleshooting:... Total views: 942 times Posted on June 14, 2021June 14, 2021 by ayush
Selected TEXT share in Social ( Facebook, Twitter, Email) Selection Sharer is a mobile-friendly social share plugin that shows a floating popover that allows highlighted/selected text to be shared... Total views: 913 times Posted on December 26, 2019July 20, 2023 by ayush
Scrolling Container With Bounds HTMLScroll Down Keep Going! You Made It! CSSbody{ border:0; font-family:arial; font-size:50px; line-height:500px; margin:0 auto; padding:0; text-align:center; width:960px; } #header{ background:#faa;... Total views: 740 times Posted on March 6, 2019May 4, 2023 by ayush
Float Labels with CSS You've probably seen this pattern going around. It's an input that appears as if it has placeholder text in it,... Total views: 587 times Posted on March 5, 2019May 4, 2023 by ayush
Orientation Lock @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { html { transform-origin: left top; transform: rotate(-90deg); top:... Total views: 631 times Posted on March 4, 2019May 4, 2023 by ayush
How to setup output path to compiled css files using `vscode live sass compiler extension` in windows10? Problem? 2 I failed to run node-sass(node module), where I was able to setup path for input extensions.scssfiles and output files generated... Total views: 1046 times Posted on February 26, 2019September 13, 2019 by ayush
File Upload Input <script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <div class="file-upload"> <button class="file-upload-btn" type="button" onclick="$('.file-upload-input').trigger( 'click' )">Add Image</button> <div class="image-upload-wrap"> <input class="file-upload-input" type='file' onchange="readURL(this);" accept="image/*" />... Total views: 874 times Posted on February 9, 2019May 4, 2023 by ayush
kenBurns CSS Effects @-webkit-keyframes kenBurns { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .[wrapper for image]{ overflow: hidden; backface-visibility:... Total views: 602 times Posted on May 9, 2018May 4, 2023 by ayush