| function(value) { | |
| var float = parseFloat(value) | |
| if (isNaN(float)) return false | |
| if (!isFinite(float)) return false | |
| return String(float) === String(value) | |
| } |
| const hexaValue = 0x2a | |
| // => 42 | |
| String(hexaValue) | |
| // => "42" | |
| hexaValue.toString() | |
| // => "42" |
| typeof 42e42 | |
| // => 'number' | |
| typeof 0x2a | |
| // => 'number' | |
| typeof Infinity | |
| // => 'number' | |
| typeof +'' |
This year, I preferred DotCSS to DotJS. Some talks were amazing and inspiring. The atmosphere was kind and I talked to some speakers ! (@frivoal, @natalyathree AAAANNNND @SaraSoueian <3 <3).
This talk was done by Florian Rivoal. He describes some new features to handle line-breaks and text-wrapping better. Some are already implemented in some browsers, some not. What I noted :
pre, preline, etc.) use several steps to deal with whitespace.
| // cf. https://en.wikipedia.org/wiki/Bitwise_operation#XOR | |
| const findOdd = arr => arr.reduce((acc, val) => acc ^ val) |
| .display-flex { display: flex; } | |
| .flex-items-center { align-items: center; } | |
| @media (max-width: 600px) { | |
| .align-center-on-md { | |
| text-align: center; | |
| } | |
| } | |
| // etc… |
| .header { … } | |
| .header-image { … } | |
| @media (max-width: 600px) { | |
| .header .header-image { … } | |
| } |
| <div class="header"> | |
| <img src="image.png" class="header__image" /> | |
| <div> |
| <div class="display-flex flex-items-center flex-column-on-md align-center-on-md padding-all-md grey top-border-radius-sm border-sm-grey border-bottom-md-blue"> | |
| <img src="image.png" class="display-block margin-end-md width-30 border-radius-xxl margin-bottom-md-on-md" /> | |
| </div> |
| <div class="project-card"> | |
| <h4 class="project-card__title">Mon nouveau projet</h4> | |
| <p class="project-card__description">Une description passionnante</p> | |
| <a class="project-card__action project-card__action-primary">Découvrir</a> | |
| <div> |