最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。 各デモはページ下部のDownload Files」で、まとめてダウンロードできます。 背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック：その1 CSSだけで実装するテクニック：その2 jQueryを使ったテクニック 背景画像をブラウザの枠いっぱいに表示するテクニックとは 前提として、下記のポイントが挙げられます。 画像でページをいっぱいにします。 空きは無いようにします。 画像のサイズは必要があれば調整しま
分岐でfooterを切り替える処理を作っていまして、アーカイブやカテゴリのページではis_archive()で分岐できるのですが、アーカイブページを呼び出す直前の?menu=monthsなどで呼び出した月の一覧やカテゴリの一覧ページの分岐方法が分かりません。 is_archive()などで分岐するよりも前にページタイトル（index）で分岐させている部分があり、?menu=monthsなどで呼び出されたページのページタイトルはindexになるようで先にこちらの条件がヒットしてしまい、この部分で!is_archive()を条件に入れてみましたが、アーカイブページとして存在しているわけではないようでうまく分岐しませんでした。 ?menu=monthsなどで呼び出されたページはどのように判定すればいいでしょうか？
WILLCOM の CSS 対応ですが、スモールスクリーンモードとフルスクリーンモードで対応しています。 <?xml version="1.0" encoding="Shift_JIS"?> など、XML 宣言がなくても CSS は適用されますが、 <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”> と、XHTML Mobile Profile の DOCTYPE が無いと適用されません。i-mode と ezweb の DOCTYPE でも試しましたが、こちらでは適用されませんでした。（WX310K で確認）
価値(Value)が適切に評価される社会を。 固定金額や契約期間の縛りが無いSEO支援を提供
1 HTMLエディタの罪 HTMLは文書の構造を記述する言語で、見てくれを記述する言語ではない。その餘りにも單純な理念を理解してゐれば「WYSIWYG型HTMLエディタ」なるものを作つて賣る事など到底出來つこない筈だ。 では、「タグ挿入型HTMLエディタ」ならば良いのかと云ふと、これがまたろくでもないものしか世の中には存在しない譯で、非常に困るのである。「タグ挿入型」のエディタの使用者は「俺ももう初心者ではないのだ」と云ふ誤つた意識を持つてしまふ。或は、ソースを直接いぢれる「タグ挿入型」を使つて、「俺もいよいよ中級者」とかユーザが思ひ始めたとしたら、それは間違つてゐる。「WYSIWYG型」のエディタを使ふ人間が、「まだまだ俺は初心者」だと思つてゐる方が、まだ増しである。 2 HTMLを知らない人間が使ふHTMLエディタ 「WYSIWYG型」のエディタが屡々出たら目なソースを吐く事は知られて
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。（画像クリックすると原寸表示されます。） ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。
みなさんは「Lorem ipsum」（ロレム・イプサム）というものを知っていますか？これはデザインや出版の現場などで使われる、意味のない文字の羅列、いわゆるダミーテキストの一つです。未完の部分が白紙だと、完成時のレイアウトが思い浮かびづらいですよね？それを避けるために、文章の出来上がっていない部分にダミーテキストを流し込むわけです。 「Dummy Image Generator」は画像用の「lorem ipsum」といった働きをしてくれるツールです。 「lorem ipsum」がダミーテキストを差し込むように、「Dummy Image Generator」はダミーの画像、ダミーイメージを作ってくれます。使い方はカンタン。 下記urlのように末尾に幅＋x＋高さを入力するだけです。ここでは幅640、高さ480でやってみます。 例：http://dummyimage.com/640x480 リン
このごろ流行りの女の子～♪ じゃなくて、流行りまくって食傷ぎみなweb2.0的なサイトですが（^^; どうもある種のルールを持てばweb2.0なデザインになるようです。 これで今日からあなたのサイトもweb2.0だｗ 以下のページを参考に 最近のwebデザインの傾向（英語） http://www.webdesignfromscratch.com/current-style.cfm 上記のすばらしいサイトは、以下のデザイン機能を共有します： * 単純なレイアウト * 3D効果（倹約して使われる） * 柔らかい、中間の背景色 * 強烈な色（倹約して使われる） * かわいいアイコン（倹約して使われる） * 多くの余白 * 素晴らしい大きいテキスト 直訳でした、これらを守ればweb2.0デザインです以上！ って言うのは冗談ですがｗ 細かく見ていくと ・単純なレイアウトと言うのはユーザーにとって見易
こんにちは。 回答遅くなってすみません。 私がよくやる方法は以下の通りです。 さて、インクルードを使用できるのであれば、 (1) pulldown.inc（pulldownは任意）というファイルを作成 (2) HTML内部にインクルードさせたい箇所に <!--#include virtual="pulldown.inc" --> を挿入 ※パスに気をつけて下さい (3) pulldown.inc内に必要なタグのみ記述 例） <select name="select"> <option value="１">リスト１</option> <option value="２">リスト２</option> <option value="３">リスト３</option> </select> (4) .htaccesファイル内に以下の記述を追加（※必要であれば） Addtype text/x-server
WEBデザイナー全員がホームページビルダーを使わないわけではありません。 また、ビルダーを使っている方を批判するわけでもありません。 ただ、ネット上で知り合ったホームページ作成業者や、SOHOでホームページの作成に営む友人と、私のお話です。 まず、みな口をそろえて『ホームページビルダー』は絶対使わないといいます。 これはWEBデザイナーのプライドの一つなのでしょうか？ 中には非常に批判的、攻撃的な人も多く、ビルダーを使っている＝ホームページの初心者だという意見が多いですね。 そのほか６つほど使わない、使いたくない理由がありましたのでご紹介しておきます。ニュアンス的な表現ですがご了承ください。 １）初心者と思われる事が多い。 顧客の中には『HTMLのソースの表示』を見る人が居ます。 そんな方にぽろっといわれた事があるのがこれ。 プロに頼むということはお金が絡みますので、だれでも作れるようなツ
The Sexy Curls jQuery Plugin! is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. Go drag the fold → The source code is available at GitHub. The plugin now works in IE7. You can also now set it to curl automatically. Read the full story about this plugin at Carsonified Installation: First, make sure
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
