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: 570 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: 696 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: 649 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: 737 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: 678 times Posted on April 2, 2022April 27, 2022 by ayush
How to hide a mobile browser’s address bar? Total views: 562 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: 695 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: 1151 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: 885 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: 856 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: 705 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: 564 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: 603 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: 987 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: 829 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: 572 times Posted on May 9, 2018May 4, 2023 by ayush