SublimeText2でDreamweaverと同じショートカットで改行タグ（br）を挿入できるようにする
Posted: 2013.02.14 / Category: 開発環境 / Tag: SublimeText DreamweaverはShift+Enterで改行タグ（br）が追加できて便利でした。 で、最近使ってるSublime Text 2 でも同じ事やりてえ！って こちら のページを拝見しましたが、自分の環境ではうまく動かずカスタマイズしてみました。 キーバインドの設定 メニューから「Preferences」→「Key Bindings – User」でjsonファイルが開きますので下記のようにします。 Default.sublime-keymap — user [ // brタグ挿入 { "keys": ["shift+enter"], "command": "insert_snippet", "args": {"contents": "<br>\n"}, "context": [
知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog
昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、
Sublime Text 2での複数ファイルの一斉置換
HTMLのコーディングしていると、複数ページの同じ箇所を一気に置換することがあると思うのですが、それのSublime Text 2で実行する方法です。 複数ファイルでの検索と置換 上のメニューバーから「Find」→「Find in Files…」（もしくはショートカットでCtrl+Shift+f）を選択します。 そうすると入力できる箇所が3つでてきます。 上から「検索する文字列」「フォルダの場所」「置き換える文字列」になります。プロジェクトを指定しているとき又は検索対象のファイルを全部開いている時は、 真ん中のWhereは選択しなくて大丈夫です。 ちなみに検索だけすると以下のような感じで該当ページと箇所を教えてくれます。 あと、ファイルを開いていない状態で、置換すると置換したページが全て開きます。 というわけで簡単ではありますが、複数ファイルでの検索と置換でした。
vim/vi 実用レベルのリファレンス -PG's PocketArms
[A＋B]は同時に押下。 [A・B]はAに続いてBを押下。 この例は、CTRLとwを同時に押下、CTRL-wを離してjを押下。 (但しCTRL+w・jは「j」をCTRLを押したままでもOKなようだ)
Firefoxの印刷と闘う その2 | Takazudo Clipping*
このブログのアクセス解析を見ると、キーワード「firefox 印刷」で検索してこのエントリに飛んでくる人がかなりいます。やっぱりみんな困っているんだなぁと。Firefoxの印刷はかなりやっかいで、完全FIXは無理かもしれないという結論に自分の中でも解決していたのですが、最近この方法をやっていて、普通に印刷できてます。 display:tableで印刷対応 まずは、普通にfloat:left left leftで左に詰めたレイアウト。 floatによる3カラムレイアウトのサンプル（印刷対応無） <div id="all"> <div id="header">header</div> <div id="body"> <div id="localNav">localNav</div> <div id="main">main</div> <div id="relatedNav">relatedNa
STOPエラーの原因解析
Microsoft Windows 2000/XPのブルースクリーン（STOPエラー）は、デバイスドライバのバグやメモリアクセスのエラー、ハードウェアの故障など様々な障害で発生します。ここでは、Debugging Tools for Windowsを使ったSTOPエラーの簡単な原因解析（デバッグ）を解説します。 目次 １．イベントビューアで確認 ２．デバッグに必要なもの ３．インストール ４．ダンプファイルの解析 ５．解説 ６．デバッグコマンド ７．主なSTOPエラー （資料） §１．イベントビューアで確認 ≫ top デバッガを使用する前に、エラーの内容を『イベントビューア』で確認します。デバイスドライバが原因のエラーの場合、STOPメッセージとドライバファイル名が記録されていることがあります。 イベント ビューアを開くには、[スタート] ボタンをクリックし、[設定] をポイントし
グラデーションをマスターするためのPhotoshopのチュートリアル集 | コリス
Vandelay Web Designのエントリー「ウェブデザインのための71のグラデーションのリソース」から、グラデーションをマスターするための基本的な使い方から、実践的なサンプル・実用的なダウンロードできるリソースを紹介します。 71 Gradient Resources for Web Design Vandelay Web Designのエントリーでは他にも、IllustratorやGIMP、ジェネレーターなどが紹介されています。
clearfixハック｜CSS HappyLife
通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。 コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。 IEの場合はwidth、もしくはheightを指定する事で解決できますが、コレはバグなんで他のモダンブラウザでは解決できません。 ソコでかなり便利に使えるテクニックが、clearfix。 使い方は、clearしたい親要素に下記のように記述。 div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-hei
Photoshopで人物の髪の毛を切り抜く｜| Woops'dez | Bloggin'
人物の切り抜きにはよく「パス」を使います。 しかしながら髪の毛はとっても大変。ここではちょっと楽が出来る切り抜きTIPSをお送りします。 まぁ、私のやり方なので名フォトショッパーさんはもっとグレイトなTIPSを持っているかも知れませんので、そしたら教えてくださいなー。 1.切り抜きをすませる 問題の部分は適当に残しておきましょう。 こんな感じ。 2.背景→レイヤーにする 鍵の付いているレイヤーをダブルクリックすると、「背景」ではなく「レイヤー」になります。こうすることで、チャンネルなどいろいろ遊べるようになります。 こんなダイアログが出てくるのでとりあえずOK押しちゃえ。 「背景」と「レイヤー」の違い 「背景」 消しゴムなどで消しても後ろが白いままで透過されない。 移動が出来ない チャンネルの複製など出来ない などなど レイヤーにするとこれらのことが全て出来るようになります。 3.「チャン
アスタリスクで隠されたパスワードを確認する方法 [K'conf]
ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアドレスバーに入力すると、次のようなダイアログ内にパスワードが表示されます。 javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() ==
![アスタリスクで隠されたパスワードを確認する方法 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a87d5887c466cccb0b849babb90931bdfa1b8c8/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル:phpspot開発日誌
線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル 2007年11月21日- CornOnCob : SwooshyLines Tutorial In this tutorial, I will show you how to make an abstract ribbon-like effect using only Adobe Photoshop 線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル。 次のような美しい画像を作成するチュートリアルです。 PhotoSohpであれば、素材を使わずとも、こういった美しい画像が作れます。 応用することで、オリジナルの美しい画像が幾通りも作れそう 関連エントリ PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル 煙風エフェクトをカッコよく作るPhotoS
美しい光を描くためのPhotoshopのチュートリアル集 | コリス
スパークしている光、光源・光線・光跡などの美しい「光」を描いた、Photoshopのチュートリアルの紹介です。
Photoshopの『カラーの適用』で写真に劇的な効果を加える方法。 - sta la sta
via Photoshop Match Color simple And Amazing Results metacafeで知ったPhotoshopの『カラーの適用』を使ったテクニックが面白かったので脊髄反射でエントリ。 既に知ってる方はスルーしてください。 用意するものは2枚の写真。1枚が効果を加える写真で、もう1枚が効果の元になる写真です。 ここでは砂丘の写真と雲海の写真を用意しました。 効果を加えたい写真（ここでは雲海）をアクティブにした状態で『イメージ』→『色調補正』→『カラーの適用』を選択します。 『画像の適用設定』にある『ソース』メニューから効果元の写真（ここでは砂丘）を選択します。 すると、砂丘の写真の色合いが雲海に適用されて↓のような写真になりました！ 昼間の雲海の写真が、一転して日没のような雲海の写真に。面白いですねぇ。 車が並んでる写真を適用すると、闇夜に月明かりが輝い
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
ブロガーのための使えるPhotoShopチュートリアル集:phpspot開発日誌
18 Essential Photoshop Tutorials for Blogger | The Tao of Blogging to Wealth As a blogger, a little Photoshop skills in image editing is very crucial. ブロガーのための使えるPhotoShopチュートリアル集。 ブログ作成時のパーツやバナーなんかを作成する際に役立てられるチュートリアル集になっています。 Creating and Using Favicon.ico - favicon を作る( 関連: PhotoShopをアイコン（ICO）形式に対応させるプラグイン ) Simple Web 2.0 Banner - Web2.0なバナー作成チュートリアル 3D logo - 3Dのロゴを作成するチュートリアル Dreamy Text f
PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル:phpspot開発日誌
9 tutorials Beautiful lighting FX effect in Photoshop This tutorial will show you how to create particle effects in Photoshop. PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル。 次のように美しいパーティクルを作成するチュートリアルです。 簡単そうに見えて、いろいろとテクニックが使われています。 写真などと合成して綺麗なグラフィックが作れそう。 ↓実際に試してみました。これは美しいです。 関連エントリ 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光のモーションで画像を超カッコよくするPhotoShopチュートリアル スライムのような質感の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEバグ CSSで指定した背景画像が消える - Webプログラマの苦悩
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト