Image Accordions Demo with Swiper.js
A Pen by januaryofmine on CodePen.
wanghaooo
/ gist:fd0968acd35cbc9a26991299f4536c1f
Last active
August 11, 2019 12:10
显示全部DOM边框：调试页面元素边界时使用
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [].forEach.call($$("*"), dom => { | |
| dom.style.outline = "1px solid #" + (~~(Math.random() * (1 << 24))).toString(16); | |
| }); |
wanghaooo
/ image-accordions-date-9-24-days-of-animation.markdown
Created
April 10, 2019 06:06
Image Accordions - Date 9 (24 days of animation)
wanghaooo
/ codepen-challenge-polygon-surface.markdown
Created
February 28, 2019 08:21
CodePen Challenge - Polygon Surface
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg id="svg"></svg> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const frame = new Frame("fit", 1024, 768, darker, dark); | |
| frame.on("ready", ()=>{ // ES6 Arrow Function - similar to function(){} | |
| zog("ready from ZIM Frame"); // logs in console (F12 - choose console) | |
| // often need below - so consider it part of the template | |
| let stage = frame.stage; | |
| let stageW = frame.width; | |
| let stageH = frame.height; | |
| // REFERENCES for ZIM at http://zimjs.com |