Colorconsole provides an interesting way to display colored info, success, warning and error messages on the developer console in your browser

Overview

ColorConsole NPM Package

Colorconsole provides an interesting way to display colored info, success, warning and error messages on the developer console in your browser.

Available Methods

colorconsole.warning("some warning message")
colorconsole.success("some success message")
colorconsole.info("some informations")
colorconsole.error("some error message")
colorconsole.log("normal message")
colorconsole.custom("custom message", "red", "#fff", 20, 5)
- custom parameters:
    - message: string
    - backgroundColor: name | hex | rgba | rgb | hsl
    - textColor: name | hex | rgba | rgb | hsl
    - fontSize: number
    - padding: number

Use in ESM Projects

npm install @hasinhayder/colorconsole

or

yarn add @hasinhayder/colorconsole

then

import colorconsole from '@hasinhayder/colorconsole'

colorconsole.success("ColorConsole is Working")
colorconsole.log("A Simple Message, just like console.log()")
colorconsole.warning("This is a warning")
colorconsole.info("ColorConsole is an NPM package")
colorconsole.log("Available at https://www.npmjs.com/package/@hasinhayder/colorconsole")
colorconsole.log("Github Repo: https://github.com/hasinhayder/colorconsole")
colorconsole.error("Sample Error Message")
colorconsole.log("Isn't this beautiful?")
colorconsole.log("Check github repo url for the documentation")
colorconsole.custom("Make your own style", "red", "#fff", 20, 5)

Use In Browser

<script src='https://cdn.jsdelivr.net/npm/@hasinhayder/colorconsole@latest/dist/colorconsole.min.js'></script>

<script>
    colorconsole.success("ColorConsole is Working")
    colorconsole.log("A Simple Message, just like console.log()")
    colorconsole.warning("This is a warning")
    colorconsole.info("ColorConsole is an NPM package")
    colorconsole.log("Available at https://www.npmjs.com/package/@hasinhayder/colorconsole")
    colorconsole.log("Github Repo: https://github.com/hasinhayder/colorconsole")
    colorconsole.error("Sample Error Message")
    colorconsole.log("Isn't this beautiful?")
    colorconsole.log("Check github repo url for the documentation")
    colorconsole.custom("Make your own style", "red", "#fff", 20, 5)
</script>
You might also like...

this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.

Awsome Books In this Project, we have built A Books websites. Built With 🔨 HTML CSS javascript Git & Github Live Demo Here you can find the live Demo

Aug 3, 2022

RWP stands for Roblox web panel, it's a code snippet that you can run via developer console or the provided Google Chrome extension to try out early

RWP stands for Roblox web panel, it's a code snippet that you can run via developer console or the provided Google Chrome extension to try out early

RWP stands for Roblox web panel, it's a code snippet that you can run via developer console or the provided Google Chrome extension to try out early Roblox site features before they're officially out without any programming experience.

Nov 28, 2022

The aim is to provide a hassle-free way to use the data to build applications to show close-to-realtime power-outage info in Mauritius

The aim is to provide a hassle-free way to use the data to build applications to show close-to-realtime power-outage info in Mauritius

Mauritius Dataset for Electricity Dataset View Dataset The aim is to provide a hassle-free way to use the data to build applications. Example applicat

Dec 15, 2022

NFT Info: An easy way to create customizable pages about NFTs

 NFT Info: An easy way to create customizable pages about NFTs

NFT Info: An easy way to create customizable pages about NFTs Submission for the BuildQuest hackathon 2022. My goal is for NFT project creators and th

Mar 23, 2022

Create info-boxes in a simple way

Create-infoboxes-in-Mediawiki Create info-boxes in a simple way/用简单的方式创建Mediawiki信息栏 Due to some bugs in the infobox extension, I gotta use table to m

Mar 29, 2022

A chat logs online saver for discord bots to save messages history & cleared messages online

A chat logs online saver for discord bots to save messages history & cleared messages online

