| /* | |
| Made by Elly Loel - https://ellyloel.com/ | |
| With inspiration from: | |
| - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/ | |
| - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/ | |
| - Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE | |
| Notes: | |
| - `:where()` is used to lower specificity for easy overriding. | |
| */ |
| <?php | |
| $municipalities_by_region = array( | |
| 'Ahvenanmaa' => array( | |
| 35 => 'Brändö', | |
| 43 => 'Eckerö', | |
| 60 => 'Finström', | |
| 62 => 'Föglö', | |
| 65 => 'Geta', |
Just migrated it from Codepen.io to markdown. Credit goes to David Conner.
| Working with DOM | Working with JS | Working With Functions |
|---|---|---|
| Accessing Dom Elements | Add/Remove Array Item | Add Default Arguments to Function |
| Grab Children/Parent Node(s) | Add/Remove Object Properties | Throttle/Debounce Functions |
| Create DOM Elements | Conditionals |
| // Enable IE8 support for indexOf | |
| if ( typeof Array.prototype.indexOf === 'undefined' ) { | |
| Array.prototype.indexOf = function(item) { | |
| for (var i = 0; i < this.length; i++) { | |
| if (this[i] === item) { | |
| return i; | |
| } | |
| return -1; | |
| } | |
| } |
I'm having trouble understanding the benefit of require.js. Can you help me out? I imagine other developers have a similar interest.
From Require.js - Why AMD:
The AMD format comes from wanting a module format that was better than today's "write a bunch of script tags with implicit dependencies that you have to manually order"
I don't quite understand why this methodology is so bad. The difficult part is that you have to manually order dependencies. But the benefit is that you don't have an additional layer of abstraction.
| function countCSSRules() { | |
| var results = '', | |
| log = ''; | |
| if (!document.styleSheets) { | |
| return; | |
| } | |
| for (var i = 0; i < document.styleSheets.length; i++) { | |
| countSheet(document.styleSheets[i]); | |
| } | |
| function countSheet(sheet) { |
| // Converts an ArrayBuffer directly to base64, without any intermediate 'convert to string then | |
| // use window.btoa' step. According to my tests, this appears to be a faster approach: | |
| // http://jsperf.com/encoding-xhr-image-data/5 | |
| /* | |
| MIT LICENSE | |
| Copyright 2011 Jon Leighton | |
| Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: |
