JavaScript Archives - CodexWorld https://www.codexworld.com/snippets-category/javascript/ Web & Mobile App Development Company Fri, 17 May 2024 05:16:58 +0000 en-US hourly 1 https://www.codexworld.com/wp-content/uploads/2020/04/favicon.ico JavaScript Archives - CodexWorld https://www.codexworld.com/snippets-category/javascript/ 32 32 91409221 Drag and Drop Sortable List using HTML, CSS, and JavaScript https://www.codexworld.com/code-snippets/drag-and-drop-sortable-list-using-html-css-javascript/ https://www.codexworld.com/code-snippets/drag-and-drop-sortable-list-using-html-css-javascript/#respond Fri, 17 May 2024 05:16:58 +0000 https://www.codexworld.com/?post_type=code-snippets&p=5617 Drag and drop is an interactive feature for a sortable list where the user is allowed to reorder elements in a list by simply dragging and dropping them. If your web application has reordering functionality,

The post Drag and Drop Sortable List using HTML, CSS, and JavaScript appeared first on CodexWorld.

]]> https://www.codexworld.com/code-snippets/drag-and-drop-sortable-list-using-html-css-javascript/feed/ 0 5617 Page Scroll Progress Bar with CSS and JavaScript https://www.codexworld.com/code-snippets/page-scroll-progress-bar-with-css-javascript/ https://www.codexworld.com/code-snippets/page-scroll-progress-bar-with-css-javascript/#respond Fri, 10 Mar 2023 12:39:50 +0000 https://www.codexworld.com/?post_type=code-snippets&p=5285 Scroll Progress Bar is an indicator to show the position the user is on the page. The scroll indicator at the top of the page shows how far the page is scrolled. In terms of

The post Page Scroll Progress Bar with CSS and JavaScript appeared first on CodexWorld.

]]> https://www.codexworld.com/code-snippets/page-scroll-progress-bar-with-css-javascript/feed/ 0 5285 Slick Carousel with Slick Lightbox https://www.codexworld.com/code-snippets/slick-carousel-with-slick-lightbox/ https://www.codexworld.com/code-snippets/slick-carousel-with-slick-lightbox/#respond Fri, 03 Mar 2023 14:12:04 +0000 https://www.codexworld.com/?post_type=code-snippets&p=5273 Slick is a JavaScript library to create a carousel slider. The slick jQuery plugin helps to build an image carousel slider in HTML. The main advantage of the Slick carousel slider is to display multiple

The post Slick Carousel with Slick Lightbox appeared first on CodexWorld.

]]> https://www.codexworld.com/code-snippets/slick-carousel-with-slick-lightbox/feed/ 0 5273 Tabbed Content with CSS and JavaScript https://www.codexworld.com/code-snippets/tabbed-content-with-css-javascript/ https://www.codexworld.com/code-snippets/tabbed-content-with-css-javascript/#respond Mon, 09 Jan 2023 06:32:25 +0000 https://www.codexworld.com/?post_type=code-snippets&p=5214 Tabs are typically used to display the content of different subjects in the same section. Mainly two types of tabs are used in the web application, horizontal and vertical tabs. HTML tabs element can be

The post Tabbed Content with CSS and JavaScript appeared first on CodexWorld.

]]> https://www.codexworld.com/code-snippets/tabbed-content-with-css-javascript/feed/ 0 5214 Modal Popup with HTML, CSS, and jQuery https://www.codexworld.com/code-snippets/modal-popup-with-html-css-jquery/ https://www.codexworld.com/code-snippets/modal-popup-with-html-css-jquery/#respond Thu, 29 Dec 2022 12:40:01 +0000 https://www.codexworld.com/?post_type=code-snippets&p=5187 A modal is a dialog box or popup window that is displayed over the current page. The modal is used to display additional HTML components on the current page without changing/hiding the existing elements. The modal popup is displayed on top of the current page with the backdrop.

The post Modal Popup with HTML, CSS, and jQuery appeared first on CodexWorld.

]]> https://www.codexworld.com/code-snippets/modal-popup-with-html-css-jquery/feed/ 0 5187