ã“ã‚Œã‹ã‚‰ã®Web制作ã«ä½¿ãˆã‚‹ã€é¢ç™½ã„UIを実装ã§ãã‚‹jQuery・CSS集Fancy Inputテã‚スト入力時ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·... / Hook.js下ã«ã²ã£ã±ã‚‹ã¨ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹jQue... / Kontext CSS3を使ã£ãŸ3Dãªãƒšãƒ¼ã‚¸åˆ‡ã‚Š...ä»–...å…¨17件
スマートフォンãªã©ã«å¯¾å¿œã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインã«é–¢ã™ã‚‹CSSスタイル（font size自動調整をãã‚‹ãªã©ï¼‰ - ãらã’ã らã‘
å‰ã«ã‚‚一度ã€åŒã˜ã‚ˆã†ãªå•é¡Œã«ç›´é¢ã—ã¦èª¿ã¹ã¦è§£æ±ºã—ãŸã‚ˆã†ãªæ°—ãŒã—ãŸã®ã§ã™ãŒã€ä»Šå›žã‚‚ãŠãらããã®æ™‚ã¨åŒã˜ãGoogleã§èª¿ã¹ã¦è§£æ±ºã—ãŸã®ã§ã€ãƒ¡ãƒ¢ã£ã¦å¿˜ã‚Œãªã„よã†ã«ã—ã¦ãŠã“ã†ã€‚ font size自動調整をãã‚‹ 最近ã§ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザインã§ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã—ãŸã‚Šã—ã¾ã™ãŒã€ç§ã‚‚ãã‚“ãªæ„Ÿã˜ã®ä»•äº‹ã‚’ã—ã¦ã„ãŸã‚ã‘ã§ã™ã€‚最åˆã¯PC Chromeã§windowを伸ã³ç¸®ã¿ã•ã›ãªãŒã‚‰ä½œã£ã¦ã„ãŸã‚ã‘ã§ã™ãŒã€ã‚る程度ã§ããŸæ‰€ã§iPhone Mobile Safariã§ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ãŸã®ã§ã™ã€‚Portrait mode（縦å‘ã）ã§ã¯å•é¡Œãªã閲覧ã—ã¦ã„ãŸã®ã§ã™ãŒã€Landscape mode（横å‘ã）ã«ã—ãŸã¨ãã«ã©ã†ã‚‚æ–‡å—サイズãŒå¤‰ã«ãªã‚Šã¾ã™ã€‚ 最近ã¯iPhoneもリモートã§Web inspectorã§è¦‹ã‚ŒãŸã‚Šã—ã¾ã™ã‹ã‚‰ã€ç´°ã‹ã調ã¹ã¦ã¿ã¦ã‚‚数値的ã«ã¯å•é¡Œç„¡ã•ãã†ã€‚ãŠã‹ã—ã„ãªã£ã¦ã“ã¨ã§èª¿ã¹ãŸå¾Œã«ã€iPhoneã§ã¯
『スマートフォンå‘ã‘JavaScriptライブラリchikuwa.jsã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆAmeba（通称：デカグラフ）ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹2012年度新å’入社ã®ã‚ªã‚ªã‚·ãƒ¢ã¨ç”³ã—ã¾ã™ã€‚ デカグラフã§ã¯ã€ä¸»ã«SNS機能（サークル・掲示æ¿ãƒ»ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ»å†™çœŸãªã©ï¼‰ã®Node.jsã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®JavaScriptを担当ã—ã¦ã„ã¾ã™ã€‚ã¡ãªã¿ã«ã‚¨ãƒ‡ã‚£ã‚¿ã¯Sublime Text 2を使用ã—ã¦ã„ã¾ã™ã€‚ã¨ã£ã¦ã‚‚軽ãã¦é«˜æ©Ÿèƒ½ã§ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚jQueryを使用ã—ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ デカグラフã§ã¯ã€chikuwa.jsã¨å‘¼ã°ã‚Œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ç‰¹åŒ–ã—ãŸè»½é‡ãƒ©ã‚¤ãƒ–ラリを使用ã—ã¦ã„ã¾ã™ã€‚ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯å¼Šç¤¾ã®é¦–
ç”»åƒä¸è¦CSSã ã‘ã§ä½œã‚‹ãƒ†ã‚ストãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã®Tips
Webサイトã®ãƒã‚´ã‚¿ã‚¤ãƒ—ã¨ã„ãˆã°PhotoShopã‚’åˆã‚ã¨ã—ãŸç”»åƒã‚½ãƒ•ãƒˆã‚’用ã„ã¦ä½œã‚‹ã®ãŒä¸€èˆ¬çš„ãªæ°—ã‚‚ã—ã¾ã™ãŒã€ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ãªã‚‰CSSã®ãƒ—ãƒãƒ‘ティを指定ã™ã‚‹ã ã‘ã§ã‚‚作れãŸã‚Šã—ã¾ã™ã€‚今回ã¯ãã®ã‚µãƒ³ãƒ—ルã¨ãƒ•ã‚©ãƒ³ãƒˆé–¢ä¿‚ã§ä½¿ã†CSSプãƒãƒ‘ティã„ãã¤ã‹ã®ãŠã•ã‚‰ã„ãªã©ã‚’。 行間・å—é–“ã§å°è±¡ã¯ãã£ã¨å¤‰ã‚ã‚‹ サイトトップã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’ç”»åƒã§ã¯ãªãh1ã‚¿ã‚°ãªã©ã§è¡¨ç¤ºã—ã¦æ–‡å—ã¨ã—ã¦æ‰±ã†ã®ã¯SEO的効果ãŒã‚ã‚‹ï¼â€¦ã¨ã¯é™ã‚Šã¾ã›ã‚“ãŒã€ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªäººåや店åã€ãƒ•ãƒ¬ãƒ¼ã‚ºãªã©ã‚’サイトã®ã‚¿ã‚¤ãƒˆãƒ«ã¨ã—ãŸã¨ãã«ã¯ç«¶åˆå°‘ãªã„ã‚“ã§ã‚¿ã‚¤ãƒˆãƒ«+ä»–ã®ãƒ¯ãƒ¼ãƒ‰ãªã©ã§æ¤œç´¢ã•ã‚ŒãŸã¨ãã«å¤šå°‘ã®åŠ¹æžœã¯ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã€‚ Web fontã‚‚ã„ã¡ã„ã¡ãƒãƒ¼ãƒ‰ã™ã‚‹ã®ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã¨ã„ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ãŒã€æ—¥æœ¬èªžä½¿ã‚ãªã„英数å—ã ã‘ãªã‚‰æ¯”較的ストレスãªã使ã„ã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ã¨ã„ã†ã‚ã‘ã§ä»Šå›žã®ã‚µãƒ³ãƒ—ルã«ä½¿ã†ãƒ•ã‚©ãƒ³ãƒˆã¯éŽåŽ»è¨˜äº‹ã«æ›¸ã„ãŸGoogle web
Sublime Text 2ã®åŸºæœ¬ã¨ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€Vim風】
2012å¹´12月4日：Vim化ã«ã¤ã„ã¦æŒ‡æ‘˜ã¨å‚考ã«ãªã‚‹æƒ…å ±ã‚’ã„ãŸã ã„ãŸã®ã§è¿½è¨˜ã—ã¾ã—ãŸã€‚ ã“ã‚“ã«ã¡ã¯ã€åƒ•ã¯Vimユーザーã§ã™ï¼ˆã¡ãªã¿ã«Vimを完璧ã«ä½¿ã„ã“ãªã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“）。 今更ãªãŒã‚‰ã€ŒSublime Text 2ã€ã¨ã„ã†ãƒŠã‚¦ã§ãƒ¤ãƒ³ã‚°ãªã‚¨ãƒ‡ã‚£ã‚¿ã‚‚使ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ã¨æ€ã„ã€Sublime Textã®åŸºæœ¬è¨å®šã‹ã‚‰ãƒ—ラグインやスニペットã®ä½œã‚Šæ–¹ã¾ã§èª¿ã¹ãŸå†…容をã“ã®è¨˜äº‹ã«ã¾ã¨ã‚ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ç´°ã‹ã„æƒ…å ±ã¾ã§ã¾ã¨ã‚ã‚‹ã“ã¨ã¯ã§ããªã‹ã£ãŸã®ã§ã€ã‚ˆã‚Šè©³ã—ã„内容を紹介ã—ã¦ãã ã•ã£ã¦ã„るブãƒã‚°ã‚„サイトã¸ã®ãƒªãƒ³ã‚¯ã‚’è¨ã‘ã¦ã„ã¾ã™ã€‚ ã“ã®æƒ…å ±ä»¥å¤–ã«ã‚‚Sublime Text 2ã‚’Vimã«è¿‘ã¥ã‘るプラグインやカスタマイズ方法ãŒã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆã„ãŸã ã‘ã‚‹ã¨ã†ã‚Œã—ã„ã§ã™ã€‚ ã¾ãŸã€é–“é•ã„ãŒã‚ã‚Œã°ã‚³ãƒ¡ãƒ³ãƒˆã„ãŸã ã‘ã‚Œã°ã™ãã«ç›´ã—ã¾ã™ã€‚よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ Sublime Text 2ã¯æœ‰æ–™ï¼ˆ$59）ã®
Macユーザã®ç§ãŒWeb制作を行ã†ä¸Šã§ä½¿ç”¨ã—ã¦ã„るアプリ・ツール・サービス・ブックマークレットãªã©ã®ã¾ã¨ã‚
昨年よりã€5å¹´é–“ã‚„ã£ã¦ã„ãŸDTPã®éƒ¨ç½²ã‹ã‚‰Web制作ã®æ‹…当ã¨ç›¸æˆã£ãŸç§ã€‚ æ£ç›´ã€ã¾ã ã¾ã ãŠå‹‰å¼·ä¸ã®Web制作ãªã®ã§ã™ãŒã€ã¡ã‚‡ã„ã¨ã“ã“ã„らã§ä»Šè‡ªåˆ†ãŒä½¿ç”¨ã—ã¦ã„るアプリ・ツール・サービスãªã©ã‚’ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ デザインã«ä½¿ç”¨ã—ã¦ã„るアプリ ã¾ãšã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ç”¨ã—ã¦ã„るアプリ。 Adobe Photoshop・Illustrator デザインã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã¯Adobeã®Photoshopã¨Illustrator。（CS5） DTPã®ã“ã‚ã‹ã‚‰ä½¿ã£ã¦ã„ã‚‹ã®ã§éžå¸¸ã«æ…£ã‚Œã¦ã„ã‚‹ã®ã¯ã„ã„ã®ã§ã™ãŒã€ãŠã‹ã’ã•ã¾ã§æ–°ã—ã„環境ã«é£›ã³è¾¼ã‚€å‹‡æ°—ãŒãªãã€ã„ã¤ã‹è¦šãˆã‚ˆã†ã¨æ€ã£ã¦ã„ã‚‹Fireworksã«æ‰‹ã‚’出ã™æ™‚é–“ãŒã”ã–ã„ã¾ã›ã‚“。 ã¾ããã®ã†ã¡â€¦ã†ã‚“…。 ã©ã‚“ãªé¢¨ã«Illustratorã‚„Photoshopを使用ã—ã¦ã„ã‚‹ã®ã‹ã¯ã€ä»¥ä¸‹ã®è¨˜äº‹ã‚’ã”らんãã ã—ã‚。 ã“ã‚ŒãŒå‡ºæ¥ã‚Œã°ä¸ç´šè€…ï¼Illustratoråˆå¿ƒè€…ã®ãŸ
Sublime Text 2ã§ã‚³ãƒ³ãƒ‘イル編 ｜ クラスメソッド開発ブãƒã‚°
ã¯ã˜ã‚ã« ã“ã®ã‚·ãƒªãƒ¼ã‚ºã€Œã™ãã«ä½¿ãˆã‚‹SCSS入門シリーズã€ã§ã¯Scoutを使ã£ã¦ã‚³ãƒ³ãƒ‘イルã—ã¦ãã¾ã—ãŸã€‚ 最近Sublime Text 2ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚è²·ã£ã¦ã€æœ¬æ ¼çš„ã«ä½¿ã„始ã‚ã¾ã—ãŸã€‚ ãã“ã§ã€ä»Šå›žã¯Sublime Text 2（Windows, Mac）を使ã£ã¦ã‚³ãƒ³ãƒ‘イルã™ã‚‹æ–¹æ³•ã‚’調ã¹ãŸã®ã§ã€ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«è‹¦æ‰‹ãªäººãŒå¤šã„ã‹ã‚‚ã—ã‚Œãªã„é»’ã„ç”»é¢ã€Œã‚³ãƒžãƒ³ãƒ‰ãƒ—ãƒãƒ³ãƒ—トã¨ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã€ã‚’利用ã—ã¾ã™ã€‚ 難ã—ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ˜¯éžæŒ‘戦ã—ã¦ã¿ã¦ãã ã•ã„。ãã®ã†ã¡å¤§ã—ãŸã“ã¨ã—ã¦ãªã„ã˜ã‚ƒã‚“ã¨æ€ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 主ãªæµã‚Œ 主ãªæµã‚Œã¯ã“ã‚“ãªæ„Ÿã˜ã§ã€æœ€åˆã«é»’ã„ç”»é¢ã§ã‚³ãƒžãƒ³ãƒ‰ã‚’入力ã—ã¦ã„ãã¾ã™ã€‚ ãã‚ŒãŒçµ‚ã‚ã‚Œã°Sublime Text 2ã®è¨å®šã‚’è¡Œã„ã€ã‚³ãƒ³ãƒ‘イルを試ã—ã¾ã™ã€‚ Rybyã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« インストールã®ç¢ºèªã¨ã‚³ãƒ³ã‚½ãƒ¼ãƒ« Sassã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«
Sublime Text 2 ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ 12 é¸ï¼ˆWinã€Mac両方） ｜ クラスメソッド開発ブãƒã‚°
1ヶ月使ã£ã¦ä¾¿åˆ©ã ã¨æ€ã£ãŸ Sublime Text 2 ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ 12 é¸ï¼ˆWinã€Mac両方） 今ã€å··ã§è©±é¡Œã«ãªã£ã¦ã„るエディタ Sublime Text 2 ã§ã™ãŒã€ 最近社内ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚使用ã™ã‚‹æ©Ÿä¼šãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ Sublime Text 2 http://www.sublimetext.com/ インターフェースãŒã‚·ãƒ³ãƒ—ルã§é«˜é€Ÿã€ 機能を強化ã™ã‚‹ãƒ‘ッケージも豊富ã§ã€Gitã¨ã®åŒæœŸã‚‚å¿«é©ã§ã™ã€‚ ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€1ヶ月プãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã£ã¦ã¿ã¦ã€ ã¨ã¦ã‚‚便利ã ã¨æ€ã£ãŸã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’12個紹介ã—ã¾ã™ã€‚ 自分自身会社ã§ã¯Windowsã€è‡ªå®…ã§ã¯Macãªã®ã§ã€ Windows版ã¨Mac版ã®ä¸¡æ–¹ã‚’メモ代ã‚ã‚Šã¨ã—ã¦è¨˜è¼‰ã™ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ 1. マルãƒã‚»ãƒ¬ã‚¯ãƒˆ ã“ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã¯è¤‡æ•°ã®æ–‡å—列をインタラクティブã«é¸æŠžã—ã€ä¸€åº¦ã«ã¾ã¨ã‚ã¦ç·¨é›†ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ OS X：⌘
Sublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーã§ä¾¿åˆ©ãªã‚„ã¤ä½•å€‹ã‹ï¼ˆWindows版） - ã‹ã¡ã³ã¨.net
Sublime Text 2ã§å€‹äººçš„ã«ã‚ˆã 使ã†ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーを㔠紹介ã—ã¾ã™ã€‚別件ã§ãƒ¡ãƒ¼ãƒ«ã—㦠ãŸæ™‚ã«èžã‹ã‚ŒãŸã®ã§æ›¸ã„ã¦ã¿ã‚‹ 事ã«ã—ã¾ã—ãŸã€‚Windows版ã®ã‚·ãƒ§ ートカットã«ãªã‚Šã¾ã™ã€‚ 個人的ã«ä¾¿åˆ©ã ã¨æ„Ÿã˜ãŸSublime Text 2ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーを紹介ã—ã¦ã¿ã¾ã™ã€‚僕ã¯ã¾ã 使ã„始ã‚ã¦åŠå¹´ãらã„ã—ã‹çµŒã£ã¦ç„¡ã„ã§ã™ã—ã€æ©Ÿèƒ½ã‚’å分ã«ä½¿ã„ã“ãªã›ã‚‹è¨³ã§ã¯ç„¡ã„ã®ã§å‚考程度ã¨ã„ã†äº‹ã§ãƒ»ãƒ» ä¸€æ‹¬ç½®æ› æ–‡å—列ã®ä¸€æ‹¬ç½®æ›ã§ã™ã€‚便利ãªã®ã§ã€ã“ã‚ŒãŒãªã„エディタã¯ã‚‚ã†ä½¿ãˆã¾ã›ã‚“。 Ctrl+D（åŒã˜æ–‡å—を複数é¸æŠžâ†’一括編集） ↑ ä»»æ„ã®ãƒ†ã‚ストã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã¦ã‹ã‚‰Ctrl+Dã§ã€ãã®æ–‡å—ã¨åŒã˜æ–‡å—ã«æ¨™æº–ã‚’ã‚ã‚ã›ã‚‰ã‚Œã¾ã™ã€‚ Ctrlを押ã—ãŸã¾ã¾ã€è¤‡æ•°é¸æŠžã—ãŸã„ã¨ã“ã‚ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’å†åº¦æŒã£ã¦ã„ã£ã¦Dを押ã›ã°ãã®å ´æ‰€ã‚‚é¸æŠžå¯èƒ½ã§ã™ã€‚ ↑ é¸æŠžã—ãŸãƒ†ã‚ストã¯ä¸€æ‹¬ç·¨é›†ã§ãã¾ã™ã€‚ ãŸã ã—ã€åŒã˜æ–‡å—列「全ã¦
Sublime Text 2 ã®Defaultè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’眺ã‚ã‚‹ - blue_ham_cake1024ã®ãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã§ã¯Defaultè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«ã©ã®ã‚ˆã†ãªè¨˜è¿°ãŒã•ã‚Œã¦ã„ã‚‹ã‹ã€ãã®è¨˜è¿°ã«ã©ã‚“ãªæ„味ãŒã‚ã‚‹ã‹ã‚’一ã¤ä¸€ã¤è¦‹ã¦ã„ãã¾ã™ã€‚実際ã«è¨å®šã‚’カスタマイズã—ã¦ã¿ãŸã„æ–¹ã¯ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®Preferencesタブã®"Settings - User"ã‹ã‚‰Userè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ã„ã¦ãã“ã§ã„ã‚ã„ã‚試ã—ã¦ã¿ã¾ã—ょã†ã€‚ Sublime Text 2 ã®Defaultè¨å®šãƒ•ã‚¡ã‚¤ãƒ« 本文 Defaultè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¨ã¯ã€Sublime Text ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®å‹•ä½œã®è¨å®šãŒè¨˜ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã§ã™ã€‚Defaultè¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®Preferencesタブã®"Settings - Default"ã‹ã‚‰é–‹ã‘ã¾ã™ã€‚ 早速è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’眺ã‚ã¦ã„ãã¾ã—ょã†ã€‚ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¯1個ã®JSONオブジェクトã‹ã‚‰ãªã£ã¦ã„ã¾ã™ã€‚ã“ã®JSONオブジェクトã«è‰²ã€…ãªãƒ—ãƒãƒ‘ティをè¨å®šã—ã¦ã€ã²ã¨ã¤ã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ã„るよã†ã§ã™ã。 ãã®
「Sublime Text〠完全入門ガイドï¼
ã“ã‚“ã«ã¡ã¯ï½žã€€ä»•äº‹ãŒæ‹äººã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€çŽ‹ã§ã™ φ(≖ω≖｡)♪。 最近海外ã§ã‚‚ã¦ã¯ã‚„ã•ã‚Œã¾ãã‚Šã®ãƒ†ã‚ストエディタ「Sublime Textã€ã¨æ‹ã«è½ã¡ãŸã“ã¨ã‚’ã“ã®å ´ã§å‘Šç™½ã—ãŸã„ï¼ ã‚„ã£ã¨å‡ºä¼šãˆãŸãžï¼åƒ•ãŒæŽ¢ã—求ã‚ã¦ã„ãŸå¹»ã®ã‚¨ãƒ‡ã‚£ã‚¿ã«ï¼ï¼ 昨今話題沸騰ä¸ã®ã€ŒSublime Textã€ã‚¨ãƒ‡ã‚£ã‚¿ã«ã¤ã„ã¦ã€ã”紹介ã—ã¾ã—ょã†ï¼æœ¬è¨˜äº‹ã‚’èªã‚“ã§ã€ãœã²ã¨ã‚‚ä»–ã®ã‚¨ãƒ‡ã‚£ã‚¿ã‹ã‚‰Sublime Textã«ä¹—ã‚Šæ›ãˆã¦ã„ãŸã ããŸã„ã§ã™ï¼ 見ãŸç›®çš„ã«ã¯ã€ã“ã®ã‚ˆã†ã«ã€å„ªé›…（Sublime）ãã®ã‚‚ã®ï¼ Macã€Windowsã€Linux　三大プラットフォームã§å‹•ãã®ã‚‚嬉ã—ã„ã§ã™ãªï¼ å…¬å¼ã‚µã‚¤ãƒˆã¯ä¸‹è¨˜ãƒªãƒ³ã‚¯ã§ã™ã€‚ https://www.sublimetext.com/ ãã‚Œã§ã¯ã€å‹•ç”»ã‚„ã‚ャプãƒãƒ£ãƒ¼ã‚’使ã£ã¦Sublime Textã®ç´ 晴らã—ã„é…力をä¼ãˆã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Sublime Textã®ãƒãƒ£ãƒ¼ãƒ ãƒã‚¤ãƒ³ãƒˆ 特色機能
Sublime Text2ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ãŒã™ã”ãイイ。
Macを使ã„始ã‚ã¦ã€ã„ã‚ã„ã‚æ–°ã—ã„ソフトやアプリを探ã—ã¦ã„ãŸã¨ã“ã‚ã€åŒåƒšã®æ–¹ã‹ã‚‰ã„ã¾äººæ°—ã®Sublime Text 2ã¨ã„ã†ã‚¨ãƒ‡ã‚£ã‚¿ã‚’æ•™ãˆã¦é ‚ãã¾ã—ãŸã€‚ã©ã†ã‚„ら無料らã—ã(今後シェアウェアã«ãªã‚‹ã‹ã‚‚？)ã€åˆæœŸè¨å®šã‚„自分ã«åˆã£ãŸç’°å¢ƒã«æ•´ãˆã‚‹ã®ã«å°‘ã—手間å–ã‚Šã¾ã—ãŸãŒã€ãªã‚“ã¨ã‹å®Ÿå‹™ã§ä½¿ãˆã‚‹ãƒ¬ãƒ™ãƒ«ã«ãªã£ã¦ããŸã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ HTML5,CSS3,jsを書ã事ãŒå¤šãã¦ã€Zen-Codingã‚‚Sass+Compassも使ã†ã—ã€ãã‚Œã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—æ¥å‹™ãŒå¤šã„ï¼ãªã‚“ã¦ã„ã†åƒ•ã¨åŒã˜ã‚ˆã†ãªäººãŒã„ã‚‹ãªã‚‰ã€ã“ã®ã‚¨ãƒ‡ã‚£ã‚¿ã¯ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™w 以下ã®è¨å®šé€šã‚Šã«ã‚„ã‚Œã°ã€ãƒ•ãƒãƒ³ãƒˆå¯„ã‚Šã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ãªã‚‰æœ€ä½Žé™ã¯ä½¿ãˆã‚‹ã‚‚ã®ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ダウンãƒãƒ¼ãƒ‰ Sublime Text 2 – Dev Builds åˆæœŸè¨å®š アプリを立ã¡ä¸Šã’ã¦ã€Sublime text2 > Preference > Setting
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #6 パララックスエフェクトã®åŸºæœ¬ | DevelopersIO
ãã‚“ãªè¨³ã§ã€ãƒ‘ララックス・スクãƒãƒ¼ãƒ«ã«ã¤ã„ã¦å°‘ã—å¦ã‚“ã§ã¿ãŸã®ã§ã€è¶…åˆå¿ƒè€…å‘ã‘（※自分å«ã‚€ï¼‰ã®ã‚µãƒ³ãƒ—ルをã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« - パララックスエフェクトã«ã¤ã„㦠パララックス（parallax）を直訳ã™ã‚‹ã¨è¦–å·®ã§ã™ã€‚視差効果ã¨ã¯ã€è¦–ç•ŒãŒç§»å‹•ã™ã‚‹éš›ã«å„物体ãŒãã‚Œãžã‚Œç•°ãªã£ãŸã‚¹ãƒ”ードã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€å¥¥è¡Œãé–“ã‚’ã¯ã˜ã‚ã¨ã—ãŸè¦–覚効果を指ã—ã¾ã™ã€‚ アニメーションã®ä¸–ç•Œã§ã¯ãƒ‡ã‚£â—‹ãƒ‹ãƒ¼æ˜ ç”»ã§å¤ãã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã€ãƒ“デオゲームã«ãŠã„ã¦ã‚‚横スクãƒãƒ¼ãƒ«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚²ãƒ¼ãƒ ãªã©ã§æ˜”ã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ JavaScript（jQuery）ã§ãƒ‘ララックスエフェクト 1 | スクãƒãƒ¼ãƒ«å€¤ã‚’å–å¾— ã©ã‚Œã ã‘スクãƒãƒ¼ãƒ«ã—ãŸã‹ã¨ã„ã†å€¤ã‚’å–å¾—ã—ã¾ã™ã€‚ã“ã‚Œã ã‘ã§ã¯ã¾ã パララックスも何もã‚ã‚Šã¾ã›ã‚“ãŒã€å…¨ã¦ã¯ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã®ã§ã™ã€‚ $(function() { $(window).scroll(fu
知らãªã„人ã¯é…ã‚Œã¦ã‚‹ï¼Ÿæ–°Zen-Coding Emmet
é ã®ä¸ã®ãƒšãƒ¼ã‚¸æ§‹æˆå›³ã‚’リズムã§æ›¸ã„ã¦HTMLã«å±•é–‹ã—ã¦ãれるZen-Coding。 ã‚‚ã¯ã‚„HTMLコーダーã§ä½¿ã£ã¦ã„ãªã„人ã¯ã„ãªã„ã§ã‚ã‚ã†Zen-CodingãŒHTML5/CSS3ã®åºƒã¾ã‚Šã¨å…±ã«Emmetã¨ã„ã†åå‰ã«å¤‰æ›´ã—ã€é€²åŒ–ã‚’ã¨ã’ã¦ã„るよã†ã§ã™ã€‚ ã¾ã 開発ä¸ã§å…¬å¼ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã¯ã¾ã ã®ã‚ˆã†ã§ã™ãŒå…ˆè¡Œã—ã¦è©¦ã™ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ Zen-CodingãŠã•ã‚‰ã„ Zen-Codingã¯çµŒé¨“済ã¿ã¨ã—ã¦è©±ã—ã¾ã™ãŒã€ã¾ã 使ã£ãŸã“ã¨ãŒãªã„ã¨ã„ã†æ–¹ã¯ã¾ãšã“ã®æ˜ åƒã‹ã‚‰ã€‚ 早速Emmetã‚’Sublime Text 2ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« 1. Package Controlã®ãƒªãƒã‚¸ãƒˆãƒªã«è¿½åŠ Sublime Text 2ã®æ¨™æº–リãƒã‚¸ãƒˆãƒªã«ã¯ã¾ã å…¥ã£ã¦ã„ã¾ã›ã‚“。Cmd + Shift + Pã§å…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã«add repositoryを入力ã€ä¸‹è¨˜ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’è¿½åŠ ã—ã¾ã™ã€‚ https://github.com/serge
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
包装ãŒæ¶ˆãˆã‚‹ãƒ‘ッケージã®ã‚¢ã‚¤ãƒ‡ã‚¢5é¸ï¼šã‚®ãƒ£ãƒ©ãƒªãƒ¼
ST2: Sublime Text 2 Packages for Web Developers.
「シュッã€ã¨ã‹ã€Œãƒãƒ³ã€ã¨ã‹ã®ãƒ•ãƒªãƒ¼éŸ³æºé›†
Mastering Sublime Text 2
æ±äº¬éƒ½è¿‘郊｜エッãƒãªå‡ºä¼šã„サイトã€ç¢ºå®Ÿã«ã‚»ãƒƒã‚¯ã‚¹ãƒ•ãƒ¬ãƒ³ãƒ‰ã¨ä¼šãˆã‚‹ä¿¡é ¼ã®ã‚µã‚¤ãƒˆãƒ©ãƒ³ã‚ング】エッãƒå‡ºä¼šã„クリエイト
re-dzine.net situs togel online toto 2023 -
{{#tags}}- {{label}}
{{/tags}}