Dreamweaverのスニペットをショートカットキーに登録して作業効率アップ！ | バシャログ。
年末進行からそのまま年度末進行に突入して、そろそろ HP がゼロの sakai です。早く 4 月にならないかな。 Dreamweaver を使ってコーディングする場合は、キーボードショートカットを使うベシ！ というエントリーを過去にご紹介しています。 Dreamweaverのコードビューでよく使うショートカット Dreamweaverでテーブルを組むときによく使うショートカットキー 今回は一歩踏み込んで、自分で登録したスニペットをショートカットで呼び出す方法をご紹介します。 Dreamweaver のスニペット機能は、よく使うコードを登録しておいてパネルから挿入することができる機能です。 Step1 よく使用するコードをスニペットを登録する ここでは、<span></span> を登録してみます。 スニペットパネルを開き、右下にあるボタンで新規スニペットを登録します。 スニペットの種類を
【Fireworks】9スライスをこんな風に使ってみました。 | バシャログ。
こんにちは。今年は夏フェスにはいかない!と決めたのに、ラインナップが発表されるとソワソワしているminamiです。 Fireworksネタです。Fireworksには9スライスという便利な機能がありますが、 ちょっと応用してこんな風に使ってみました。 ※作成例はFireworks CS5を使用しています。 9スライスとは、おさらい 9スライスはFireworks CS3から導入された機能で、ベクターシンボルやビットマップシンボルの端の形状を保ったまま、中間だけを伸ばすことができます。 9スライスはシンボルを作成する際に、オプションにチェックを入れることで有効にすることができます。 よく使われると思われるのが、角丸のオブジェクトの拡大縮小です。 上のようなサイトのデザインを作った時、テキストの長さが変わると、角丸の背景部分も伸ばさないといけなくなります。普通に拡大してしまうと角丸の形状が崩れ
HTML をシンプルに保ちつつ、ブロック要素の段組みを実現する方法 パート2 | バシャログ。
「HTML をシンプルに保ったままブロック要素を段組みする方法」のパート 2 です。 前回の記事では、float と position の合わせ技により、全体の横幅ピッタリに要素を段組みしました。 今回は、position を使わない方法をご紹介します。 ボックスと余白の幅の値は前回と同じく以下です。 HTML ソースも前回と同じくこちら。無駄な ID や class のないシンプルなソースになっています。 <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="サンプル1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="サンプル2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="サン
【Fireworks】ボケちゃった矩形のエッジを直す方法 | バシャログ。
GW をゴールデンに過ごした体験がない シーブレイン toyama です。お疲れ様です。どうしたら黄金体験（G.E）できるのでしょうか？ Fireworks で矩形をいじりまわしたり、バージョンの違う Fireworks で編集したり、特に何もしなくてもある日突然、エッジがイヤな感じにボケてしまうことがあります。せっかくのパスデータ、クリアな曲線だったはずなのに、どうしてこんなボケボケなことになってしまうのか不思議ですが、一度ボケてしまうとあの美しい矩形に戻ることはありません。 泣く泣く作り直しだったりします。 そこで今回ご紹介するのがボケたエッジを直す方法です。 いろいろいじってエッジがボケてしまった角丸矩形たち。 視力が落ちたのかと思うくらい、矩形のエッジがブレてボケています。一番右の角丸は生まれたての角丸矩形です。乱れがありません。 このボケてる矩形を直します。 ボケた矩形を選択して
CSS で文字サイズを変更する
第 10 回目は「CSSで文字サイズを変更するボタンを設置する」です。 今回は「styleswitcher.js」でCSSを切り替えて、サイトの文字サイズを変更するボタンの設置方法を解説します。 「styleswitcher.js」は複数のスタイルシートファイルを切り替えて読み込むことができ、クッキーに保存できる優れもののライブラリです。 実装手順は以下の通りです。 1. styleswitcher.js をダウンロード 「styleswitcher.js」を以下のサイトからダウンロードします。 「A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets」のエントリーの中にある Download styleswitcher.js からダウンロードできます。 2. font-sizeの値が異な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
