GitHub - postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I UseYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
CSSãƒã‚¹ãƒˆãƒ—ãƒã‚»ãƒƒã‚µãƒ¼æ™‚代ã®åˆ°æ¥
Sassã‚„LESSã¨ã„ã£ãŸCSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã¯å¸‚民権を得ãŸã¨è¨€ã£ã¦è‰¯ã„ã¨æ€ã†ã€‚ã—ã‹ã—ãれらCSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã¯é–‹ç™ºã¨ã„ã†æ®µéšŽã«ã®ã¿åˆ©ã‚’ã‚‚ãŸã‚‰ã™ã‚‚ã®ã§ã€ä»Šã®ã¨ã“ã‚ã¯ãれ以上ã§ã¯ãªã„。CSSを実際ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å±Šã‘ã‚‹ã¾ã§ã«ã¯ã€é–‹ç™ºã ã‘ã§ã¯ãªãレビューã¨ãƒªãƒªãƒ¼ã‚¹ã¨ã„ã†æ®µéšŽã‚‚ã‚る。レビューã¨ãƒªãƒªãƒ¼ã‚¹ã‚‚確実性をæŒã£ã¦åŠ¹çŽ‡çš„ã«è¡Œã†ãŸã‚ã«ã¯ã€CSSãƒã‚¹ãƒˆãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã¨ç·ç§°ã•ã‚Œã‚‹ã‚ˆã†ãªãƒ„ール群ãŒå¿…è¦ã«ãªã‚‹ã ã‚ã†ã€‚ ã“ã®æ–‡æ›¸ã¯Frontrend Advent Calendar 2013ã®4日目ã¸ã®è¨˜äº‹ã¨ã—ã¦å¯„稿ã—ãŸã€‚明日ã¯@hilokiã•ã‚“ãŒã‚¹ã‚¿ã‚³ãƒ©ã‚µãƒƒã‚µã¨æ›¸ãよã†ã 。 目次 CSSãƒã‚¹ãƒˆãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã¨ã¯ CSSプリプãƒã‚»ãƒƒã‚µãƒ¼ã®å‡ºåŠ›ã™ã‚‹CSS CSS Lint 開発用ã¨ãƒ¬ãƒ“ュー用ã€ãƒªãƒªãƒ¼ã‚¹ç”¨ã®CSS CSSãƒã‚¹ãƒˆãƒ—ãƒã‚»ãƒƒã‚µãƒ¼ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ ベンダー拡張プリフィックスã®ä»˜åŠ Media Queries
最近ã®LESSã®å°è©±ã¨æ–°æ©Ÿèƒ½ç´¹ä»‹ï¼ˆä¸€éƒ¨ï¼‰ - inkdesign
08 Dec 2012 ※ã“ã®è¨˜äº‹ã¯ã€CSS Preprocessor Advent Calendar 2012ã®7日目ã®è¨˜äº‹ã®ãŠã¾ã‘ã§ã™ã€‚ CSSプリプãƒã‚»ãƒƒã‚µï¼ˆCSSメタ言語）ã¯ã€SassãŒäººæ°—ã‹ã¤ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚‚é »ç¹ã€æ–°æ©Ÿèƒ½å¢—ãˆã¦ã‚‹ï¼ã¿ãŸã„ãªç©ºæ°—ã‚’æ„Ÿã˜ãŸã‚Šã™ã‚‹ã‚“ã§ã™ãŒã€LESSã‚‚ãŒã‚“ã°ã£ã¦ã¾ã™ã€‚ 開発ã®åœæ»ž 5ヶ月ã»ã©å‰ã«Crunchã¨ã„ã†LESS対応エディタを開発ã—ã¦ã„ã‚‹Matthew Deanæ°ãŒã€ LESSã®é–‹ç™ºæ¢ã¾ã£ã¦ã¾ã™ã‚„ん。ãã‚Œã«æ¯”ã¹ã¦Sassã¯ã‚ã£ã¡ã‚ƒæ›´æ–°ã—ã¦ã‚“ã§ã€‚ Is LESS in need of support? ã¨ã„ã†issueã‚’ã‚ã’ãŸã€‚ ãã‚Œã«å¯¾ã—ã€é–‹ç™ºè€…ã®Alexis Sellieræ°ï¼ˆ[cloudhead](http://cloudhead.io/）ãŒåŒissueã«ã¦ã€ã“ã®ã‚ˆã†ã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã‚ã’ãŸã€‚ ä»–ã«ã‚„ã‚‹ã“ã¨ã‚ã‚‹ã‹ã‚‰ã€ä»ŠLESSã«å‰²ã時間ã‚ã‚Šã¾ã›ã‚“ã‚ー
第1回　LESSã®ãƒ¡ãƒªãƒƒãƒˆã¨å°Žå…¥æ–¹æ³• | gihyo.jp
CSSをより柔軟ã«ã€ã‚ã‹ã‚Šã‚„ã™ãã€é€Ÿãã€ãƒŸã‚¹ã‚’å°‘ãªã記述ã§ãã‚‹ 最近ã€CSSã®æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒLESSã€ãŒè©±é¡Œã«ãªã£ã¦ã„ã¾ã™ã€‚LESSã¨ã¯ã€ã‹ã‚“ãŸã‚“ã«è¨€ãˆã°ã€CSSã®è‰¯ã„ã¨ã“ã‚ã‚’æ´»ã‹ã—ã¤ã¤ã‚‚ 「より柔軟ã«ã€ 「よりã‚ã‹ã‚Šã‚„ã™ã〠「より速ã〠「よりミスを少ãªã〠記述ã§ãã‚‹ã¨ã„ã†ã€æ–°ã—ã„書ãæ–¹ã§ã™ã€‚ã†ã•ã‚“ãã•ã„ã¨æ„Ÿã˜ã‚‹ã»ã©ã«ã„ã„ã“ã¨ã¥ãã‚ã§ã™ã。 CSSã®æ‹¡å¼µãƒ¡ã‚¿è¨€èªžã«ã¯ã€LESSã®ä»–ã«ã‚‚ã€Sassã€Stylusã¨ã„ã£ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€LESSã¯ä¸€ç•ªCSSã®æ›¸å¼ã«è¿‘ãã€æ´»ç”¨ã™ã‚‹ãŸã‚ã®ãƒ„ールãŒãã‚ã£ã¦ã„ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ 最近LESSã«ã¤ã„ã¦ã€ã¯ã¦ãªãƒ–ックマークや技術系ブãƒã‚°ã§ã‚‚ãŸãã•ã‚“ã¨ã‚Šã‚ã’られã¦ã„ã‚‹ã®ã§ã€å®Ÿéš›ã«èˆˆå‘³ã‚’æŒã£ã¦ã„る方や試ã—ãŸæ–¹ã‚‚ã„らã£ã—ゃるã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ã€ã¾ã 入門記事ãŒå¤šãã€å®Ÿéš›ã«å°Žå…¥ã—ãŸã¨ãã®ãƒ¡ãƒªãƒƒãƒˆã‚’イメージã§ããªã„ã“ã¨ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ 本連載ã§ã¯ã€
Twitter製。LESSã‹ã‚‰CSSを生æˆÂ·RECESS MOONGIFT
RECESSã¯Twitter社ãŒé–‹ç™ºã—ãŸLESSã‹ã‚‰CSSã¸ã‚³ãƒ³ãƒ‘イルã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ 最近ã¯CSSã‚‚ãã®ã¾ã¾ã§ã¯ãªãLESSã‚„Sassを使ã£ã¦æ›¸ãケースãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãã“ã§ç´¹ä»‹ã—ãŸã„ã®ãŒRECESSã€Twitter社ã®é–‹ç™ºã—ãŸLESSコンパイルツールã§ã™ã€‚ インストールã—ã¾ã™ã€‚npmã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚ 解æžå‡¦ç†ã§ã™ã€‚ オプションã§ã™ã€‚ RECESSを使ã†ã¨LESSã‹ã‚‰CSSã¸ã®å¤‰æ›ã¯ã‚‚ã¡ã‚ã‚“ã€çŸç¸®åŒ–ã‚‚ã§ãã¾ã™ã€‚IDã‚„.js-ã§å§‹ã¾ã£ã¦ã„るクラスã€div#foo.barã®ã‚ˆã†ãªæ›¸ãæ–¹ã€ã‚¢ãƒ³ãƒ€ãƒ¼ã‚¹ã‚³ã‚¢ã‚’使ã£ã¦ã„ã‚‹å ´åˆãªã©ã«æ³¨æ„を出ã™æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ï¼ˆã‚ªãƒ—ションã§å‡ºã•ãªã„よã†ã«ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ï¼‰ã€‚ã•ã‚‰ã«ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’監視ã—ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ›´æ–°ã™ã‚‹ã¨è‡ªå‹•ã§å¤‰æ›ã¨è¨€ã£ãŸã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãã®ä»–APIãŒã‚ã‚Šã€node.jsã®ã‚¹ã‚¯ãƒªãƒ—トã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ RECESSã¯no
ダイアリーã®ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ / Meteor.js ã§ã‚¹ã‚¿ã‚¤ãƒ«å¤‰æ›´ä½œæ¥ - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
ã“ã®é ƒã“ã®ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã‚’時折更新ã—ã¦ã„ã¾ã™ãŒã€æ”¹ã‚ã¦è¦‹ã¦ã¿ã‚‹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé‡Žæš®ã£ãŸã‹ã£ãŸã®ã§ã€å¤‰æ›´ã—ã¾ã—ãŸã€‚Readability を通ã—ã¦èªã‚“ã ã¨ãã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒéžå¸¸ã«èªã¿ã‚„ã™ã„ã®ã§ã€ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’パ･･･å‚考ã«ã—ã¾ã—ãŸã€‚ ã¡ã‚‡ã£ã¨ã¾ã 一部スタイルãŒå½“ãŸã£ã¦ãªã„ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ãŒã€åŸºæœ¬ã¯ã“ã®è·¯ç·šã§ã€‚Chromeã€Firefoxã€Safari ã§ã¯ç¢ºèªæ¸ˆã¿ã€‚Windows 㨠Opera ã§ã¯è¦‹ã¦ã„ãªã„ã®ã§ã©ã†ãªã‚‹ã‹ã‚ã‹ã‚Šã¾ã›ã‚“。 ã©ã†ã‚„ã£ã¦å¤‰æ›´ã—ãŸã‹ ダイアリーã®ç®¡ç†ç”»é¢ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’入力ã—ã¦ãƒ—レビューã§ï½¥ï½¥ï½¥ã¨ã¡ã¾ã¡ã¾å¤‰æ›´ã—ã¦ã„ãã®ã¯æµçŸ³ã«å¤§å¤‰ãªã®ã§ã€ã‚„り方を少ã—工夫ã—ã¾ã—ãŸã€‚先日触ã£ãŸ Meteor.js を使ã£ã¦å…ˆã«ç°¡å˜ãªã‚¢ãƒ—リを作ã£ã¦ã€ãã®ã‚¢ãƒ—リ上ã§å¤‰æ›´ã—ã¦ã§ãã‚ãŒã£ãŸ CSS を管ç†ç”»é¢ã«è²¼ã‚Šä»˜ã‘ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ 以下ã€ãã®ã‚½ãƒ¼ã‚¹ã€‚ https://github.com/naoya/m
Meteor.js - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
http://www.meteor.com/ ã§å…¬é–‹ã•ã‚ŒãŸ Meteor.js ã‚’å°‘ã—触ã£ã¦ã¿ã¾ã—ãŸã€‚TechCrunch ãªã‚“ã‹ã§ã‚‚話題ã«ãªã£ã¦ã„ã¾ã—ãŸã。 Meteor.js 㯠JavaScript ã«ã‚ˆã‚‹ã‚¦ã‚§ãƒ–アプリケーションフレームワークã§ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚‚サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã‚‚ãªã„ã€"Isomorphic" ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ コンセプトã¨ã—ã¦ã„ãã¤ã‹ç‰¹å¾´ãŒã‚ã‚‹ã®ã§ã™ãŒã€ãã®æœ€ãŸã‚‹ã‚‚ã®ã¯ "Reactive Programming" ã§ã€ãƒ¢ãƒ‡ãƒ«ã‚„セッションãªã©ã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’æ›´æ–°ã™ã‚‹ã¨ãã®æ›´æ–°å†…容ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã€ãã®ã‚¢ãƒ—リケーションを開ã„ã¦ã„る全クライアントã«ä¼ã‚るよã†ãªã‚¢ãƒ—リケーションを簡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®è¾ºã¯å®Ÿä¾‹ã‚’見るã®ãŒæ—©ã„ã§ã™ã€‚ http://www.meteor.com/examples/leaderboard ã“ã“ã«ã‚ã‚‹å‹•ç”»ã§ã¯ã€ã‚るブラウザã§
1分ã§Webアプリを作れã¦ã€3分ã§å…¬é–‹ã§ããŸï¼ã‚ªãƒ¼ãƒ«JavaScriptã§Webアプリを開発ã§ãã‚‹Meteorを触ã£ã¦ã¿ãŸ - IT-Walker on hatena
ã‚‚ã†Javaã‚‚Rubyã‚‚è¦ã‚‰ãªã„？–JavaScriptオンリーã®æœªæ¥æ´¾WebアプリフレームワークMeteorãŒãƒ‡ãƒ“ューã¨ã„ã†è¨˜äº‹ã§çŸ¥ã£ãŸã€æ–°ã—ã„フレームワークMeteor。 ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ãŸã®ã§ã€è»½ã触ã£ã¦ã¿ã¾ã—ãŸã€‚ã™ã”ã™ãŽã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã®ç™»å ´ã§ã™ï¼ï¼ æ£ç¢ºã«è¨€ã†ã¨ã€å®Ÿè¡Œç’°å¢ƒï¼†ãƒ•ãƒ¬ãƒ¼ãƒ ワーク＆クラウドPaaS＆パッケージマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ょã†ã‹ã€‚Node.jsã¨Herokuã¨npmãŒä¸€ç·’ã«ãªã£ãŸã‚ˆã†ãªã‚‚ã‚“ã ã¨æ€ãˆã°ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ãã¨æ€ã„ã¾ã™ãŒã€å®Ÿæ…‹ã¯ãれらを上回ã£ã¦ã„ã¾ã™ï¼ˆãƒ‘ッケージ数ã¯npmã®æ¯”ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“ãŒãƒ»ãƒ»ãƒ»ä½¿ã„å‹æ‰‹ã¨ã„ã†æ„味ã§ï¼‰ã€‚ インストール ターミナルをãŸã¡ã‚ã’ã¦ã€ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’実行ã™ã‚‹ã ã‘。 （行é ã®$ã¯ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã§ã‚ã‚‹ã“ã¨ã‚’表ã—ã¦ã‚‹ã ã‘ã§ã€ã‚³ãƒžãƒ³ãƒ‰ã®ä¸€éƒ¨ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“） $ curl install.meteor.com | sh ã“れ㧠/usr/
圧縮後ã®JavaScriptやコンパイル後ã®CoffeeScriptã§ã‚‚ã€ãƒ–ラウザ上ã§å…ƒã®ã‚½ãƒ¼ã‚¹ã‚’å‚ç…§ã§ãる新技術「Source Mapsã€ç™»å ´
圧縮後ã®JavaScriptやコンパイル後ã®CoffeeScriptã§ã‚‚ã€ãƒ–ラウザ上ã§å…ƒã®ã‚½ãƒ¼ã‚¹ã‚’å‚ç…§ã§ãる新技術「Source Mapsã€ç™»å ´ JavaScriptをデプãƒã‚¤ã™ã‚‹éš›ã«ã¯ã€ã§ãã‚‹ã ã‘å°ã•ãã™ã‚‹ãŸã‚ã«ä½™è¨ˆãªã‚¹ãƒšãƒ¼ã‚¹ã‚„改行をå–り除ãã€ã•ã‚‰ã«é–¢æ•°åãªã©ã‚‚変æ›ã—ã¦åœ§ç¸®ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—圧縮後ã®JavaScriptã«ãƒã‚°ãŒè¦‹ã¤ã‹ã‚‹ã¨ãã®ã¾ã¾ã§ã¯ãƒ‡ãƒãƒƒã‚°ã—ã«ãã„ãŸã‚ã€ã„ã¡ã„ã¡å…ƒã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«æˆ»ã—ã¦ãƒ‡ãƒãƒƒã‚°ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 Webサイト「HTML5 Rocksã€ã®è¨˜äº‹ã€ŒINTRODUCTION TO JAVASCRIPT SOURCE MAPSã€ã§ç´¹ä»‹ã•ã‚ŒãŸWebブラウザã®æ–°æŠ€è¡“「Source Mapsã€ã¯ã€åœ§ç¸®çŠ¶æ…‹ã®ã‚³ãƒ¼ãƒ‰ã‚’実行ã—ã¦ã„ã¦ã‚‚å…ƒã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å‚ç…§ã—ãªãŒã‚‰ãƒ‡ãƒãƒƒã‚°ã§ãã‚‹ã ã‘ã§ãªãã€CoffeeScriptã®ã‚ˆã†ãªJavaScriptã¸å¤‰æ›ã™ã‚‹è¨€èªžã§ã‚ã£ã¦ã‚‚ã€
Learn web development  | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Sass vs. LESS vs. Stylus: Preprocessor Shootout | Envato Tuts+
Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this article, we will be covering the various features and benefits of using three different preprocessors—Sass, LESS, and Stylus. Introduction Preprocessors produce CSS that works in all browsers. CSS3 preprocessors are languages written for the sol
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}