Design, Content, Experience
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載!
レンタルサーバなら「さくらのレンタルサーバ」! 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能&大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。
確かこれまでのワールドカップでグループHからの優勝はなかったわけで、EURO2008でベスト8の呪縛を振り切ったスペインにはその勢いで(2年も勢いが持続するかは知らんが)ジンクスを振り切って優勝して欲しいなと思いつつ観た試合。 序盤から圧倒的なパスワークでゲームを支配するスペイン、対してクロスボールは入れられても真ん中を固めておけば大丈夫さってな具合にゴール前にガッチリと守備ブロックを作って待ち構えるスイス。 さて、見せてもらおうか世界ランク2位の圧倒的な強さとやらを、と思いきやなかなか決められないスペイン。 シャビとイニエスタは上手いこと機能しているもののダビド・シルバとシャビ・アロンソが流れから消えちゃってる印象。せっかくセルヒオ・ラモスがサイドでボールを持ってもみんな中央で待ち構えるもんだから放り込むか後ろに下げるかしかできない。EURO2008の時ってもっとダビド・シルバがサイドで
棒グラフもデザインしたい。 そんなあなたにおすすめなのが、『CSS For Bar Graphs』。CSSで棒グラフをデザインする方法だ。 このエントリーでは、棒グラフをデザインするCSSが紹介されている。つい手を抜いてしまいがちな棒グラフも、これを参考に作ればデザインすることができるだろう。 HTMLは以下に紹介されている。 » CSS For Bar Graphs Examples ↓ロゴ、レイアウト、色のメリハリ、インターフェースもとてもいい。 CSSで棒グラフをデザインする方法、チェックして使っていきたいですね。 実家に帰ってきました。かなりまったり。 Macのネット接続設定に成功したから今回は目一杯までゆっくりしようかな。
CSSplayから、テキストリンクなどインライン要素にブロック要素のスタイルを適用して目立たせるスタイルシートを紹介します。 <textarea name="code" class="css" cols="60" rows="5"> div.inlineLinkContainer p {line-height:27px;} div.inlineLinkContainer a.blockLink {display:inline-block; padding:0 0 0 5px; line-height:26px; height:27px; background:url(block3.gif); text-decoration:none; color:#fc0; text-align:center; margin:1px 0 0 0;} div.inlineLinkContainer a.bl
Page not found ご指定のファイルが見つかりませんでした 30秒後にトップページへ移動します
CSSでWEBサイトをデザインするのが当たり前になって数年、WEBデザインの主流なので当然な流れだとは思いますがCSSギャラリーサイトも増えてきました。今日紹介するのはそんなCSSギャラリーサイトのRSSをまとめた「The Great Website Design Gallery Roundup 」です。 このサイトでは機能別にCSSギャラリーサイトをまとめ、一覧化してくれています。RSSも配信している所はここからリンクを取得できるため、お気に入りのギャラリーサイトを見つけて、購読するということも簡単にできます。 詳しくは以下 サムネイルはあるのか?レーティングはあるのかコメント昨日をあるのか?などこと細かく細分化されていますので自分のお気に入りも見つけやすいかと思います。 改めて見ると「The Great Website Design Gallery Roundup 」に表示されているだ
CSSで横幅が可変するボタンをデザインしたい。 そんなあなたにおすすめなのが、『CSS Sliding Door using only 1 image』。1枚の画像で伸縮するボタンをデザインする方法だ。 このエントリーでは、1枚の画像で幅が可変するボタンを作る方法が紹介されている。 HTML、CSSのコードが紹介されているだけでなく、サンプルをダウンロードできるので、実装も簡単だろう。 1枚の画像で伸縮するボタンをデザインする方法、チェックしてぜひ使ってみていただきたい。 社員旅行から帰ってきた。結構リラックスできて気分爽快だ。 e-mobileがつながらなくてネットできなかったんだけど、たまにはそういうのもいい。 でもそのせいで今Airを触っていてテンション高すぎる。
黄金比でレイアウトをしていきたい。 そんなあなたにおすすめなのが、『Golden Ratio Calculator』。黄金比でカラムの幅を計算してくれるサイトだ。 このサイトでは、約1:1.6である黄金比に従ってカラムの幅を計算してくれる。 綺麗に見えるサイトには必ず法則があると言われるから、レイアウトに黄金比を取り入れるのは有効だろう。 黄金比でカラムの幅を計算してくれるサイト、チェックしてぜひ使ってみていただきたい。 昨日は社内のクリエイティブ勉強会で佐野研二郎さんのお話を聞いた。 すごく勉強になったぞっと。あとでエントリーにしようかな。 » MR_DESIGN – Kenjiro Sano / 佐野研二郎
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」は使用しないでください。 テキ
MENU-1.通常の背景ポジション変更によるロールオーバー MENU-1 MENU-2 MENU-3 高さ40pxのメニューに対し高さ80pxのON-OFFをつなげた画像のpositionを上に40pxずらすことで、画像が変わっているように見せている。 もちろんIE6では画像が透過しないので、背景のグリッドが隠れてしまいます。 HTML <ul class="menu1"> <li><a href="#MENU-1">MENU-1</a></li> <li><a href="#MENU-2">MENU-2</a></li> <li><a href="#MENU-3">MENU-3</a></li> </ul> CSS ul { list-style: none; width: 110px; margin: 0; padding: 0; } .menu1 a { display: block
ここ数年にリリースされたウェブブラウザは W3C の仕様に従いつつ、実験的に独自の要素を実装して表現の幅を広げようとしています。CSS まわりでは WebKit がリードしているのではないでしょうか。マルチカラムや複数背景画像のような CSS3 にあるものから、反射やマスクのような変わったものまで実に様々です。 最近 WebKit のほうにも実装され、今月の CSS WG で草案化する可能性がある仕様で CSS Variables というのがあります。その名のとおり「CSS で変数を扱う」というもので、値を一元管理出来るようになります。詳しくは withD のこちらの記事が参考になりますが、サンプルコードを書くとこんなかんじです。 @variables { companyTheme: #069 highlight: #ffc; PageTitleSize: 18px; SubheaderS
As the monitor resolution and internet speed is advancing, it seems like more and more designers use over-sized photo or illustrated image as the website’s background. Large background image can create the stunning visual effect, especially for high resolution monitors. It can also add more life to your site design compared to the traditional tiled background graphic. Here is a collection of 80 we
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く