webkit基礎編03 | HTML5+CSS3ã§ã‚µã‚¤ãƒˆã‚’作ã£ã¦ã¿ã‚‹ã€‚
サンプルhtml --[ html ]----------------------- <div class="anime01"></div> --[ CSS ]------------------------ .anime01{ background:#000; color:#fff; margin:25px 0; width:100px; height:10px; -moz-animation:anime01 5s infinite alternate linear; -webkit-animation:anime01 5s infinite alternate linear; animation:anime01 5s infinite alternate linear; } @-webkit-keyframes anime01{ 0% {} 100% {-webkit-transfor
シンプルãªãƒ€ãƒŸãƒ¼ç”»åƒã‹ã‚‰ã€å®Ÿç”¨çš„ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒè±Šå¯Œã«ç”¨æ„ã•ã‚ŒãŸãƒ€ãƒŸãƒ¼ç”»åƒç”Ÿæˆã‚µãƒ¼ãƒ“ス -Cambelt
ダミー画åƒç”Ÿæˆã‚µãƒ¼ãƒ“スã®çœŸæ‰“ã¡ãŒç™»å ´ã—ãŸãžã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ ç”»åƒã®ã‚µã‚¤ã‚ºã‚’表記ã—ãŸã‚·ãƒ³ãƒ—ルãªãƒ€ãƒŸãƒ¼ç”»åƒã‹ã‚‰ã€å®Ÿç”¨çš„ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒè±Šå¯Œã«ç”¨æ„ã•ã‚ŒãŸãƒ€ãƒŸãƒ¼ç”»åƒç”Ÿæˆã‚µãƒ¼ãƒ“スを紹介ã—ã¾ã™ã€‚ Cambelt Cambelt -GitHub Cambeltã®ä½¿ã„æ–¹ Cambeltã®ãƒ‡ãƒ¢ Cambeltã®ä½¿ã„æ–¹ Cambeltã¯Rubyã§ä½œæˆã•ã‚ŒãŸã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スã§ã€imgè¦ç´ ã®src属性ã«ã‚³ãƒ¼ãƒ‰ã‚’記述ã™ã‚‹ã ã‘ã§ç°¡å˜ã«ãƒ€ãƒŸãƒ¼ç”»åƒã‚’é…ç½®ã§ãã¾ã™ã€‚ HTML サイズ：300x200ã®ãƒ€ãƒŸãƒ¼ç”»åƒã‚’生æˆã€‚ <img src="http://cambelt.co/300x200" /> 下記ã¯ã€Cambeltã§é…ç½®ã—ãŸãƒ€ãƒŸãƒ¼ç”»åƒã§ã™ã€‚ Cambeltã®ãƒ‡ãƒ¢ デモã§ã¯ã‚·ãƒ³ãƒ—ルãªã®ã‚‚ã®ã‹ã‚‰ã€å®Ÿç”¨çš„ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’æ–½ã›ã‚‹ã‚‚ã®ã¾ã§ã€ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ã¾ãšã¯ã€ã‚·ãƒ³ãƒ—ルãªãƒ‡ãƒ¢ã‹ã‚‰ã€‚ ダミー画åƒã®ãƒ‡ãƒ¢ï¼šã‚·ãƒ³ãƒ—ル版 サイ
エディタ難民生活ã«çµ‚æ¢ç¬¦ï¼Ÿ Webエディタã¨ã—ã¦ã¯Sublime Text 2ãŒæœ€å¼·ã‹ã‚‚ï¼ï¼Ÿï¼šãƒ“ジãƒã‚¹ã‚’デザインã™ã‚‹ãƒ–ãƒã‚°ï¼šã‚ªãƒ«ã‚¿ãƒŠãƒ†ã‚£ãƒ–・ブãƒã‚°
エディタã£ã¦ãªã‹ãªã‹ã—ã£ãã‚Šãã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã›ã‚“よã。 ç§ã®å ´åˆã€Webç³»ã®é–‹ç™ºãŒå¤šã„ã®ã§ã€Mac環境ã§ã¯Codaã«è½ã¡ç€ã„ã¦ã„ãŸã®ã§ã™ãŒã€Cadaã«ãŠã„ã¦ã€Œã‚‚ã†ã¡ã‚‡ã£ã¨ã“ã†ãªã‚‰ãªã„ã‹ãªãƒ»ãƒ»ãƒ»ã€ã¨ã„ã†ã¨ã“ã‚ãŒSublime Text 2（ST2）ã§è§£æ±ºã§ãã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã€æœ€è¿‘ã¯ST2をよã利用ã•ã›ã¦ã‚‚らã£ã¦ã„ã¾ã™ã€‚ ST2ã¯çã—ãMacã‚’ã¯ã˜ã‚Win, Linuxã§åˆ©ç”¨ã§ãã¾ã™ï¼ˆMac以外ã§ã¯Emacs風ã®ã‚ー移動ãŒã§ããªã„ãŸã‚個人的ã«ã¯æ®‹å¿µãªæ„Ÿã˜ãªã‚“ã§ã™ã‘ã©ï¼‰ã€‚ã¾ãŸã€åŸºæœ¬æœ‰æ–™ã§ã¯ã‚ã‚‹ã‚‚ã®ã®ã€ç„¡æ–™ã§ã€ã»ã¼ä½•ã®åˆ¶é™ã‚‚期é™ã‚‚ç„¡ã利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚登録をã—ãªã„å ´åˆã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã«UNGREGISTERDã¨è¡¨ç¤ºã•ã‚Œã‚‹ã®ã¨ã€ä¿å˜æ™‚ã«ãŸã¾ã«ã€ŒãŠé‡‘ã¯ã‚‰ã†ï¼Ÿã€ã¨èžã„ã¦ãã‚‹ã ã‘ã®ã‚ˆã†ã§ã™ã€‚詳ã—ãã¯æœ¬ä½“ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æƒ…å ±ã‚’å¾¡è¦§ãã ã•ã„。 æ—¢ã«ã„ã‚ã„ã‚ãªæ–¹ãŒST2ã®è©±é¡Œã‚’ブãƒã‚°ãªã©ã§å–り上ã’られã¦ã„ã¦
Sublime Text 2 Tips and Tricks (Updated) | Envato Tuts+
Sublime Text 2 is one of the fastest and most incredible code editors to be released in a long time! With a community and plugin ecosystem as passionate as this one, it just might be impossible for any other editor to catch up. I'll show you my favorite tips and tricks today. Sublime Text 2 is currently available for all major platforms: OS X, Linux and Windows. 1 - Bleeding Edge Versions Sublime
Sublime Text 2 ã®ã‚¹ã‚¹ãƒ¡
皆ã•ã‚“ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®éš›ã€ã©ã®ã‚¨ãƒ‡ã‚£ã‚¿ã‚’使ã£ã¦ã„ã¾ã™ã‹ï¼Ÿåƒ•ã¯ã‚‚ã£ã±ã‚‰ Terminal 㧠vim ゴリゴリ派ã ã£ãŸã®ã§ã™ãŒã€äººã«ã‚ˆã£ã¦ã¯ Emacs ã ã£ãŸã‚Šã€Mac ã®ã‚¢ãƒ—リã 㨠Coda ã¨ã‹ TextMate ãŒäººæ°—ã§ã—ょã†ã‹ã€‚最近ã 㨠WebStorm ã¨ã‹ Komodo Edit 辺りも人気ã‚ã‚‹ã¨èžãã¾ã™ã€‚手ã«é¦´æŸ“ã‚“ã エディタãŒã‚ã‚‹ã¨ã€ãªã‹ãªã‹å¤‰ãˆã‚‹æ°—ã«ãªã‚‰ãªã„ã§ã™ã‚ˆã。ãã‚“ãªä¸ã§åƒ•ãŒæœ€è¿‘本気ã§ä½¿ã„始ã‚ã¦ã„ã‚‹ã®ãŒã€æœ€è¿‘海外ã®ãƒ•ãƒãƒ³ãƒˆç³»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®é–“ã§äººæ°—ãŒé«˜ã¾ã£ã¦ã„ã‚‹ Sublime Text 2 ã¨ã„ã†ã‚¨ãƒ‡ã‚£ã‚¿ã§ã™ã€‚今日ã¯ã“ã® Sublime Text 2 ( 以下 ST2 ) を紹介ã—ã¦ã¿ã¾ã™ã€‚ Sublime Text 2 ã®é…力 # 僕ã®å ´åˆã€vim ãŒã™ã£ã‹ã‚Šæ‰‹ã«é¦´æŸ“ã‚“ã§ã—ã¾ã£ã¦ã„ãŸã®ã§ã€ä¹—ã‚Šæ›ãˆã‚‹å¿…è¦æ€§ã‚’å¼·ãã¯æ„Ÿã˜ã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒã€ã‚„ã¯ã‚Šãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆå˜ä½ã§ä½œæ¥ã™
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：⌘
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
3D Button
{{#tags}}- {{label}}
{{/tags}}