Learn the latest tech skills
Switching CSS classes or properties based on screen size can be achieved using JavaScript as shown below. But handling such things with JavaScript window resize event is not as efficient to achieve it with CSS. Using Tailwind For example, if we want to create a feature where the child menu opens on mouseenter event and
In this blog, we will learn about how to add local fonts in TailwindCSS.There are several reasons why you should include fonts locally. Watch this video to know more. Step 1: Download the Fonts Locally Use Google Fonts Helper Place the fonts into the fonts directory. Step 2: Copy the fonts code into fonts.scss Step 3: Add the
In this blog, we will learn about how to create a load more posts feature for a single post page in WordPress. Create a nonce and pass it to the JavaScript file, so it can be verified. We will create a function that renders the template with load more button. Create a function that verifies
If we already have a PhpMyAdmin workbench, we can not only connect PHP but also Python to a MySql Database. In this blog, we are going to use the following tools and packages. PyCharm — A Python IDE MAMP — A local development environment. ( You can also use XAMP ) PhpMyAdmin — MySQL Workbench. Pymysql module — A
In this blog, we will learn how to advance to a particular slide using slick carousel’s slickGoTo method. Step 1: Get the carousel Element and all the slide items. Step 2: Now get the current Slide. Step 3: Now using the currentSlideIndex move the carousel item position to the current index. Please note that this will always keep the