[B! material] phiaryã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

phiary id:phiary

materialã«é–¢ã™ã‚‹phiaryã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã¨ç›¸æ€§ãŒã„ã„ã‚«ãƒ¼ãƒ‰åž‹UIã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®å®Ÿè£…ã‚¢ã‚¤ãƒ‡ã‚¢ã®ã¾ã¨ã‚
Pinterestã‹ã‚‰äººæ°—ãŒå‡ºå§‹ã‚ãŸã‚«ãƒ¼ãƒ‰åž‹UIã¯ã€ã“ã“1, 2å¹´ã®é–“ã«æ—¥æœ¬ã§ã‚‚å¤šãã®Webã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚Bootstrapã‚„Material Designã«ã‚‚æŽ¡ç”¨ã•ã‚Œã¦ãŠã‚Šã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚‚éžå¸¸ã«ç›¸æ€§ãŒã‚ˆã„UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§ã™ã€‚ ãã‚“ãªã‚«ãƒ¼ãƒ‰åž‹UIã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å„ãƒªãƒ³ã‚¯å…ˆã§ã¯HTMLã‚„CSSã€ä½¿ç”¨ã—ã¦ã„ã‚Œã°JavaScriptã‚‚ç·¨é›†ãƒ»ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ Recipe Card ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸€éƒ¨ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ä»–ã«ã‚‚å†™çœŸãŒã‚ºãƒ¼ãƒ ã—ãŸã‚Šã€ã‚¿ãƒ–ï¼ˆæ©Ÿèƒ½ã¯æœªï¼‰ãªã©ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€çœã‚¹ãƒšãƒ¼ã‚¹ã«å¤šãã®æƒ…å ±ã‚’æŽ²è¼‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
phiary 2016/06/08
html

material
ãƒªãƒ³ã‚¯
phiary
Code Chip ã‚¿ã‚°ã®å®šç¾©éƒ¨åˆ†ã§ã™. Jade ã§æ›¸ã„ã¦ã¾ã™. chip(class='{has-icon: opts.icon, deletable:opts.deletable}') div.chips-icon(if='{opts.icon}') span(if='{opts.icon === true}', style='background-color: {iconColor};') {value.substr(0, 1)} img(if='{opts.icon !== true}', src='{opts.icon}') a(href='') {opts.value} div.delete-icon(onclick='{_del}') i.material-icons clear style(scoped, type='less'). :scope { display: i
phiary 2016/06/02
Riot.js

material

jade
ãƒªãƒ³ã‚¯
phiary
Material Design ã§ä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã§ã™. ã‚¢ãƒ¬ã‚’ CSS ã®ã¿ã§å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸ. ã‚ãã¾ã§ãƒ©ã‚¤ã‚¯ãªã®ã§, ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã‹ã‚‰ã§ã¯ãªã ãƒœã‚¿ãƒ³ã®ä¸å¿ƒã‹ã‚‰ Ripple Effect ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™. Pure CSS ã§ã‚‚ã‚¯ãƒªãƒƒã‚¯ã—ãŸä½ç½®ã‹ã‚‰è¡¨ç¤ºã™ã‚‹æ–¹æ³•çŸ¥ã£ã¦ã‚‹æ–¹ã„ãŸã‚‰æ•™ãˆã¦ä¸‹ã•ã„. http://goo.gl/s0yI5A Code HTML <a class='btn-ripple'>default</a> <a class='btn-ripple red'>red</a> <a class='btn-ripple green'>green</a> <a class='btn-ripple blue'>blue</a> CSS .btn-ripple { position: relative; overflow: hidden; display: inl
phiary 2016/02/04
material

Ripple

CSS
ãƒªãƒ³ã‚¯
phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python ãƒ¢ãƒ¼ãƒ€ãƒ«ã®ä½œã‚Šæ–¹ ã‚¹ãƒ†ãƒƒãƒ—å½¢å¼ã§è§£èª¬ã—ã¦ã„ã¾ã™. ãã‚Œãžã‚Œ Runstan ã®ãƒ‡ãƒ¢ã‚‚ã‚ã‚Šã¾ã™!! 1. Materialize ã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— å‰å›žåŒæ§˜ cdnjs çµŒç”±ã§èªã¿è¾¼ã¿ã¾ã™. <script src='https://code.jquery.com/jquery-2.1.4.js'></script> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materi
phiary 2015/12/07
materialize

material

css
ãƒªãƒ³ã‚¯
phiary
material-scrolltop ã¨ã¯ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒƒãƒ—ã¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«é…ç½®ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™. ä»Šé¢¨ã®ã‚¹ãƒ ãƒ¼ã‚ºãªè¡¨ç¤º, ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå®Ÿç¾ã§ãã¾ã™. official github material-scrolltop ãƒ‡ãƒ¢ ç°¡å˜ãªãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ. ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å³ä¸‹ã«ãƒœã‚¿ãƒ³ãŒå‡ºç¾ã—, æŠ¼ã™ã¨ãƒˆãƒƒãƒ—ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãƒ•ãƒ¯ãƒƒã¨æ¶ˆãˆã‚‹ã®ãŒåˆ†ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™. material-scrolltop ã®ä½¿ã„æ–¹ 1. ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€ jQuery ã¨ material-scrolltop.css, material-scrolltop.js ã‚’èªã¿è¾¼ã¿ã¾ã™. cdnjs ã¨ã‹ã«ã¯ã‚ãŒã£ã¦ãªã‹ã£ãŸã®ã§ rawgit ã§èªã¿è¾¼ã¿ã¾ã—ã‚‡ã†â™ª  <script src='https://cdnjs.cloudfl
phiary 2015/11/27
material

jquery
ãƒªãƒ³ã‚¯
1