Skip to content

Instantly share code, notes, and snippets.

@xgqfrms-GitHub

xgqfrms-GitHub/syntax-high-lighter-copy-paste.md Secret

Last active June 5, 2017 06:59
Show Gist options
  • Save xgqfrms-GitHub/cc23c2cacbeb21bd6ccf36b1c6a5bf39 to your computer and use it in GitHub Desktop.
Save xgqfrms-GitHub/cc23c2cacbeb21bd6ccf36b1c6a5bf39 to your computer and use it in GitHub Desktop.
Download ZIP
Syntax Highlighter & copy paste & webgl & three.js & Low Poly & CSS变量 `currentColor`
Raw
syntax-high-lighter-copy-paste.md

Syntax Highlighter & copy paste

SyntaxHighlighter

https://alexgorbatchev.com/SyntaxHighlighter/

copy & paste

https://tutorialzine.com/2016/10/quick-tip-accessing-the-clipboard-with-javascript

https://clipboardjs.com/

https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Using_data_attributes

webgl & three.js

http://ife.baidu.com/college/detail/id/6

https://github.com/Ovilia

http://www.ituring.com.cn/book/miniarticle/58552

https://www.w3.org/TR/webaudio/

https://www.zhihu.com/question/29856775/answer/57668656

Low Poly

https://en.wikipedia.org/wiki/Low_poly

https://www.youtube.com/watch?v=4rIEUv_Tiv4

https://soundcloud.com/low-polyy

http://alssndro.github.io/trianglify-background-generator/

https://snorpey.github.io/triangulation/

https://qrohlf.com/trianglify-generator/

https://digital.com/blog/best-low-poly-generators/

http://ieeexplore.ieee.org/document/7314186/

https://github.com/baidu-ife/ife/tree/master/2015_spring/task#

https://github.com/baidu-ife/ife/tree/master/2015_summer

http://www.cnblogs.com/Wayou/p/how-to-make-a-simple-html5-canvas-game.html

http://www.wizardslizard.com/

http://www.lostdecadegames.com/demos/simple_canvas_game/

http://www.lostdecadegames.com/demos/simple_canvas_game/js/game.js

http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/

https://wayou.github.io/

https://wayou.github.io/2016/06/26/mail-dev/

http://mewbies.com/how_to_easily_create_ascii_art_qr_codes.htm

https://wayou.github.io/2015/01/18/all-this/

CSS变量 currentColor

currentColor

https://wayou.github.io/2014/12/07/css-currentColor/

<div class="container">
    好好说话，有话好好说
</div>
.container{
    color: #3CAADB;
    border: 4px solid currentColor;
}
@xgqfrms-GitHub
Copy link
Author

http://www.inversoft.org/prime.js/
https://github.com/inversoft/2016-security-scripts
https://github.com/inversoft

@xgqfrms-GitHub
Copy link
Author

i18n & L10n

https://github.com/ufo-github/globalize

https://www.sitepoint.com/how-to-implement-internationalization-i18n-in-javascript

@xgqfrms-GitHub
Copy link
Author

xgqfrms-GitHub commented Jun 3, 2017 •
edited
Loading

prismjs

4K +

http://prismjs.com/

<footer data-src="templates/footer.html" data-type="text/html">

<span id="logo"></span>

<p>Handcrafted with ♥, by 
<a href="http://lea.verou.me" target="_blank">Lea Verou</a>, 
<a href="https://github.com/Golmote" target="_blank">Golmote</a> 
&amp; 
<a href="https://github.com/LeaVerou/prism/contributors" target="_blank">all these awesome people</a>
</p>

<nav>
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="download.html">Download</a></li>
		<li><a href="faq.html">FAQ</a></li>
		<li><a href="test.html">Test drive</a></li>
		<li><a href="extending.html">API docs</a></li>
		<li><a href="https://github.com/LeaVerou/prism/">Fork Prism on Github</a></li>
		<li><a href="http://twitter.com/prismjs">Follow Prism on Twitter</a></li>
	</ul>
</nav>
</footer>

Lea Verou

https://github.com/LeaVerou

http://lea.verou.me/

通过编写HTML和CSS来完全创建Web应用程序！

https://github.com/mavoweb/mavo.io

http://mavo.io/

#logo:before {
    content: '☠';
    float: right;
    font: 100px/1.6 LeaVerou;
}

@xgqfrms-GitHub
Copy link
Author

xgqfrms-GitHub commented Jun 3, 2017 •
edited
Loading

svg base64

data:image/svg+xml,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20version%3D"1.1"%20viewBox%3D"0%200%20100%20125"%20fill%3D"rgb%28200%2C0%2C0%29">\a <path%20d%3D"M65%2C15.437V8c0-3.86-3.141-7-7-7H42c-3.86%2C0-7%2C3.14-7%2C7v7.437C14.017%2C16.816%2C14%2C21%2C14%2C21v10h72V21%20C86%2C21%2C85.982%2C16.816%2C65%2C15.437z%20M43%2C9h14v6.086C54.828%2C15.032%2C52.51%2C15%2C50%2C15c-2.51%2C0-4.828%2C0.032-7%2C0.086V9z"%2F>\a <path%20d%3D"M19%2C37l6%2C62h50l6-62H19z%20M35.167%2C88.995C35.11%2C88.998%2C35.053%2C89%2C34.998%2C89c-1.581%2C0-2.904-1.236-2.993-2.834l-2-36%20%20c-0.092-1.654%2C1.175-3.07%2C2.829-3.162c1.663-0.089%2C3.07%2C1.175%2C3.162%2C2.829l2%2C36C38.087%2C87.488%2C36.821%2C88.903%2C35.167%2C88.995z%20M53%2C86\a %20c0%2C1.657-1.343%2C3-3%2C3c-1.657%2C0-3-1.343-3-3V50c0-1.657%2C1.343-3%2C3-3c1.657%2C0%2C3%2C1.343%2C3%2C3V86z%20M67.995%2C86.166%20%20C67.906%2C87.764%2C66.583%2C89%2C65.003%2C89c-0.057%2C0-0.112-0.002-0.169-0.005c-1.654-0.092-2.921-1.507-2.829-3.161l2-36\a %20c0.093-1.655%2C1.533-2.906%2C3.161-2.829c1.654%2C0.092%2C2.921%2C1.508%2C2.829%2C3.162L67.995%2C86.166z"%2F>\a <%2Fsvg>

@xgqfrms-GitHub
Copy link
Author

https://craig.is/making/rainbows

https://github.com/ccampbell/rainbow

2K+

@xgqfrms-GitHub
Copy link
Author

https://highlightjs.org/

https://github.com/isagalaev/highlight.js

9K +

@xgqfrms-GitHub
Copy link
Author

https://alexgorbatchev.com/SyntaxHighlighter/

https://github.com/syntaxhighlighter/syntaxhighlighter

4K +

@xgqfrms-GitHub
Copy link
Author

25 Syntax Highlighters: Tried and Tested

25语法荧光笔：经过测试

https://webdesign.tutsplus.com/articles/25-syntax-highlighters-tried-and-tested--cms-23931

@xgqfrms-GitHub
Copy link
Author

xgqfrms-GitHub commented Jun 3, 2017 •
edited
Loading

https://github.com/xgqfrms-GitHub/highlight.js

highlight js

@xgqfrms-GitHub
Copy link
Author

xgqfrms-GitHub commented Jun 5, 2017 •
edited
Loading

codemirror

https://codemirror.net/

CodeMirror是用于浏览器的JavaScript实现的多功能文本编辑器。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment