Style Archives | C4codes

Comparing test assertion styles in JavaScript

October 5, 2023 Tagged Agile, Assertions, BDD (Behavior Driven Development), Coding, Comparisons, Debugging, ETL Testing, javascript, Programming, Quality Assurance, Regression Tests, Responsive Design, Style, TDD (Test Driven Development), Test Automation, Tests, Unit Tests, Web Development

#657 — October 5, 2023 Read on the Web JavaScript Weekly An Interactive Intro to CRDTs — Conflict-free replicated data types (the so-called CRDTs) provide a popular approach to...

Javascript React

Light Blue Vue & Sing App Vue Templates Update

May 5, 2023 Tagged App, Build, Code, create, Design, Development, interface, Light Blue, modern, sing, Style, Technology, Templates, Update, user, vue, web, Website

We are happy to announce updated versions of Light Blue Vue and Sing App Vue templates. What has changed? We made several minor changes that make these admin dashboard...

Bookmark.style: Turn any link into a stylish visual web bookmark

April 30, 2022 Tagged Attractive, bookmark, captivating, colorful, Creative, Guide, Interesting, link, modern, stunning, Style, Stylish, trendy, unique, visual, web

bookmark.style 🪄 Turn any link into a stylish visual web bookmark, one-click to copy the beautiful web bookmark image. Concepts This web app is built on top of metafy,...

Resize Textarea: A simple textarea resize for Vue3

April 12, 2022 Tagged Automatically, Control, Dimensions, Enhance, Expand, Field, Form, input, Layout, maximize, Minimize, Optimize, Resize, Shrink, simple, Style, Textarea, vue3

Resize Textarea A simple resize textarea for Vue3. Inspired from vue-textarea-autosize (Works with Vue2) Installation Install the package using npm npm install resize-textarea Documentation Create a new Vue instance...

Import types in Vue SFC for defineProps

November 24, 2021 Tagged Components, computed., custom, Data, default, Editor, Events., Methods, Prop, ref, Required, script, Slots, Style, Template, type, validate, watcher

vite-plugin-vue-type-imports Enables you to import types and use them in your defineProps and defineEmits ⚠️ This Plugin is still in Development and there may be bugs. Use at your...

A simple vue-range slider, that supports custom values, labels and more

November 21, 2021 Tagged Accessible., Adaptive, Animation, Compatibility, CSS, custom values, Data Visualization, Design, HTML, interactivity, interface, javascript, labels, library, range slider, responsive, Style, Touch Support, user input, vuejs, Web Development

vue-custom-range-slider This is a simple vue-range slider, that supports custom values, labels and more. The component is based on use with v-model, the value is always a string, for...

Vue project to simulate M-league style stats linechart

November 9, 2021 Tagged application, Chart, Creative, Data, Design, Developer, display, graph, interface, javascript, Linechart, M-league, project, Simulation, Stats, Style, User Experience, Visualization, vue, Web Development

m-league-linechart Vue project to simulate M-league style stats line chart Overview This project is a single page web application to simulate M-league1 style line chart results. Usage If you...

A Vue style teleport for Alpine.js

Lucy Jameson August 26, 2021 Tagged Alpine.js, application design, automated processes, Code Optimization, Coding Best Practices, Components, Frameworks, Front End, javascript, Mobile Responsive, Performance, Security Practices., Style, Teleport, Unit Testing, User Experience, UX Design, vue, Web Development

Alpine teleport A Vue style teleport for Alpine.js Alpine teleport is an attempt to add a Vue style teleport functionality to Alpine.js. The primary motivation behind the plugin is...

How to format numbers

Lucy Jameson July 8, 2021 Tagged alignment, Characters, codes, Commas, Currency, Decimals, decimals points, denominations, Formatting, fractions, measures, monetary, notation, percentages, signatures, Style, symbols, Syntax, Table

The native Intl.NumberFormat API lets you format numbers for specific languages without any external dependencies. The internationalization API in browsers has improved a lot in the last few years....