ドメインパーã‚ングmashupaward.jp
タスク自動化ツール「gulp〠を使ã£ã¦åˆ¶ä½œæ™‚é–“ã‚’çŸç¸®ã—よã†
2014å¹´12月24æ—¥ Webサイト制作, 便利ツール ã¿ãªã•ã‚“ã€ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã‚’使ã£ã¦ã„ã¾ã™ã‹ï¼Ÿã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã¨ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸®ã‚„Sassã®ã‚³ãƒ³ãƒ‘イルãªã‚“ã‹ã‚’ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿å˜ã—ãŸã¨åŒæ™‚ã«è‡ªå‹•ã§è¡Œãªã£ã¦ãã‚Œã‚‹ç´ æ•µãƒ„ãƒ¼ãƒ«ã§ã™ã€‚制作ã®ã‚¹ãƒ”ードアップも間é•ã„ãªã—ï¼ä»Šå›žã¯ãã‚“ãªã‚¿ã‚¹ã‚¯è‡ªå‹•åŒ–ツールã®ã²ã¨ã¤ã€gulpを紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ gulpã¨ã¯ gulpã¨ã¯ã€Node.jsを使ã£ãŸã‚¿ã‚¹ã‚¯è‡ªå‹•åŒ–ツールã§ã™ã€‚CSSã‚„JavaScriptファイルã®åœ§ç¸®ã‚„çµåˆã€Sassã®ã‚³ãƒ³ãƒ‘イルãªã‚“ã‹ã‚‚自動化ã§ãã‚‹ã®ã§ã€ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã—ã‹ã„ã˜ã‚‰ãªã„よï¼ã€ã¨ã„ã†Webデザイナーã•ã‚“ã§ã‚‚ã€ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ä½œæ¥ãŒã‹ãªã‚Šã¯ã‹ã©ã‚Šã¾ã™ã‚ˆã€‚一度gulpã§ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’作æˆã—ã¦ãŠãã¨ã€è‡ªå‹•åŒ–ã®æ‰‹é †ã‚’ä»–ã®äººã¨å…±æœ‰ã§ãã‚‹ã®ã§ã€ãƒãƒ¼ãƒ ã§é–‹ç™ºã™ã‚‹æ™‚ã«ã‚‚力を発æ®ã—ã¦ãã‚Œã¾ã™ï¼ Gruntã¨ã®é•
SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Video marketing platform and animated video maker
{{#tags}}- {{label}}
{{/tags}}