web-components Archives | C4codes

Web Components forever?

October 26, 2023 Tagged accessibility, browser-support, cross-platform-development, CSS, developers, forever, HTML, interactive-experiences, javascript, mobile-development, Open Source, programmers, progressive-web-apps, UI, UX, Web Design, Web Development, web-components

#660 — October 26, 2023 Read on the Web JavaScript Weekly Transformers.js 2.7: ML for the Web, Now with Text-to-Speech — Transformers.js provides access to machine learning models directly...

htmx in 100 seconds

July 13, 2023 Tagged agile development, cascading style sheets, declarative UI structure, flexible architecture, horizontal flow, htmx, Hypertext Markup Extensions, JavaScript libraries, layered design, lightweight UI framework, open standards, programmable API, progressive enhancements, rapid development, real-time applications, User Experience, web applications., web-components

#647 — July 13, 2023 Read on the Web JavaScript Weekly Driver.js: Create On-Page Tours, Highlights, and Contextual Help — A no-dependency, vanilla JavaScript library for putting together page...

A simple Vue 3 component for using Lottie animations in Vue 3

February 11, 2022 Tagged Adobe Illustrator, After Effects, Animation, Animation Elements, art, Creative Design, Creative Technology., Design, Digital Art, Interactive, Lottie, Motion Graphics, Sketch, Solutions, UX Design, Vue 3., Web Development, web-components

Vue 3 Lottie vue3-lottie was created to help developers add Lottie animations to their Vue 3 applications. In my search for a simple way to add Lottie animations to...

A fully customisable Vue version of the material-ui datepicker

December 3, 2021 Tagged Calender, Component, Cross-browser, customisable, datepicker, Dynamic, Formatting, Front End, javascript, lightweight, Material Design, Material-UI, Modular, Open Source, Picker, plugin, responsive, styling, User Interface, UX, vue, web-components

vue-material-datepicker This datepicker is a fully customisable Vue(v2.1.6) version of the material-ui datepicker that fit all your projects. See below to discover all customisable components. ee below to discover...

Vue components built for Vue3 powered by Windi CSS or tailwindcss

November 21, 2021 Tagged css framework, Customizable, Design System, Frontend Development, Graphical User Interface, Javascript library, mobile-friendly, Open Source, Responsive Design, Reusable Components, styling, Tailwindcss, UI Library, User Experience, User Interface, vue3, web-components, Windi CSS

Vue components built for Vue3 powered by Windi CSS or tailwindcss 🚀 Features 🌔 All components and classes include dark-mode support 🔌 Programmatic toasts $toast.show(‘this is a test’); $toast.show({...

PatternFly 4 ui components for Vue 3

September 12, 2021 Tagged Animation, Code Library, Components, Design, Development, Framework, Front End, HTML/CSS, interface, javascript, PatternFly, Reactivity, styling, UI, User Experience, visuals, vue, Web Development, web-components

Vue PatternFly PatternFly 4 components for Vue 3. View Demo View Github The components are mostly a straight-forward port of the [PatternFly 4 components][link-patternfly4] to Vue 3 with some...

A Wails template based on Vue and Vue-Router

September 9, 2021 Tagged App Architecture, Component System, Data Manipulation, Frontend Framework, HTML/CSS, javascript, Mobile Optimization, Property Binding, Reactive Library, Responsive Design, Routing Library, Single Page App, Template, UI Development, vue, Vue Router, Web App, web-components

wails-template-vue The wails-template-vue template is a Vue template that supports Wails programs and provides Router and i18n functions by default. Official Website Background I hope that Vue and its...

How to build a Web Components app with Redux!

Lucy Jameson July 8, 2021 Tagged App, Architecture, Build, Coding, Components, CSS, Development, Framework, Front End, functional, HTML, javascript, project, Redux, structure, User Interfaces, Web Development, web-components

The flux pattern has proved useful for more complex applications. The Redux npm package has been used extensively in React applications for years but can also be used in...