Fireworksを使うデザイナーは必ず覚えておきたいショートカットキーまとめ | SOKUTAKUショートカットキーを使うと作業スピードは確実に早くなります。その分考える時間も確保できるので、よく使う操作のショートカットキーは絶対に覚えておきたいですね。それはDTPデザインソフトでも、WEBデザインソフトでも同じことがいえます。 今回はWEBデザインに欠かせないFireworksのショートカットキーをまとめてみました。 オブジェクト操作系のショートカットキー 操作 ショートカットキー
[CSS]画像１枚でメニューボタンを作る
tinyMCEや大手サイトなどでよく使われてる、メニューボタンの画像を１枚にまとめてしまう手法。 ボックスなどにも応用出来るので覚えとくと便利じゃないかなと思います。 完成すると上のようなメニューになるとする。 この場合、a:linkとa:hoverを１枚にまとめて作成します。 横メニューなら上下、縦メニューなら左右に並べて作る。 HTMLは次のようなソースになる。 <ul id="navigation"> <li><a href="#" title="トピックス" class="topics">トピックス</a></li> <li><a href="#" title="経営方針" class="policy">経営方針</a></li> <li><a href="#" title="会社概要" class="outline">会社概要</a></li> <li><a href="#" t
![[CSS]画像１枚でメニューボタンを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
背景画像をブラウザの枠いっぱいに表示するテクニックの考察
最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。 各デモはページ下部のDownload Files」で、まとめてダウンロードできます。 背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック：その1 CSSだけで実装するテクニック：その2 jQueryを使ったテクニック 背景画像をブラウザの枠いっぱいに表示するテクニックとは 前提として、下記のポイントが挙げられます。 画像でページをいっぱいにします。 空きは無いようにします。 画像のサイズは必要があれば調整しま
CSS の z-index について整理してみる | HTML + CSS | かたつむりくんのWWW
今日は CSS Nite in Ginza, Vol.31に行ってきます。テーマは「CSSレイアウト：IE 6対応のかんどころ／小林 信次（まぼろし）」ということで、以前「CSS Nite ビギナーズに参加した感想とか要望とか」で書いた「CSS Nite への要望っぽいこと」が実現した感じで、すごく楽しみです。 僕は Web制作の現場にいないので、実務経験が少ないです。ですので、日頃、Web 制作を仕事としてやっている人が、サッと解決できちゃうようなことにもハマったりします。 そういった点を補うには、今日の CSS nite のようなテーマはすごくありがたいです。 さて、前置きが長くなりましたが、今日は以前ひっかかった IE6 の z-index の解釈について、改めて整理してみました。 どんなシーンでハマったか このブログもそうですが、最近ページ上部にグローバルナビゲーションを配置し、そ
IE7 でposition: absolute な要素に対する z-index が正しく理解してもらえない - The Second Longest Day in My Life...
IE7には position:absolute な要素の z-index 表示に問題があり、以下のような場合に #lower が #upper にかぶってしまう。 <div id="upper_container"> <div id="upper"> これは上に表示されます </div> </div> <div id="lower_container"> <div id="lower"> これは下に表示されます </div> </div> #upper_container { position: relative; } #upper { position: absolute; z-index: 10; } #lower_container { position: relative; } #lower { position: absolute; z-index: 5; } そんなときは、re
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Illustrator実践講座-パス
Movable type-ベースにページを切り替えました 新しいページはこちらをご覧下さい。或いはHOMEから入って下さい 現在表示のページは、低解像度（狭い）モニタ用に残して有ります パスをひき、それを繋いでオブジェクト（作品）を創る。その中心的な機能は、繰り返し述べているように「ペンツール」です。 ペンツールを使いこなして初めて、Illustratorを使っている、と言えるでしょう。 同時に、一番難しいのも又、ペンツールでも有ります。 （「ペンツールの矛盾」参照 ） ペンツールについての基本的で、具体的な使い方については、 「FirstStep/Ｒ」にも、一部重複しながら掲載して有ります。参照してください。 ■ ペンツールの機能 ペンツールは、アートボード上に「アンカーポイント」を設置し、必要に応じて「方向線」を引き出し、セグメントを生成し、セグメントの性格（直線,曲線、曲率）を決定し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PunyPNG