Search Results for "javascript slide"

A lightweight, customizable carousel library for smooth, touch-friendly interactions.

Using JavaScript to animate an element open and closed hasn't traditionally been a straightforward task, especially if it contains dynamically sized content. You could go with something like jQuery's slideToggle(), but that path would require you to take on a lot more code than necessary. Another option is using CSS to change the max-height value of an element, but this approach is filled with arbitrariness and difficult to pull off well when you're not sure how much content you'll be...

Introduction to Vue.js 3 Course houses the workshop materials for an “Introduction to Vue.js” course created by Sarah Drasner, originally delivered on Frontend Masters. The content covers essential Vue.js concepts such as directives, data rendering, methods, watchers, computed properties, components, slots, and the Composition API (for Vue 3), complemented with example code and exercises. Since the course was updated for Vue 3, the repo includes directories for both Vue 2 and Vue 3...

A highly accessible, WCAG 2.0 / 2.1 compliant, drop-in replacement for Slick Slider (1.8.1) crafted and tested by expert users and professional accessibility consultants, intended to make life easier for real-world dev teams who need to pass accessibility audits.

Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation...

...Each project is described with background, a showcase or story of need, and step-by-step implementation suggestions: from building a GIS system with Django+Haystack, to an editing-publishing separated blogging system, to an Ionic/Electron hybrid application, to building a JavaScript slide framework. The aim is to give developers concrete, creative, and tricky exercise ideas rather than generic “todo app” templates, helping them build their portfolio, sharpen skills, and explore architectures. The repository emphasizes “growth engineering”, building systems, not just UI, that require thinking about data flows, tooling, deployment, and scaling. ...

Experience is a set of non-traditional GUI gadgets written in JavaScript with focus on usability and support for i18n. It includes an image viewer component and a weighted list generator. A slide show with different modes will soon join the library.