A' Structural Packaging Award is an international, juried design accolade established to recognize and promote good structural packaging designs. Good structural packaging deserves great recognition. A' Structural Packaging Award is your tool of choice to advertise, publicize and promote your good structural packaging designs, to make your great structural packaging designs publicly known, appreci
/ Einige Pattern für deine Homepage oder zum einarbeiten in Layouts oder sonstige Grafiken. Variationen: In jedem Set befindet sich entweder nur eins oder mehrere ähnliche Pattern. Wie viele in einem Set sind, siehst du an der Zahl hinter der Patternbeschreibung. Dies ist der Button zum Laden der Grafiken
Take Control of Your Franchise Operations FranchiseBlast empowers you to run a successful franchise business with easy-to-use operational software. Manage day-to-day issues with franchisees, see everything happening in real-time, and increase the level of control you have over your franchise business. Get FranchiseBlast so you can offer franchisees state-of-the-art franchise operation software. Fr
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、当サイトで度々紹介している「Elements of Design」の新カテゴリです。 Carouselsには現在50個登録されており、他にもウェブサイトでよく使うエレメントのデザインが収集されています。 フッタのデザイン集 フォームのログインのデザイン集 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集 「打ち出しエリア」と記載しましたが、Googleで調べてみたら、あまり使用されない言
WEBサイトを作っていると、「文字の色を変えたい」、「余白を大きくしたい」、「背景をグラデーションにしたい」ということがあります。 文字色や余白、背景を全て画像で用意するということもできますが、画像ばかりを用意するのも手間ですし、ファイルサイズが大きくなるのも問題です。 そこで、WEBサイトをデザインするときCSSを使います。簡単にCSSのことを説明するな、HTMLの見た目を作ることができるプログラミング言語です。 みなさんもCSS、CSS3といった言葉をネットで見たり聞いたりしたことがあると思います。CSSを使うことで、HTMLを色々と変更することができるので、プログを使っていた人は、簡単なCSSの構文を知っている人もいるかもしれません。 本格的にWEBサイトをデザインしようと思ったら、CSSについてより詳しく知る必要が出てきます。 また、CSS4という新しいCSSの仕様もあります。CS
背景を下までずずーっと伸ばしたい時は、bodyにbackground-imageを指定すればよいですが、div等に指定した背景やborderをページの下まで伸ばしたい時は、以下のようにします。 <body> <div id="Container">高さ100%</div> </body> *{ margin:0;padding:0; } html{ height:100%; } body{ height:100%; } #Container{ height:100%; min-height:100%; width:80%; background:Khaki; border-right:1px solid red; } body > #Container{ height:auto; } 下まで背景伸びたHTML完成サンプル 以下、なぜこれで実現できるのかの解説と疑問点。とても長い。 Step
CSSのみでブラウザの表示枠ぴったりにレイアウトしたい時、どうしたらよいか。 テーブルレイアウトの場合は大枠を<table width=”100%” height=”100%”>にすればOKだった。CSSの場合ちょっと癖があり、横幅は100%でぴったりいくのだが、中身のボックス要素を「height:100%」で指定しても、その要素そのものの高さにしかならない。サンプル(横幅のみ表示枠ぴったり) なぜかというと、この高さの指定は親要素の高さに依存するものだからだ。(参考:height: n%;の正しい仕様 – Web標準普及プロジェクト) なので親要素である”<html></html>”と”<body></body>”の高さを100%に指定すると、ブラウザの表示枠ぴったりにはめることができる。サンプル(縦横表示枠ぴったり) html,body{ height: 100%; } これを応用して
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
Apache/PHP/MySQL/SQLite/SQLiteManage/PhpMyAdmin/Zend OptimizerをWindowsにまとめてオールインワンでインストールすることができるようになっているのがオープンソースで開発されているこの「VertrigoServ」。 これらの各ソフトについて簡単に設定を変更できるコントロールパネルっぽいものがタスクトレイから一発で呼び出せるようになっており、非常に設定が簡単です。また、インストーラは日本語化されているので安心です。 実際のインストール方法などは以下から。 VertrigoServ http://vertrigo.sourceforge.net/ ダウンロードしたら実行します 「OK」をクリック 「次へ」をクリック 「同意する」をクリック 「次へ」をクリック さらに「次へ」をクリック 「インストール」をクリック インストール中……
floatで作る2段組(センター揃え) ここではfloatで作る2段組(センター揃え)を解説します。 センター揃えとは表示領域がウィンドウの中央に位置しているものです。今でこそ左端を基準にしたサイトというものは増えてきていますが、仕事をしているとセンター揃えのサイトを作ることは結構あります。 ご存知のとおり大元となるdivに対してmargin-leftとmargin-rightをautoにしてあげることでセンター揃いになりますが、Windows Internet Explore5や5.5はこのauto指定が効きません。そこでどうすればいいかというとbodyに対してtext-align: centerと指定することでこの問題を解消することができます。 bodyにtext-aling: centerと指定することは是非が問われるところだと思いますが、今のところ一番現実的な解決方法化と思います
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く