Sometimes, you need to create an amazing responsive website, but there is less time to write custom CSS? There is nothing to worry about, we can simply use Bootstrap 5 to create an amazing responsive website without having to write more or any custom CSS. Below is the demo image of the project. As stated …
No Custom CSS required. Use Bootstrap 5 only to create this amazing responsive website Read More »
Did you know creating wonderful and smooth image hover zoom effect is this easy? Have a look into the demo here… HTML to create Image Hover Effect (index.html) The layout for this project is very simple. We have a series of images inside div with “image” class wrapped inside a “images-container” class. Also notice, we …
Let’s create an image slider with Argentina’s Victory Images in World Cup 2022 along with a glowing animated text congratulating Argentina. See a demo image below: Create an Image Slider Layout in HTML (index.html) Style the image slider and heading using CSS (styles.css) Create the script to make the slider work (script.js) Video Tutorial Subscribe …
Celebrate Argentina’s Win | Create an Image Slider of Victory Images Read More »
HTML dialog tag makes it easier to display a popup or modal. Check the sample dialog box below: Use HTML dialog tag Style the HTML dialog and backdrop Open and Close the HTML dialog using JavaScript Video Tutorial Video Tutorial will be added soon. Find other projects and tutorials at: https://youtube.com/@developeranil You may like: https://thinkshare.one/web-development/front-end/javascript/your-own-datatables/
Introduction DataTables plugin is one of the jQuery plugins that converts a normal looking table into a DataTable which provides a lot of features like limiting the data in the table, searching the data in the table, sorting the fields of the table and pagination if there are more pages. See the demo image below: …
Introduction There is no any need to use JavaScript based plugin for creating a pie-chart. CSS provides a conic-gradient() function that can be used as a background for any div and can generate a pie-chart structure with a little styling. See the demo image below: How to use? Basic Conic Gradient Similar to linear and …
Introduction Learn HTML and CSS for beginners by creating a fully responsive Flickr Clone Project. Below is the flickr clone project sample image: Layout in HTML (index.html) The layout for this project includes header, main and footer sections; header contains logo, search box, login and sign up buttons, main section contains a h1, a h3 …
Introduction Ever wondered if we could create a FAQ Accordion like Bootstrap using only HTML, CSS, JavaScript and jQuery on your own. The answer is YES. Sample Bootstrap Accordion: https://getbootstrap.com/docs/5.0/components/accordion/ Below is the accordion project sample image: FAQ Accordion Layout in HTML (index.html) The layout for this project contains a div with class “accordion” with …
Introduction We can convert radios and checkboxes into buttons by using HTML and CSS only. There is no need of JavaScript and the buttons will function the same as radio buttons and checkboxes. Below is the demo project image. Include Radios and Checkboxes in HTML (index.html) The HTML for this project is pretty simple. We …
Introduction The data sent from any form is sent to the server for processing and saved to the database. However, before sending the data for processing, it is necessary to have the data filled properly in correct format, known as client side validation. To validate data with error messages, JavaScript Form Validation techniques can be …
