accessibility Archives

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...

Javascript React

Evolution of Web Design for E-commerce in 2023

April 10, 2023 Tagged accessibility, AI-integration, branding, Cloud Computing, commerce, content writing, Customer service, cybersecurity, Data Analysis, E-commerce, interactive elements, marketing, mobile commerce, online shopping, payment methods, Responsive Design, Security, UI Design, User Experience, UX Design, virtual assistants, visual-design, Web Design, Web Technologies

Imagine having a website that not only looks stunning but also functions seamlessly. That’s what web design is all about – creating a perfect blend of visual appeal, functionality,...

Javascript

What UI is best for React?

Lucy Jameson January 21, 2023 Tagged accessibility, Data Flow, DOM Optimisation, Dynamic Rendering, Flexbox Layout, Grid Systems, Modularise Components, Multi-Device Development, Organised Component Tree, Platform-Specific Design, React Hooks, react native ui, Responsive UI Design, State Management, Styling with CSS, Third-Party Libraries, User Interface Components, Virtual DOM

What UI is Best for React? React is a powerful and popular JavaScript library used to create user interfaces (UI). With its component-based approach, React allows developers to create...

Javascript Vue

Vue2 and Vue3 directive for keyboard navigation – roving movement and trapping inside container

April 21, 2022 Tagged #Directive, #frontend, #InclusiveDesign, #InputManagement, #Interaction, #KeyboardInterface, #KeyboardNavigation, #RovingMovement, #ScreenReader, #webdevelopment, accessibility, accessibility standards, click events, Components, container, Control, document flow, element focus, focus, javascript, keyboard navigation, list items, navigation order, order flow, roving movement, tabindex, trapping, User Experience, vue2, vue3

VueKeyboardTrap (vue-keyboard-trap) Project description Vue directive for keyboard navigation – roving movement and trapping inside container. Works both for Vue3 and Vue2. Demo codepen Docs and examples Source code,...

Javascript Vue

Vue 3 component to insert Font Awesome 6 icons

April 18, 2022 Tagged accessibility, Component, css classes, fa 6, font-awesome, fonts, graphical-elements, icons, insert, integrating functions, javascript, optimizing performance, scalable graphics, style customizations, svg images, vector images, Vue 3., website design

fa6-icon Vue 3 component to insert Font Awesome 6 icons. USE OFFICIAL COMPONENT: Font Awesome 6 has a complete implementation of the Vue 3 component now that it is...

Javascript Vue

A Hotel WebSite frontend developed with Vue, Vuetify, and Vuelidate

April 15, 2022 Tagged #frontend, accessibility, Components, Cross-Platform, Customization, Design, Development, Hotel, interface, Optimized, Performance, responsive, User Experience, User-Friendly, vue, Vuelidate, Vuetify, Website

Hotel Site Project Details A hotel site frontend developed with Vue, Vuetify, and Vuelidate. Users can reserve a hotel after selecting check-in and check-out times with guest count. Also,...

Javascript Vue

Nuxt 3 starter for Directus with Tailwind CSS and lots of other goodies

April 3, 2022 Tagged accessibility, API, Content Management System, Directus, Documentation, Frontend Development, Github Repository, GraphQL, javascript, Nuxt, Project Boilerplate, Starter, tailwind css, Tutorials, UI/UX Framework, vue js, Web Development

Nuxt 3 / Directus Starter ⚠️ WORK IN PROGRESS – DO NOT USE ⚠️ Opiniated starter template for Nuxt 3 using Directus 9 as a backend View The Demo...

Javascript React

Bootstrap vs. Material-UI. Which One to Use for the Next Web App?

March 31, 2022 Tagged #frontend, accessibility, bootstrap, Compatibility, Design, Development, Feature-rich, Functionality, Material-UI, Performance, Programming, Reliability, responsive, UI, Usability, UX, Web App

Bootstrap vs Material UI is an age-old dilemma every web developer has tried to solve at least once. Without a long introduction, we want to present a short table...

Javascript Vue

Supabase Ionic Vue User Management

March 28, 2022 Tagged #backend, #frontend, accessibility, App, Authentication, Cloud, create, CRUD, Database, Delete, Design, Development, interface, Ionic, Management, Read, secure, Security, Server, Tags: Supabase, Update, user, vue

Supabase Ionic Vue User Management This project is based on the Supabase Ionic Vue user management Quickstart To keep it in sync with this Quickstart, architecture choices have been...

Javascript Vue

Entertainment App Built With Vue.js and Tailwind CSS

March 24, 2022 Tagged accessibility, Automation Testing, Coding, cross-browser compatibility, CSS, Frontend Development, HTML, javascript, Mobile App, Responsive Design, tailwind css, User Interface, vue js, Web App, Web Design, Web Performance

Entertainment App Solution for a challenge from frontendmentor.io. Demo | Solution | Challenge Overview Introduce your projects by taking a screenshot or a gif. Try to tell visitors a...

C4codes

accessibility

Web Components forever?

What UI is best for React?

Vue 3 component to insert Font Awesome 6 icons

A Hotel WebSite frontend developed with Vue, Vuetify, and Vuelidate

Nuxt 3 starter for Directus with Tailwind CSS and lots of other goodies

Bootstrap vs. Material-UI. Which One to Use for the Next Web App?

Entertainment App Built With Vue.js and Tailwind CSS

Sources

Frameworks

Latest Posts

Pin It on Pinterest