visual-design Archives | C4codes

Javascript Node

Does Node need a mascot of its own?

September 19, 2023 Tagged crafting-mascot, creating-mascot, mascot, mascot-appeal, mascot-characteristics, mascot-culture, mascot-design, mascot-development, mascot-emotion, mascot-history, mascot-identity, mascot-popularity, mascot-story, mascot-sustainability, node, virtual-mascot, virtual-representation, visual-design

#502 — September 19, 2023 Read on the Web Does Node.js Need a Mascot? — Go has its cute gopher, Deno has a dinosaur, Bun has, well.. a bun,...

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

Is React UI or UX?

Lucy Jameson January 21, 2023 Tagged Components, elements, Frameworks, Front End, Graphical User Interface, Interaction Design, javascript, Libraries, Mobile Design, react, Responsive Design, styling, UI Design, User Experience, User Interface, UX Design, visual-design, Web Development

Is React a UI or UX? Have you ever wondered if React, a popular JavaScript library for building user interfaces, is a UI or UX? Is React a user...

A React-Photo-Collage But For Vue.js

December 16, 2021 Tagged artistry, collage, Component, composition, Framework, Grid, Images, javascript, Layout, media, photo, Photo Editing, react, structure, UI Design, User Interface, visual-design, vuejs, Web Development

Vue Photo Collage A Vue.js@2 version of react-photo-collage View Demo View Github CodeSandbox Installation npm i vue-photo-collage Usage <template> <div> <photo-collage-wrapper gapSize=“6px“ @itemClick=“itemClickHandler“ v-bind=“collage“> </photo-collage-wrapper> </div> </template> <script> import...

Material Design Svg Icons for Vue.js

November 24, 2021 Tagged Animation, branding, Color Palettes, custom icons, elements, Front End Development, graphic design, Graphics, Icon Design, icon packs, icons, illustration, Interactive, interface, logo, Logo Design, Material Design, Styled Components, styling, svg, Typography, UI, UI Design, User Experience, UX, vector artwork, vector-graphics, visual-design, vue js, Web Development, web elements, website design

Material Design Svg Icons for Vue.js Library to render Material Design Svg Icons in Vue.js Never mind the project name, you can actually use any monochrome svg icon(like Font...

A Swag Panda Landing Page Built using vue

September 26, 2021 Tagged #frontend, CSS, development framework, digital design, Frontend Framework, HTML, javascript, Landing Page, mobile-friendly, Responsive Design, single-page-application, Swag Panda, UI Design, User Experience, User Interface, UX Design, visual-design, vue, Web Development

Swag Panda Swag Panda is a learning resource for creating an ERC721 NFT with a Landing Page you can mint from. Created by @andyhartnett12 If this repo helps you...

Vue front-end boilerplate based on atomic design methodology

September 24, 2021 Tagged atomic design, Boilerplate, Coding, Components, CSS, Front End, HTML, javascript, Methodology, Optimization, Programming, Software Development, styling, UI Design, UX Design, visual-design, vue, Web Development, Website

Vue Atomic Design Vue front-end boilerplate based on atomic design methodology Main Features I18N Internationalization Page Templates Store modules Storybook Vee-validate Vue CLI 3.0 Vuetify Vuex Project setup yarn...