.. they suck for performance.
This file contains 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
[ { "property": "--*" | |
, "url": "http://dev.w3.org/csswg/css-variables/#propdef-" | |
, "status": "ED" | |
, "title": "CSS Custom Properties for Cascading Variables Module Level 1" | |
} | |
, { "property": "--*" | |
, "url": "http://www.w3.org/TR/2015/CR-css-variables-1-20151203/#propdef-" | |
, "status": "CR" | |
, "title": "CSS Custom Properties for Cascading Variables Module Level 1" | |
} |
This file contains 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
Babun: http://babun.github.io/ | |
ZSH shell (als in *NIX) | |
- Dus `ls` en `cd` (geen dir..) | |
1. download en unpack | |
2. babun.bat | |
3. rename babun.bat -> babun.exe en toevoegen aan menubalk | |
4. babun.exe -> babun.bat |
This file contains 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
/** | |
* ????????????????????????????????????????????????????????????????????????? | |
* | |
* - Using a MYMODULE (revealing module patter) as below | |
* - Processed with Rollup | |
* | |
* `import`ed `cfg()`, `msg()` and `debounce()` are *global* | |
* | |
* Q: as `import` may only appear in top-level: | |
* How can I have these functions scoped to MYMODULE? |
This file contains 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
/** | |
* = MAIN Comment Block | |
* | |
* A Main Comment Block for a file. Recognized by the | |
* 'heavy' bottom border. This comment lives at the top of a file and | |
* document's its function. | |
* | |
* ========================================================================= */ | |
This file contains 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
<!DOCTYPE html> | |
<html class="no-js" lang="nl"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<meta http-equiv="x-ua-compatible" content="ie=edge"> | |
<meta name="description" content="{% DESCRIPTION %}"> | |
<title>{% TITLE %}</title> |
This file contains 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
console.lol = function () { | |
console.log.apply(console, ['%c LOL!!', 'font:1.5em/1.5 italic comic sans,chalkboard,tscu_comic,fantasy;color:hotpink;'].concat(Array.prototype.slice.call(arguments))); | |
}; | |
console.lol('Vet leuk jonguh!'); |
(as a reply to: https://css-tricks.com/svg-use-with-external-reference-take-2/)
While I love SVG (sprites) there are a lot of issues to take into account.
UPDATE: you should take a look at https://dl.dropboxusercontent.com/u/145744/accessible-svg-icon/test.html which seems a simpler and more robust approach
Another thing: since people copy-paste our code examples it would be great if we could advocate the most robust and accessible markup IMO. I am no a11y expert, but in my understanding we could/should take some extra steps to make out SVG sprite icons more accessible.