We have been analyzing user actions by Mixpanel. If you mind tracking, please click here to opt out.
gulp generator
We have been analyzing user actions by Mixpanel. If you mind tracking, please click here to opt out.
PostCSSã¨ã¯ä½•ã‹ - morishitter blog
PostCSSã¨ã„ã†node.js製ã®ãƒ„ールãŒã‚る。 PostCSSã®GitHubã§ã®Staræ•°ã¯4000を超ãˆã€æµ·å¤–ã®ãƒ–ãƒã‚°ã§ã¯PostCSSã«ã¤ã„ã¦ã®è¨˜äº‹ã‚’よãç›®ã«ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã—ã‹ã—ã¾ã 日本ã§ã¯ç››ã‚Šä¸ŠãŒã‚Šã‚’æ„Ÿã˜ã¦ã„ãªã„ã®ã§ã€æ—¥æœ¬èªžã®PostCSSã®è¨˜äº‹ã‚’書ãã“ã¨ã«ã—ãŸã€‚ PostCSS PostCSSã¨ã¯ã€JavaScriptã§æ›¸ã„ãŸãƒ—ラグインã§CSSを変æ›ã™ã‚‹ãŸã‚ã®ãƒ„ールã 。 PostCSS自体ã¯ã€CSSパーサーã¨ãã®ASTã‚’æ“作ã™ã‚‹ãŸã‚ã®APIã®ã¿ã‚’æä¾›ã—ã¦ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯PostCSSã®ãƒ—ラグインを書ãã“ã¨ã§CSSを変æ›ã™ã‚‹ã“ã¨ãŒã§ãる。 僕もPostCSSを使ã£ã¦ã€ä»¥å‰ãƒ–ãƒã‚°ã«ã‚‚書ã„ãŸAtCSSã¨ã„ã†CSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã‚„ã€postcss-style-guideã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’Markdownã‹ã‚‰è‡ªå‹•ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒ—ラグインãªã©ã‚’書ã„ãŸã“ã¨ãŒã‚る。 PostCSS
How to Use npm as a Build Tool
Update: I frequently get asked, considering this post is now years old, whether or not I still stand by the advice in this post, and whether new developers should use npm as a build tool. The advice still stands, and I believe developers should use npm as a build tool. Myself; I’ve been Gulp & Grunt free since 2013™. Should I ever change my stance on this, I will immediately update this post. Last
Grunt/Gulpã§æ†”æ‚´ã—ãŸãŠã£ã•ã‚“ã®è©± | MOL
先人ãŸã¡ãŒ1å¹´å‰ã«é€šã£ãŸé“ã§ã€ã„ã‚ã„ã‚ã„ã¾ã•ã‚‰ã‹ã‚ˆã£ã¦è©±ãªã‚“ã§ã™ãŒã€‚基本的ã«ä»¥ä¸‹ã®è¨˜äº‹èªã‚“ã ら分ã‹ã‚Šã¾ã™ã€‚è¦ã¯Gulpã¨ã‹Gruntã¨ã„ã£ãŸãƒ¢ãƒŽä½¿ã‚ãšã«npm run hogehogeã§ãƒ“ルドã—よーãœã£ã¦è©±ã§ã™ã€‚ task automation with npm run オレ的Gruntã«å¯¾ã™ã‚‹æœ€æ–°ã®æ°—æŒã¡ - from scratch Node - npm ã§ä¾å˜ã‚‚タスクも一元化ã™ã‚‹ How to Use npm as a Build Tool // package.json "scripts": { "start": "npm run start-serve & npm run watch", "test": "stylestats public/files/css/maple.css", "start-serve": "browser-sync start --server publ
http://ipestov.com/essential-plugins-for-gulp/
See related links to what you are looking for.
spriteç”»åƒã¯ã‚‚ã†çµ‚ã‚り？gulpã§Icon Fontã‚’ã¤ãã‚ã†ï¼ | Goodpatch Blog
ã“ã‚“ã«ã¡ã¯ã€‚太朗ã§ã™ã€‚ 最近案件ã§ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆãŒä¾¿åˆ©ã ã£ãŸã®ã§ã”紹介致ã—ã¾ã™ã€‚ アイコンフォントã®ãƒ¡ãƒªãƒƒãƒˆ スプライト画åƒã¯ã¡ã‚‡ã£ã¨ã—ãŸè‰²ã‚„サイズã®å¤‰æ›´ã‚‚ç”»åƒãªã®ã§é¢å€’ã§ã™ã‚ˆã。アイコンフォントを使ãˆã°è‰²ã‚„サイズをCSSã§è‡ªåœ¨ã«ç·¨é›†ã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒã‹ãªã‚Šæ¥½ã¡ã‚“ã§ã™ã€‚ãªãŠã€ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‡ãƒ¼ã‚¿ãªã®ã§é«˜è§£åƒåº¦ãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚対応ã§ãã¾ã™ï¼ アイコンフォントをgulpã§ä½œã‚‹ ã§ã¯ã€ã©ã†ã‚„ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’作るã®ã‹ï¼Ÿä½œã‚Šæ–¹ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€ä¸€ç•ªæ‰‹ã£å–ã‚Šæ—©ã„ã®ã¯gulpã§è‡ªå‹•ã§ç”Ÿæˆã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ãªãŠgulpã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãªã©ã¯çœç•¥ã•ã›ã¦ã‚‚らã„ã¾ã™ã€‚ 以下ãŒgulpファイルã®ä¾‹ã§ã™ã€‚ gulp.coffee 'use strict'; gulp = require 'gulp' $ = require('gulp-load-plugins')() # svg を圧縮ã™ã‚‹ gulp.tas
Generating CSS sprites with Gulp — Frontend Babel
While working with one large project, my colleague and I were thinking about how to automate building the CSS sprites. Before, we used to build them manually or with different online services which anyway took a lot of time. Also, by that time we already used Gulp to build the project and so were looking for a gulp-friendly solution for sprites. Initially we were choosing from different variants:
Node.jsエンジニアãªã‚‰2014年内ã«çŸ¥ã£ã¦ãŠããŸã„Promise入門 | Tokyo Otaku Mode Blog
Promiseã¯éžåŒæœŸå‡¦ç†ã‚’ベースã«ã—ãŸä¸¦åˆ—処ç†ã®å®Ÿè£…方法ã®ä¸€ç¨®ã§ã™ã€‚Promiseã§ã¯ä¸¦åˆ—処ç†ã®å„タスクãŒå¿…ãš1回実行ã•ã‚Œã‚‹ã“ã¨ãŒä¿è¨¼ã•ã‚Œã€ã‚¿ã‚¹ã‚¯ã¨ã‚¿ã‚¹ã‚¯ã‹ã‚‰ã®çµæžœã‚’å–å¾—ã™ã‚‹å‡¦ç†ã‚’分離ã™ã‚‹ã“ã¨ã§ãã¾ã™ã€‚ã¾ãŸã€ã‚¿ã‚¹ã‚¯ã®ä¸¦åˆ—処ç†ï¼ç›´åˆ—処ç†ã‚’ユーザーãŒè‡ªç”±ã«åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ECMAScript Language Specification 6th Editionã«PromiseãŒè¿½åŠ ã•ã‚ŒãŸã“ã¨ã‹ã‚‰ã€ã—ã°ã‚‰ãã®é–“JavaScriptã®éžåŒæœŸå‡¦ç†ã«é–¢ã™ã‚‹è©±é¡Œã®ä¸å¿ƒã¯Promiseã«ãªã‚‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚ Node.jsã§ã‚‚æ—¢ã«Promise対応ã—ãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚‚多ãã€Promiseã§ã®ã¿éžåŒæœŸå‡¦ç†ã‚’æä¾›ã—ã¦ã„るモジュールもå˜åœ¨ã—ã¾ã™ã€‚Promiseを使用ã™ã‚‹æ©Ÿä¼šã¯ä»Šå¾Œå¿…然的ã«å¢—ãˆã¦ã„ãã§ã—ょã†ã€‚ 今回ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€Node.jsã§Promiseを使用ã™ã‚‹æ–¹æ³•ã‚’説明ã—ã¾ã™ã€‚コード例をä¸å¿ƒã«ç†
ã¾ãšã¯ã€Œgulpã€ã‚’å‹•ã‹ã—ã¦ã¿ã‚ˆã†ï¼ ～セットアップã¨ã¯ã˜ã‚ã¦ã®ã‚¿ã‚¹ã‚¯å®Ÿè¡Œ
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
~/.scss-lint.yml
SCSS-Lintã®è¨å®šã‚’煮詰ã‚ã¦ã„ãŸã€‚èªã¿ã‚„ã™ã•ã¨æ›¸ãã‚„ã™ã•ã‚’優先ã—ã¦ã€ä»–ã¯CSS Lintã§ã®ãƒã‚§ãƒƒã‚¯ã«å…ˆå»¶ã°ã—ã—ãŸã‚Šã€CSS圧縮ツールãªã©ã«ã‚ˆã‚‹è‡ªå‹•å‡¦ç†ã«æœŸå¾…ã™ã‚‹ã‚ˆã†ãªå½¢ã«è½ã¡ç€ã„ãŸã€‚ãã†ã™ã‚‹ã“ã¨ã§ã¡ã‚‡ãã¡ã‚‡ããƒã‚§ãƒƒã‚¯ã‹ã‘ã¦ã‚‚ストレスãŒãŸã¾ã‚‰ãªã„よã†ã«ã§ããŸã€‚ Download: scss-lint.yml SCSS-Lintã§ã¯å®Ÿè¡Œã—ãŸãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ¼ã¨ä¸Šæµã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ¼å…¨éƒ¨ã‹ã‚‰.scss-lint.ymlを探ã—ã¦ãれるã®ã§ã€ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ユーザー・ディレクトリーãªã©ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ»ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªãƒ¼ã®ä¸Šæµã«ç½®ã„ã¦ãŠãã¨ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨å®šã«ã™ã‚‹ã“ã¨ãŒã§ãる。以下ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‹ã‚‰å¤‰æ›´ã—ãŸã‚ªãƒ—ションã¨ã€ãã®å¤‰æ›´ã—ãŸç†ç”±ã‚’ç°¡å˜ã«è¨˜ã—ã¦ãŠã。 Comment デフォルトã§//ã®è¡Œã‚³ãƒ¡ãƒ³ãƒˆã—ã‹è¨±å¯ã•ã‚Œãªã„ã®ã§ã€æ®‹ã—ãŸã„コメントãŒã¾ã£ãŸã書ã‘ãªããªã‚‹ãŸã‚無効ã«ã—ãŸã€‚ライセンス表記を残ã›ãªããªã‚‹ã“ã¨ã‚‚ã
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Please Casino â–· Guides de casinos et des jeux d'argent ðŸ…
GitHub - postcss/postcss: Transforming styles with JS plugins
GitHub - SassDoc/sassdoc: Release the docs!
https://developers.google.com/web/tools/setup/workspace/setup-devtools
{{#tags}}- {{label}}
{{/tags}}