output Archives | C4codes

Javascript Node

Let’s create some dependency graphs

August 8, 2023 Tagged Analyze, Components, connect, connected, connections, create, dependency, directed, edges, graphs, input, linkages, linked, nodes, output, relations, structure

#498 — August 8, 2023 Read on the Web ☀️ We’re taking two weeks off and will be back on Tuesday, August 29. It’s true, we’re taking a rare...

Javascript Node

Hands on with Node’s new built-in test runner

June 6, 2023 Tagged accuracy, automated, BDD, behavior, Built-in, Code, Components, Development, environment, expectations, node, output, Performance, Process, Runner, script, suite, TDD, test, Testing

#489 — June 6, 2023 Read on the Web qnm: A CLI Tool to Look Into node_modules — If you’ve been into a node_modules folder and been overwhelmed, this...

A small tool that makes you generate typescript interface from JSON or JS object

April 10, 2022 Tagged Code, Creation, Data, definition, Development, format, Generate, generator, interface, js, JSON, object, output, Programming, structure, types, Typescript, Typing

X2Interface This is a small tool for developers which can generate typescript interfaces definition from JSON or JS object. Features Cleaner UI with configurable options Support both JS and...

A simple calculator created for the subject IDATT2105, made in Vue

January 30, 2022 Tagged Arithmetic, Calculation, Calculator, Computation, create, Design, display, elements, functions, IDATT2105, input, interface, Monitor, Operations, output, program, simple, subject, user, vue

Calculator A very basic calculator made in Vue Check it out at: Calculator Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build...

Use Vue 3’s Fragment feature in Vue 2 to return multiple root elements

September 14, 2021 Tagged Abstract Components, assembling, code organization, Compatability, Components, Customization, DOM structure, Effective, Efficiency, elements, existing, feature, fragment, HTML Syntax., multiple, Multiple Roots, multiple-root, output, Performance, plus, render, Rendering, Return Multiple, Returning Elements, root, Root Elements, Single File Components, Tree, Utilize, Virtual DOM, Vue 2, vue2, way

vue-frag Use Vue 3’s Fragment feature in Vue 2 to return multiple root elements <template> <div v-frag> ⬅ This root element is unwrapped and removed on render! <li>Element 1</li>...

A Simple string format plugin for vue-formly

August 31, 2021 Tagged app development, attributes, command, Component, Customizable, Customization, Development, element, Formly, Generation, input, library, Manipulation, output, plugin, Programing, result, simple, String Conversion, Task, Text Processing, Variable, vue, vue js, Writing

string-format-plugin Simple string format plugin for vue-formily. View Demo View Github Installation CDN You can use string-format plugin with a script tag and a CDN, import the library like...

A fast and simple component screenshot tool based on Vite

August 30, 2021 Tagged assistance, Automation, Capture, Component, Compose, Customization, Design, Development, Digital, Efficiency, Fast, Generate, Graphics, Illustrate, Image, Integration., Maintenance, Optimization, output, Performance, Quality, record, save, Screenshot, simple, Tool, Usability, Visualization, Vite

Viteshot Web development is a predominantly visual endeavour. Aside from being functional, a website has to look right. Testing has become a must-have, especially in teams of developers. While...

Escaping your CSS selectors in the easiest way possible

Lucy Jameson July 8, 2021 Tagged attribute, Characters, Classes, Code, CSS, elements, escape, escaping, HTML, language, output, Selectors, string, styling, Syntax, web, webpage, webpage styling

When working a lot on dynamic Web Component apps I have often stumbled on cases where the element properties will be defined by the end-users. To prevent errors when...