| For more details, see : | |
| SMACCS and Fifty Shades of BEM (http://blog.kaelig.fr/post/48196348743/fifty-shades-of-bem) | |
| prefix-ComponentName | |
| prefix-ComponentName-MODIFIERNAME | |
| prefix-ComponentName-subObject | |
| prefix-ComponentName-subObject-MODIFIERNAME | |
| p- Page specific (class applied on the body element), very useful for static pages where maintainability is not at stake — should be avoided in the application itself (e.g.: p-Homepage). |
Daniel Louwe Kooijmans - VI Company
Een versnelde groei van entry level naar junior front-end developer om uiteindelijk VI Company aan te kunnen vullen als een op zichzelf opererende front-end developer met de benodigde vaardigheden.
Veel vaardigheden worden op de werkvloer aangeleerd maar specifieke skills vergen dieper onderzoek/testen dan een reguliere klant-opdracht toelaat. Om dit tegemoet te komen zal ik door middel van zelfstudie mijn skillset uitbreiden.
This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.
Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:
getTweetsFor("domenic", function (err, results) {
// the rest of your code goes here.
| /** | |
| * Equal Heights Plugin | |
| * Equalize the heights of all child elements to the tallest child | |
| * | |
| * @param object options | |
| * - filter: An optional selector string to filter which children are considered. | |
| * - not: An optional selector string to filter which children are NOT considered. | |
| * - target: Additional selector of targets where height will be applied; these nodes | |
| will not be used to calculate height, but will ONLY receive the calculated | |
| height. |
| var p1 = { | |
| x: 20, | |
| y: 20 | |
| }; | |
| var p2 = { | |
| x: 40, | |
| y: 40 | |
| }; |
| { | |
| // -------------------------------------------------------------------- | |
| // JSHint Configuration, Strict Edition | |
| // -------------------------------------------------------------------- | |
| // | |
| // This is a options template for [JSHint][1], using [JSHint example][2] | |
| // and [Ory Band's example][3] as basis and setting config values to | |
| // be most strict: | |
| // | |
| // * set all enforcing options to true |
| var MyApp = {}; | |
| MyApp.Router = Backbone.Router.extend({ | |
| routes: { | |
| // general routes for cross-app functionality | |
| "" : "showGeneralHomepage", | |
| "cart" : "showShoppingCart", | |
| "account" : "showMyAccount", | |
| // module-specific subroutes: |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Design Testing</title> | |
| <style> | |
| body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
| .wrapper { width: 6000px; } | |
| .frame { float: left; } | |
| h2 { margin: 0 0 5px 0; } |
| // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
| // MIT license | |
| (function() { | |
| var lastTime = 0; | |
| var vendors = ['ms', 'moz', 'webkit', 'o']; |
| var diacriticsMap = [ | |
| {'base':'A', 'letters':/[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g}, | |
| {'base':'AA','letters':/[\uA732]/g}, | |
| {'base':'AE','letters':/[\u00C4\u00C6\u01FC\u01E2]/g}, | |
| {'base':'AO','letters':/[\uA734]/g}, | |
| {'base':'AU','letters':/[\uA736]/g}, | |
| {'base':'AV','letters':/[\uA738\uA73A]/g}, | |
| {'base':'AY','letters':/[\uA73C]/g}, | |
| {'base':'B', 'letters':/[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g}, | |
| {'base':'C', 'letters':/[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g}, |
