近未来に頻繁に使われるであろうCSS3サンプル１０:phpspot開発日誌
10 examples of futuristic CSS3 techniques 近未来に頻繁に使われるであろうCSS3サンプルがまとまっていました。 本ブログで以前に紹介したものも多いですが、まとまっていて便利そうだったのでご紹介。 吹き出しをCSSオンリーで実装 シャドウ＆グラデーション付きの立体ボタン 枠付き写真をCSSで実装 ポラロイド写真風 角丸ファンシーなフォーム実装 立体的なドロップダウンメニュー MacOSのインタフェースをCSSで実装 近未来においては、こうしたものを組み合わせつつ更にJavaScript等とも組み合わさって今では信じられないインタフェースになっていそうな気がします。 １９９０年代後半の時代を振り返ってみると、あの当時当たり前だったサイトが一部のサイトで見られるものになるような、同じような状態になっているのかも。 関連エントリ CSS3等を使ったサンプル
Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!ニュースのデザイナーの黒田・由衛です。 Yahoo!ニュースが2009年4月27日にリニューアルしました。今回のリニューアルでは、お客様に快適にサイトを利用していただけるよう最速でページを表示させることに重点をおきました。 お客様がウェブを閲覧するのは1日の中のほんの限られた時間です。その貴重な時間を割いてYahoo!ニュースに来ていただくわけですから、1ページでも多くの記事を「読みやすく」「ストレスなく」見ていただけるようにするのが、Yahoo!ニュースがお客様にできる最高のおもてなしだと考えています。そこで、今回のリニューアルでは、サイトデザイン側からのアプローチとして以下の2点の施策を行いました。 １
サイトマップをフッタに配置する際のポイントとその効果
サイトマップを独立したページとしてではなく、フッタに配置する際のポイントとその効果をWeb Designer Wallから紹介します。 Modern Sitemap and Footer 下記は、その意訳です。 昔はほとんどすべてのウェブサイトで、コンテンツをリストアップしたサイトマップを独立したページとして設置していました。 サイトマップの重要な目的は、ユーザーや検索エンジン（スパイダー）がサイト内の情報を探し出すのに役立つことです。 現在は、多くのモダンなウェブサイトでサイトマップページを設置していません。代わりに、サイトマップをフッタに配置しています。 サイトマップをフッタに設置する効果 クリック数やページビューの増加 ユーザーはページを隅々までじっくり見るわけでなく、スクロールしながらざっと見ることがほとんどです。 そして、多くのユーザーがスクロールして最後に見る場所は、フッタです
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
ImageChef イメージクリエーター
新規メンバー登録は こちらから このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
覚えておきたい配色のワザと便利なツール :: Love & Design ::
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Saturation：Chroma） 色の鮮やかさ、強弱の度合いのこと。 彩度が高い（鮮やか）⇔彩度が低い（鈍い） 明度（めいど：Value：Brightness） 色の明るさの度合いのこ
これならコンタクトしたくなる？Ajaxを使ったメールフォーム·LightForm MOONGIFT
Webサービスを使っていたり、コーポレートサイトを見ていて、問い合わせのメールを送りたくなるということは相当なコストがかかる。それだけに一通、一通を大事にしなければならない。 シンプルなメールフォーム だがフォームがいけてないデザインだったり、入力チェックがややこしかったりしたら送信する気もなくなってしまう。それは大問題と言える機会ロスだろう。そんな失敗をしないためにもLightFormを使おう。 今回紹介するオープンソース・ソフトウェアはLightForm、Ajaxを使った美麗なメールフォームだ。 LightFormはシンプルなメールフォームで、名前、メールアドレス、サブジェクトと内容が必須になっている。Webサイトも入力できるが必須ではない。ロボット防止に簡単な足し算に答える必要がある。 分かりやすい入力エラー そして入力ボックスからフォーカスを動かすと即座に必須チェックが行われる。結
閃光、爆発などの光や風などを表現できるPhotoshopのブラシ | コリス
Brusheezy!に登録されている、閃光、爆発などの光や風などを表現できるフラクタル&アブストラクトなPhotoshopのブラシの紹介です。
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
アーモンドピーク【ALMOND PEAK】 | グリコチョコレート
Glicoからの最新情報を受け取る Glicoホーム お問い合わせ ご利用規約 利用者情報の外部送信について プライバシーポリシー ソーシャルメディアポリシー サイトマップ Cookie 設定 江崎グリコ株式会社 Copyright © 2024 Ezaki Glico Co., Ltd. All Rights Reserved. アーモンドピーク＜ミルク＞ たっぷりビタミンEを摂ることができる栄養機能食品（ビタミンE）のアーモンドチョコレートです。 丁寧にキャラメリゼしたアーモンドを、アーモンドオイルや生クリームを加えた2層のチョコレートで包みました。アーモンドの香ばしさとコク深さに加え、ミルクの芳醇な味わいが広がる一粒です。 ※生クリーム0.5％使用（生換算）、アーモンドオイル0.1％使用
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 7 | コリス
テキスト自体に3Dやメタルやグランジのエフェクトをかけたものから、背景も合わせてデザインされたものまで、テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。
GlassBox 透明感のあるデザインをJavaScriptで実装する
GlassBox Don't panic! It's not magic. It's only a simple solution to create another kind of boxes. GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and "Flash-like" effects. The GlassBox library .. is easy to use, customizable and skinnable comes with a coheren
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 6 | コリス
テキストにグロッシー・ネオン・グラス・リベット・グラフィティ・グランジ・ポップ・グラデーションなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その２
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その１
[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム
Lifestyle & Business Blog - DezinerFolio
ダウンロードし放題 商用利用可能な写真素材サイトいっぱい | DesignWalker
http://www.designwalker.com/2008/09/speech-bubble.html