https://electron.atom.io/

Build cross platform desktop apps with JavaScript, HTML, and CSS

#multi_platform #cross_platform #css #js #electron #osx #windows #linux #desktop #application

#css #chestsheet

An interesting thing in console of browsers:

You give ANY styling to console.log outputs! Here is how:

const style = [
  'background: linear-gradient(to right, #5433ff, #20bdff, #a5fecb);',
  'color: #fff',
  'padding: 10px 20px',
  'line-height: 35px'].join(';');

 console.log('%cHi there!', style);

By using %c you can give styles to your text outputs.

#css #console #developer_tools #text_formatting

https://projects.lukehaas.me/css-loaders/

#css #loaders #loading #animation

How to display a 3 dots for a long text in span?

span {
     width: 110px;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden !important;
     text-overflow: ellipsis;
 }

#css #span #3dots