イマドã‚ã®ã‚³ãƒ¼ãƒ€ãƒ¼ç’°å¢ƒæ§‹ç¯‰2016
CSS Nite LP47 Coder's High 2016 http://cssnite.jp/lp/lp47 「イマドã‚ã®ã‚³ãƒ¼ãƒ€ãƒ¼ç’°å¢ƒæ§‹ç¯‰ã€ã§ç™ºè¡¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ※スライド上ã®URLリンクã¯åŠ¹ã‹ãªã„ã®ã§ã€ä¸‹éƒ¨æ–‡å—èµ·ã“ã—ã‹ã‚‰é£›ã‚“ã§ãã ã•ã„。Read less
Sassã«æ…£ã‚Œã¦ããŸã‚‰ã€mixin集「Bourbonã€ã‚’使ã£ã¦ã¿ã‚ˆã†ï¼ ｜ Tips Note by TAM
ã¿ãªã•ã‚“ã€æ¥½ã—ã„Sassライフをé€ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ 「ã¨ã‚Šã‚ãˆãš.cssã‚’.scssã«å¤‰ãˆã¦ã€ãƒã‚¹ãƒˆã«ã—ãŸã‚Šã—ã¦ä½¿ã£ã¦ã‚‹ã‚ˆï¼ã€ã¨ã„ã†æ–¹ã€ãã‚ãã‚mixinã‚’å–り入れã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ Sassã£ã¦ãªã‚“ã§ã—ょ？ã¨ã„ã†æ–¹ã¯ã€ä»¥å‰ã€ŒSass（SCSS）ã¯é›£ã—ããªã„よï¼ç§ãªã‚Šã®ä½¿ã„方をã”紹介ï¼ã€ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã®ã§ã€ãœã²ãã¡ã‚‰ã‚’ãŠèªã¿ä¸‹ã•ã„。 Sass（SCSS）ã¯é›£ã—ããªã„よï¼ç§ãªã‚Šã®ä½¿ã„方をã”ç´¹ä»‹ï¼ mixinã¨ã¯ï¼Ÿ スタイルを定義ã™ã‚‹ã®ã¯é€šå¸¸ã®CSSã¨åŒã˜ã§ã™ãŒã€ä½¿ã„回ã—ã‚’å‰æã¨ã—ãŸã€JSã§è¨€ã†ã¨ã“ã‚ã®é–¢æ•°ã®ã‚ˆã†ãªã‚‚ã®ã‚’作れるã®ãŒmixinã§ã™ã€‚ 言葉ã ã‘ã§ã¯ã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ã。mixinã¯ã“ã†ã„ã†æ›¸ã方をã—ã¾ã™ã€‚ hoge.scss ã®ä¸èº« /* @mixinã§å§‹ã¾ã£ã¦åŠè§’スペース＋åŠè§’英数。.（ドット）や#（シャープ）ã¯ã¤ã‘ãªã„ */ @mixin myborder { border-bot
æ°´ã£ã½ã„å‹•ãã®jQueryプラグイン3é¸ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ゆãŸã‚ã§ã™ã€‚ã©ã†ã‚‚ã§ã™ã€‚ 皆ã•ã‚“ã¯æ¡ˆä»¶ãªã©ã§ã€Œæ°´ã£ã½ã„å‹•ãã€ã‚’求ã‚られãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿã€€ã‚¼ãƒã‹ã‚‰å®Ÿè£…ã™ã‚‹ã¨ã‹ãªã‚Šæ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€ãƒ—ラグインを使ãˆã°ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ä»Šå›žã¯ã€æ°´ã£ã½ã„表ç¾ã‚’ã™ã‚‹ãƒ—ラグインã®ç´¹ä»‹ã¨ã€ãれを使用ã—ãŸsampleソースを紹介ã—ã¦ã„ãã¾ã™ã€‚ ▼目次 ã·ã‚ˆã·ã‚ˆå‹•ã水玉風 jquery.morphing.js æ°´ãŸã¾ã‚Šã®æ³¢ç´‹é¢¨ jquery.ripples.js フラットデザインã¨ç›¸æ€§æŠœç¾¤ raindrops.js ã¾ã¨ã‚ ã·ã‚ˆã·ã‚ˆå‹•ã水玉風 jquery.morphing.js jquery.morphing.jsã¯ã€è¦ç´ ã«å¯¾ã—ã¦ã€ã·ã‚ˆã·ã‚ˆã¨å‹•ã円形ã®ã‚¯ãƒªãƒƒãƒ”ングマスクを作ã£ã¦ãれるプラグインã§ã™ã€‚ https://github.com/ANTON072/jquery.morphing.js html ダウンãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«
ランã‚ング
メンテナンス
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}