Chat Logs NPM package that saves messages online to view it later Useful for bots where users can save messages history & cleared messages online Supp

Dec 28, 2022

Base provides advanced Promise Queue Manager, Custom Console Logger and other utilities.

Base Base provides frequently used functionality like cutome logger, response helper, Custom Promise and Instance composer. These are used in almost a

Jun 14, 2022

This is our second school project in HTML 5, CSS 3 and JS. In this website you can find very interesting information about the countries around the world.

This is our second school project in HTML 5, CSS 3 and JS. In this website you can find very interesting information about the countries around the world.

Team Geonomy 💻 About This is a website about with interatcive map and very interesting information about different coutries 🗂️ Used technologies Use

Nov 23, 2022

Aggregate quality learning resources, useful tools, interesting projects in github... Updated every Monday.

Github University Aggregate quality learning resources, useful tools, interesting projects in github... Updated every Monday. 汇总 github 中优质的学习资源,好用的工具

Dec 14, 2022
Owner
Hasin Hayder
PHP . JavaScript . TypeScript - WordPress . Laravel . Symfony - Vue.js . Alpine.js - MySQL . Postgres . SQLite - Chef . Educator . Author . Traveller
Hasin Hayder
Error and Success Handler for Passport.js

passport-handler Developed with ❤️ by Swôth ?? Installation npm i passport-handler --save yarn add passport-handler ?? Importing import Handler from '

Swôth 2 Oct 29, 2022
Another logger in JS. This one offers a console.log-like API and formatting, colored lines and timestamps (or not if desired), all that with 0 dependencies.

hellog Your new logger ! hellog is a general-purpose logging library. It offers a console.log-like API and formatting, extensible type-safety colored

Maxence Lecanu 4 Jan 5, 2022
A handy-dandy JS shim to run OreUI files in your browser (to varying degrees of success.)

OreUIShim (C) Luminoso 2022 / MIT Licensed. Contributions Welcome! A small shim JS file to experiment with oreUI in the browser. How to use Prerequisi

null 12 Dec 8, 2022
Catalogist is the easy way to catalog and make your software and (micro)services visible to your organization in a lightweight and developer-friendly way.

catalogist ?? ?? ?? ?? ?? The easy way to catalog and make your software and (micro)services visible to your organization through an API You were a pe

Mikael Vesavuori 11 Dec 13, 2022
Repo for tricking NPM into not hoisting your package. No dependencies and a warning if imported.

noist (Short for No Hoist) Repo for tricking NPM into not hoisting your package. No dependencies and a warning if imported. Why? As of npm@7 NPM suppo

Zackery Griesinger 20 Oct 27, 2022
A simple and useful jquery plugin that allows you to create a Text Area Character Count Effect with limited warning.

jquery-character-counter A simple and useful jquery plugin that allows you to create a Text Area Character Count Effect with limited warning. #Demo Us

Abdoulie Kassama 0 Dec 28, 2020
Hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar.

Hourly Weather Card by @decompil3d An hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar. Can y

Jonathan Keslin 49 Dec 29, 2022
Easiest 1-click way to install and use Stable Diffusion on your own computer. Provides a browser UI for generating images from text prompts and images. Just enter your text prompt, and see the generated image.

Stable Diffusion UI Easiest way to install and use Stable Diffusion on your own computer. No dependencies or technical knowledge required. 1-click ins

null 3.5k Dec 30, 2022
A public board for all the Computer Society and Students to display their profile. An online year-book for you to display your profile in the most creative manner

Student's Yearbook by IEEE Computer Society Student's yearbook is an open-source project which intends to dispaly the students who will be graduating

IEEE Computer Society 11 Dec 18, 2022
A cross-platform browser extension that changes the way seasons are display on Crunchyroll.

Crunchyroll With Better Seasons Crunchyroll With Better Seasons is a cross-platform browser extension that changes the way seasons are displayed on Cr

null 9 Nov 4, 2022