PhotoShopで美しいボタンを作るチュートリアル39個:phpspot開発日誌
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル
「iPhoneのユーザーインタフェース（UI）は確かにかっこいいが、進化の仕方があまりに西洋的。もっと日本的なアプローチがあるんじゃないか」 11月15日、「Web2.0 Expo」の講演でこう話したのは、チームラボの猪子寿之社長だ。同社は、検索エンジン「SAGOOL」など独自サービスを展開する一方、「iza！」（産経デジタル）、「ワッチミー！TV」（フジテレビラボLLC）、サントリー公式サイトのサイト内検索機能、日立「Wooo」のトップページFlashなどを構築。UIとデザイン、検索・マッチング技術に強みを持つベンチャーだ。 「UIは、しょうがない奴だと思ってる」と猪子社長は言う。例えば携帯電話のボタン。電話をかけたり、携帯サイトを見るには何度もボタンを押さなくてはならないが、ユーザーはボタンを押したい訳ではなく、電話で話したりサイトを見たいだけ。つまり「ボタン」というUIは「仕方ないか
IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化，ファイルサイズ削減ツール
Summary テキストフィールドにCSSを入力するか，CSSが置いてあるURLを指定して，"Process CSS" をクリック． 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding: 10px 5px 10px 5px; } 使用後 (Compression: Low) #example { color:#000; background-color:#fff; font-weight:700; margin:5px; padding:10px 5px; } 入力 196 byte 出力 99 byt
クリックで救える命がある。 | dff.jp
おかげさまで、総寄付額（概算） 円 あなたの寄付総額 0円 あなたの称号（詳細はこちら） ゲスト 次の称号まで 5クリック 年内目標：5億円まであと 円 当サイトは、日本最大のクリック募金サイトです。 これまで、800万人以上の参加者により、４億円以上の寄付を実現しています！ お使いのパソコンやスマートフォンから、すぐに募金ができます！ 企業が１クリックあたり１円をあなたに代わって寄付をするので、 あなたには一切お金がかかりません！ アンケートに答えると、さらに1アンケートあたり100円寄付ができます！ 今日からスマートな募金、はじめませんか！ 詳しくは、こちらへどうぞ！ 一覧はこちら 2023年8月9日 UR都市機構のアンケートがスタートしました。 2023年2月10日 オカムラグループのアンケート募金がスタートしました。 2022年11月15日 リンナイグループのアンケート募金が
ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。 彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。 検索サイト、ショッピングサイト、サイトナビゲーションなどなど、ウェブを作る仕事をしている人にとっては必見だろう。 またそれぞれのパターンにはスクリーンショットの例や、いつ使うべきか、使うときにはどういった点に気をつければ良いかも教えてくれる。 こうした資料は知っておいて損はないですね。
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」:phpspot開発日誌
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね
僕が購読している英語ブログ（主にWebデザインやユーザビリティ）を簡単な説明入りで全部公開します。 - Trans
id:elastic965kさんから疑問を投げ掛けられたので、その質問に答えるためのエントリーです。僕が購読している英語ブログの一覧とその概要を簡単に書いておきます。 追記（2007年8月28日21時）：はてなのアンテナにもいくつかエントリーを入れているのを忘れていましたので、文末に追加しておきました。 このエントリーの動機と英語ブログに対する考え方 id:elastic965kさんから先のエントリーの英語ブログを訳すための5つの私的なコツに対するはてブのコメントで、 id:aratako0さんはよく英語の記事を訳されているようだけれど、どんなブログを読んでいるのか知りたい。 とのご質問を受けたので、僕が読んでいる英語ブログを全部公開しておきます。主に僕の好きな分野であるWebデザインやユーザビリティなどが中心です。 そもそも僕はNPO法人で働いていて、例えば朝礼なんかで「昨日公開されたあ
CSS擬似クラスを使うべき理由 | エンタープライズ | マイコミジャーナル
A List Apart - For People Who Make Websites HTMLとCSSは規格通りに使うとすれば縦横無尽にさまざまな記述ができる。しかし規格上サポートされているからといって、馬鹿正直にそうした機能を使うのは避けたい。シンプルな記述であとから読んでも理解しやすい、他人が読んでも理解しやすいHTMLやCSSを書けるようになることが理想だ。しかし誰しも最初は素人だ。エキスパートがまとめたドキュメントを参考にして、そうしたテクニックであり勘どころを学んでしまいたい。 フロントエンドデベロッパであるAlex Bischoff氏は5日(米国時間)、A List ApartにおいてKeeping Your Elements' Kids in Line with Offspringという名のもと、CSSやHTMLの記述方法について細かい技巧をまとめて発表した。同ドキュメント
Photoshopで輝くグラス風文字を作成するチュートリアル:phpspot開発日誌
Transparent Glass Lettering in Photoshop In this tutorial we're going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stunning. Photoshopで輝くグラス風文字を作成するチュートリアル。 次のようなカッコいいグラス風の文字を作成するチュートリアルです。 光の輝きを付けるなど、細部にもこだわったものになっています。 タイトルロゴなんかを作る際なんかにも使えますね。 他にも色々と応用できそうです。 関連エントリ PhotoShopで写真を幻想的に加工するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Borde
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 3
テキストにメタル・光・水・草・キャンディーなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 4
テキストに光・メタル・木・3D・爆発・炎・氷などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたを刺激する新しい動きを発見するための7つのFLASHサイト*ホームページを作る人のネタ帳
使い勝手のよさそうな35のフリーフォント
CodeWeb: ブラウザ別CSSハック一覧表
EyesPic - フリー画像素材
カラースキームを決めるのに便利なサイト10選 | コリス
インパクトのあるウェブデザイン40選 - DesignWalker
404エラーをデザインする為のインスピレーション*ホームページを作る人のネタ帳
CSSで様々なアクセサリをつける装飾CSS＋ｊQuery*ホームページを作る人のネタ帳
