aleen42 / badges

:flower_playing_cards: Standard and acceptable badges list

👋 Aloha

More than a coder, more than a designer.

My name is PuiMan Cheui, a.k.a Aleen, and living in Guangzhou, Guangdong, China mainland. My major post has focused on front-end development with around 7 YEARS of experience since 2015. The current primary task in the open-source world is to build up my note, PersonalWiki, progressively during my spare time with GitBook. At the same time, I maintain some GitBook tutorial plugins like gitbook-treeview, gitbook-footer, gitbook-comments (for integrating comments with GitLab and GitHub), etc.

Recently I focused on complicated features of WYSIWYG editors like format painting, table cells merging, splitting, more modern designed UI / UXs, Chinese formatted counter styled lists, resizable tables, and so on.

Other contributions: git, mdn, webpack, core-js, vexflow, etc.

Some things you may want to know about me:

• 🔭 I'm currently working on @Coremail (a.k.a @Mailtech, 2017 - Now). Previously on:
  • @Soundtooth (2015 - 2017)
  • @Monsoon (2014 - Now)
• 🏸 I'm currently learning how to play badminton, play violin, and swim better.
• 🕹 Technical Stacks: JavaScript(TypeScript) + Babel + UglifyJS, Webpack, Gulp / Grunt, Less(Sass) + PostCss, core-js(shim), Handlebars, Karma / Jest, Puppeteer / Selenium, Eslint, etc.
• 🎮 Framework Experiences: React, Vue, Ionic + Angular 1.x, aralejs, etc.
• 😈 Compatibility Skill: DOWN to IE8! I have collected some confusing problems.
• 📫 Email me by [email protected].
• ... (waiting for your exploring)

Recently, I have brought out some TC39 proposals like proposal-object-pick-or-omit and proposal-promise-uncaught. It should be my pleasure to invite you to focus on and discuss it to help step more in stage 1 in the committee.

During the process of becoming an advanced JavasScript developer, I also hope to explore my graphic techniques in the future like WebGL, GLSL. To step out, I have written a small project, named "How to draw in JavaScript", where we can use JavaScript to simulate drawing with given images.

As a coder, I also hope to be more than a designer at the same time, like creating "Mingtocat", or "Kaleidoscope".

Finally, appreciate your viewing of my profile! You can follow me if my works are of interest.

Any questions? Feel free to contact me via:

At the same time, feel free to offer me a swimming chance by sponsoring me:

 

Recent Activities

badges's Issues

Update example in README

Just started using this CLI (awesome stuff btw 🎉). To get the color option to work I needed to provide the hex code without the # character. In the README the example uses the # character.

badge -t Alipay -c "#1CACEB" -p alipay.svg -o output.svg

slight differences in text-font to shields.io

I just found that there are slight differences in the text-font of this badges and the ones comming directly from shields.io(at least when using a icon from simpleicons.org and not sending svg-data), see here:

this can look a little off when mixing badges:

and could be improved:

This is a really miner issue, but I wanted to dokument it and maybe start a disscussion on it

How do you create such badges?

What's the process of using an SVG image in such badges? Would be useful for newcomers. 😁

badge for vanilla JS

would be good to have a badge for vanilla JS here since there are badges for popular libraries/frameworks.

Something thats here: http://constructs.stampede-design.com/wp-content/uploads/2014/10/javascript.jpg

add the Rollup badge

Rollup is a tool like Gulp, Webpack etc.

the SVG logo: https://rollupjs.org/logo.svg

Add Bitcoin

Adding Bitcoint would be handy too! 😁

Add Templating Languages

Add Handlebars, Moustache, Nunjucks, doT, EJS, Underscore, Pug, Webix, Hogan, Marko, Squirrelly, Template7, Backbone, Jade and Ember.

These would be great having these badges.

Any wonderful badges, Ionică?

Dears,

Hi, @IonicaBizau, I have created a repo for storing a collection of personal badges, which can be reused in different projects. Have you ever seen some awesome badges before? I'm sincerely invited you to contribute for me, and the repo.

Of course, if you want to create some new one, you can use the tool powered by Shields. Thank you!

Sincerely yours,

Aleen

Improve contrast of text color

For some badges, the background color is very bright which makes the text (currently white) difficult to read.

Especially the yellow ones like for Vanilla JavaScript, Coremail Lunkr, Real Madrid, and Dreamweaver.

• 
• 
• 
• 

Perhaps for these, the text color could be black?

Add Badge for Svelte

I think you miss Svelte, add one

Style option for flat badge production?

I use the flat square badge pretty religiously in my repositories. Any plans to add styles support for different badge types in the future?