linlymatsumura
/ image-of-unknown-size.html
Last active
February 20, 2017 02:38
Markup and styling to fit an image of unknown size into a certain rectangle
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
| <style> | |
| figure{ | |
| width: /*WIDTH*/; | |
| height: /*HEIGHT*/; | |
| overflow: hidden; | |
| position: relative; | |
| margin: 0; | |
| padding: 0; | |
| float: left; | |
| } |
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
| let foo = () => { | |
| console.log('hello!') | |
| foo = () => { | |
| console.log('hi') | |
| } | |
| } | |
| foo() // hello! | |
| foo() // hi | |
| foo() // hi |
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
| const months = Array(12).join().split(',').map((v,i)=>{return `${i+1}月`}) | |
| console.log(months) | |
| // (12) ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"] |
linlymatsumura
/ _smooth gradient.scss
Created
April 23, 2018 16:00
this is smooth gradient mixin for sass.
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
| @mixin smooth-gradient($direction, $from, $to) { | |
| background-color: $to; | |
| background-image: linear-gradient($direction, | |
| rgba($from, 1) 0%, | |
| rgba($from, 0.738) 19%, | |
| rgba($from, 0.541) 34%, | |
| rgba($from, 0.382) 47%, | |
| rgba($from, 0.278) 56.5%, | |
| rgba($from, 0.194) 65%, | |
| rgba($from, 0.126) 73%, |