| <div>linear-gradient-average</div> |
| #box { | |
| width: 200px; | |
| height: 200px; | |
| padding: 10px; | |
| margin: 5px; | |
| border: 1px solid black; | |
| } |
| (function() { | |
| var ictids = []; | |
| [].forEach.call(document.querySelectorAll("a"), function(link) { | |
| var ictid; | |
| if (~link.href.indexOf("ictid")) { | |
| ictid = link.href.split("=")[1]; | |
| if (!~ictids.indexOf(ictid)) { | |
| ictids.push(ictid); | |
| } |
ES6: Using Tomorrow's JavaScript Today
JavaScript has been around for quite some time and it's been an interesting journey. We're in anintersting place where the lastest version of JavaScript (ECMAScript 6) is being implemented across modern browsers and we can start playing with it today.
Comparing Backbone.js and AngularJS while Refactoring Spaghetti jQuery
jQuery has definitely become popular in the last several years. Unfortunately you might have found that organizing your application with jQuery can become difficult and you may experience code that feels more like a plate of spaghetti logic.
| // ---- | |
| // Sass (v3.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // Scut (v0.10.4) | |
| // ---- | |
| @import "scut"; | |
| $breakpoints: ( | |
| palm: 24em, |
| // ---- | |
| // Sass (v3.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // Bourbon (v4.0.2) | |
| // Scut (v0.10.4) | |
| // ---- | |
| @import "scut"; | |
| @import "bourbon/bourbon"; |
| // ---- | |
| // Sass (v3.2.19) | |
| // Compass (v0.12.6) | |
| // Scut (v0.10.4) | |
| // ---- | |
| @import "scut"; | |
| @mixin typeset( $level: body-copy ) { | |
| $types: ( |
| // ---- | |
| // Sass (v3.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // Scut (v0.10.4) | |
| // ---- | |
| @import "scut"; | |
| @mixin typeset( $type: body-copy ) { | |
| $types: ( |
| $fontSizes: ( | |
| big: 42px, | |
| medium: 20px, | |
| small: 12px | |
| ); | |
| h1 { font-size: map-get($fontSizes, big); } |