PSDファイルからテキストを抽出してtxtファイルにまとめてくれるスクリプト | バシャログ。
[Dreamweaver]検索・置換対象ファイル拡張子を増やす。 | バシャログ。
こんにちは、hakoishiです。 最近の横浜は花粉飛んでる気がする…、と思ってたら雪っぽいものがちらつく日もあったり。 空を見上げては「今はいったいいつなんだろう」と思い馳せる日々です。 さて、今回はDreamweaverの検索・置換対象となるファイルの拡張子を増やす方法をご紹介。 サイト内検索したけど、目的のソース箇所が見つからない…と思ったら「.ctp」とか「.cgi」とかDWは検索対象として見ちゃいないのですねorz そんな時、他のソフトに作業の場を移すのも良いですが、Dreamweaverでも検索に引っかかるようカスタマイズできますのでご参考まで。 編集必要なファイルが2つ。 他、必要に応じて設定する項目が1つあります。 ※各ファイル編集前にはバックアップをお取りください。また、極力DW以外のエディタで編集することをおススメします。 【1】Extensions.txt 下記にあり
![[Dreamweaver]検索・置換対象ファイル拡張子を増やす。 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2a2c11b17693e3812ca5043c1de13f337332706/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_dreamweaver.png)
[CSS] IEのhasLayoutがtrueの時に垂直方向のmarginが相殺されない | バシャログ。
CSS のコーディングをしていると、IE6 や IE7 で垂直方向の margin が相殺されない現象が頻発するので、ちゃんと原因を確かめました。 以下、サンプルです。 XHTML のコード <div> <p>テスト</p> </div> <div> <p>テスト</p> </div> CSS のコード div { width: 100px; margin: 0 0 50px; background-color: #000; } p { margin: 0 0 50px; background-color: #EEE; } 各ブラウザでの表示 「div」と「div で囲まれた p」それぞれの下方向に 50px の margin を適用すると、通常は同じ方向の margin が相殺されて下方向の空きは 50px となるはずですが、IE6 と IE7 では margin が相殺されず 100p
![[CSS] IEのhasLayoutがtrueの時に垂直方向のmarginが相殺されない | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c76f538a877e78afb07d09e5ff0f87885ac194e9/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_coding.png)
[使える CSS テクニック] 実案件でも使える！フッターをブラウザ下部に固定する方法 | バシャログ。
暑い夏がやってきそうなので、久しぶりにツーブロック的な刈り上げにしてみましたishidaです。 今回は最近作業した案件で、これまであまり実践的に使わなかったCSSレイアウトを2サイト連続で使ってみたので、ご紹介。自分も忘れないようにメモ的エントリーです。 ページ下部に固定されるフッターを実現するためのCSSレイアウトです。 positionで実現する方法もありますが、コンテンツ量によっては表示が崩れるので今回は直球勝負です。 XHTML ソースはこんな感じになります。 <div id="container"> <div id="header"> ヘッダー <!-- /#header --></div> <div id="content"> <h1>フッターをブラウザ下部に固定するサンプル</h1> <p>本文が入ります。本文が入ります。本文が入ります。</p> <!-- /#content
iPhone持ってるコーダーさんにオススメなiPhoneアプリ「CSS UNIT Converter」 | バシャログ。
バシャログ。の右サイドサバーにある「スタッフのつぶやきfrom 馬車道」が自分のつぶやきだけになっているので、もう外してしまったほうがいいのじゃないの？と思っているishidaです。つぶやかないんなら、外しますよ！ さてさて、今回はコーダーさん向けiPhoneアプリのご紹介です。 コーディング時、bodyにサイト全体のフォントサイズを指定することが多々あります。 ピクセルでの指定は、IE6で変更できなくなるので%（パーセント）表記を使いますよね。 そして各見出しなどのパーツのフォントサイズを相対的に指定しますが、 デザインデータ上ではピクセル指定なので電卓使って「12pxがベースでなので、16pxのサイズだと…」とか計算すんのが面倒だよっーと思って、最近は以下のiPhoneアプリを使ってます。 基準となるフォントサイズをピクセル指定で入力すると、em・%・pt単位に変換し、1〜35pxのサ
CSS 基準文字サイズ（px）ごとの相対フォントサイズまとめ | バシャログ。
こんばんは、ishidaです。急に肌寒くなってきましたね。 弊社シーブレインは馬車道から目と鼻の先にありますが、その馬車道にて今年も恒例の馬車道まつりが開催されています。１１月１日（日）～１１月４日（水）まで開催されておりますので、馬車道付近にお越しの際は是非お立ち寄りくださいね。 それはさておき、フォントサイズを指定するときにまずはベースとなる基準のフォントサイズをbody等に指定しますが、サイトによって基準を12pxにしたり、13pxにしたり、たまぁ～に10pxにしたりしてます。 そうなってくると相対指定で20px相当って何％だっけ？ってことがよくあるのと、毎回毎回電卓をたたくのが面倒になったので、ここに基準としてよく使いそうなフォントサイズをメモします。 基準文字サイズ 10px 基準文字サイズ 11px 基準文字サイズ 12px 基準文字サイズ 13px 10px
【Fireworks】テキストボックスの大きさを変更する | バシャログ。
台風に対する JR の弱さはなんなんでしょう、火属性でもついてんのかしら。toyama です。 相変わらず Fireworks の小技です。 Fireworks でテキストを打って、色やらフォントやら行間を設定して、これと同じスタイルでもう1ブロック書こうと思ったら、テキストブロックそのままコピペしてテキストを上書きするのが人情ってもんですよね。楽だし確実だし。 よくあるのが、[1]みたいな長文のテキストブロックそのままコピペして[2]を書いたら、[2]の文章が思いのほか短くてテキストボックスの端があまってしまったりする状態。 こんなアンバランスな状態でも、整列コマンドなどはテキストの部分だけを見て働いてくれるのでなんら問題ないと思っていたのですが「こういうのキライ！」と社内のデザイナーに言われてしまったので（名前は伏せます）、これを解消する方法をご紹介します。 1. テキストボックスを選
エクセルで常に行番号の連番が維持されるようにする | バシャログ。
こんにちは、「ザ・ビートルズ・ボックス」を買おうかまだ迷っているけど、既に「ストーン・ローゼズ・ボックス」を買ったばかりなので迷うまでもなく買えない sakai です。お財布がというよりサイズ的に。 今回はエクセルの小ネタで失礼します。 サイトマップなどの資料を作成する時に、必ず連番で行番号を入れるようにしています。 これは、印刷した資料をお客さまと読み合わせする際に 「今検討したいのは何行目の…」 と説明しやすく、お互い迷子になりづらくなるからです。（と、上司に教わりました） ただ、サイトマップなどは検討段階で削除や追加が頻繁に起こるものです。 普通に行番号を入れただけだと、いちいち行番号を振り直すのが大変でした。 そこで便利なのが、「ROW 関数」です。 「ROW 関数」は、指定したセルの行番号を取得する関数です。 行番号を入れたいセルを選択し、数式バーに「=ROW()」と入力。 さら
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
【Fireworks】画像のシルエットをパスに変換 | バシャログ。
こんにちは、花粉症がすっかり治ったシーブレインの toyama です。 大学生の頃はとても酷かったのに、アレか、歳のせいか。 画像のシルエットを生かして影を作りたいなー、なんて思うことがありますよね。 一つ前のエントリでもシルエットを生かした影を作ったりしていますが、面倒で投げています。だめだこんなことしちゃ！ちゃんとパス抜け！ というわけで、画像のシルエットをちゃんとパスで抜こうじゃないかというお話です。 1. 透過画像を用意 透過画像を用意します。透過画像がそもそもなかなかないので、透過画像がなければ背景を切り抜きます。なんだか本末転倒な気もしますが。 むかーしの「素材辞典」は写真によってはパスデータつきだったのにどうしてやめちゃったのかしら。 2. 範囲選択 画像をレイヤーを選択した状態で [Alt] （Mac なら[Option]）を押すと、カーソルが破線の□マークになります。範囲
[バシャログスタッフの道具箱] キャプチャするなら「Capture STAFF」 | バシャログ。
コンタクトレンズを片方だけ破損してしまい、戦闘力が 5 以下になった toyama です。 バシャログスタッフの道具箱第 7 回、今回は画面をキャプチャするのに便利は「Capture STAFF」をご紹介します。 バシャログを書くときもそうですが、このソフトのこのメニューを表示している瞬間をキャプチャしたい！できればマウスポインタの形状がかわるところも写しておきたい！と思うと、いわゆる [Print Screen] ではまかないきれません。 そこで「Capture STAFF」の登場です。 このソフト、キャプチャできる範囲が「プライマリスクリーン全体 / ウィンドウ / ウィンドウクライアント領域 / オブジェクト / 指定矩形 / カレントウィンドウ / カレントウィンドウクライアント領域 / 単一スクリーン / デスクトップ全体」など盛りだくさん。それぞれにショートカットキーが割り振ら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
