Every now and then I make something without JS just to make sure I still can :p
Fun fact, I originally made this with just HTML elements and border-radius for the circles. (As I suspected it would) the frame rate sucked. So I swapped in SVG circles and it is much better. The moral of this story is try to avoid using border-radius in your CSS anims if possible.
A Pen by Rachel Smith on CodePen.
| // 敏感词过滤过滤 | |
| const __words = ['我操', '口交', '江泽民', '胡锦涛', '温家宝', '习近平', '习仲勋', '贺国强', '贺子珍', '周永康', '李长春', '李德生', '王岐山', '姚依林', '回良玉', '李源潮', '李干成', '戴秉国', '黄镇', '刘延东', '刘瑞龙', '俞正声', '黄敬', '薄熙', '薄一波', '周小川', '周建南', '温云松', '徐明', '江泽慧', '江绵恒', '江绵康', '李小鹏', '李鹏', '李小琳', '朱云来', '朱容基', '让国人愤怒的第二代身份证', '第二代身份证', '文化大革命', '胡海峰', '六四', '反共', '共产党', '陈良宇', '老丁', '莱仕德事件', 'fuck', '地下的先烈们纷纷打来电话询问', '李洪志', '大纪元', '真善忍', '新唐人', '肉棍', '淫靡', '淫水', '六四事件', '迷昏药', '迷魂药', '窃听器', '六合彩', '买卖枪支', '三唑仑', '麻醉药', '麻醉乙醚', '短信群发器', '帝国之梦', '毛一鲜', '黎阳平', '对日强硬', '出售枪支', '迷药', '摇头丸', '西藏天葬', '军长发威', 'PK黑社会', '枪决女犯', '投毒杀人', '强硬发言', '出售假币', '监听王', '昏药', '侦探设备', '麻醉钢枪', '反华', '官商勾结', '升达毕业证', '手机复制', '戴海静', '自杀指南', '自杀手册', '张小平', '佳静安定片', '蒙汗药粉', '古方迷香', '强效失意药', '迷奸药', '透视眼镜', '远程偷拍', '自制手枪', '激情小电影', '黄色小电影', '天鹅之旅', '盘古乐队', '高校暴乱', '高校群体事件', '大学骚乱', '高校骚乱', '催情药', '拍肩神药', '春药', '身份证生成器', '枪决现场', '出售手枪', '麻醉枪', '办理证件', '办理文凭', '疆独', '藏独', '高干子弟', '高干子女', '枪支弹药', '血腥图片', '反政府', '禁书', '无界浏览器', '特码', '成人', '换妻', '共匪', '国民党', '腐败', '贪污', '自慰' |
| m.directive('ionSticky', ['$ionicPosition', '$compile', '$timeout', function ($ionicPosition, $compile, $timeout) { | |
| return { | |
| restrict: 'A', | |
| require: '^$ionicScroll', | |
| link: function ($scope, $element, $attr, $ionicScroll) { | |
| var scroll = angular.element($ionicScroll.element); | |
| var clone; | |
| // creates the sticky clone and adds it to DOM | |
| var createStickyClone = function ($element) { | |
| clone = $element.clone().css({ |
Based on this dribbble shot - https://dribbble.com/shots/2232385-Pull-Down-to-Refresh by Hoang Nguyen.
No animation libs. Line animation not working in IE.
A Pen by Nikolay Talanov on CodePen.
Based on Zee Young dribbble - https://dribbble.com/shots/2067564-Replace
No animation libraries. Not working in IE. Right now tested only in last Chrome and FF. Totally not optimized for mobile.
All SVG are hand-written :) Plane fly animation made with keyframes.
A Pen by Nikolay Talanov on CodePen.
We're almost there, just one more after this one and then it's on to a new adventure!
A Pen by Reinier Kaper on CodePen.
Just a simple loading icon using scss.
A Pen by Andrew Pronschinske on CodePen.
A little loading bar. ~
Thanks to @Alexis Doreau for this awesome design. https://dribbble.com/shots/2156764-Scanner-Gooey-Effect-Firefly-Loader
Trying to get more comfortable with 3D since I don't really venture beyond the second dimension outside of having to do so for work. Why not do my favourite canvas getImageData trick with Three.js? Using the pretty colors and flat-shaded style as seen in @Yakudoo's pens
window resize is totally busted right now ¯_(ツ)_/¯ so you'll have to refresh if you resize
A Pen by Rachel Smith on CodePen.
This one is messing with my head, but I like it! :-D
A Pen by Reinier Kaper on CodePen.