We create stunning icons, graphics, and creative resources. 8,000+ icons, mockups, logos, templates, themes and more. Explore on Envato
運行情報 列車の運行に15分以上の遅れが発生、または見込まれる場合の情報をお知らせしています。
見たことがあるようで何か別のものが混じっている、そのような合体企業ロゴを紹介します。明らかに違っているものや、一見間違っていないように見えるロゴなどがあります。どこがどう違うのかご覧ください。 写真は以下より。 マイクロソフトと任天堂Wiiの合成ロゴ。「Microsoft」が「Wii」に変わっています。 アップルとマイクロソフトの合成ロゴ。競合企業が合体しています。 ヒューレットパッカードのロゴ。頭文字は合っていますが、ハリーポッターになっています。 アドビのロゴ。「Adobe」が「Apple」になっています。 マクドナルドのロゴ。「Macintosh」に変わっています。 昭和シェルのロゴ。「Shell」が「Dell」に変わっています。 他にも以下のサイトで合成ロゴを見ることができます。どの企業の合成ロゴなのか、どのくらいわかるか試してみてください。 Mario Amaya, Differ
今や懐かしい液晶画面風の画像を素早く作成する TIPS です。 使用するソフトは Fireworks8 です。 STEP1 まず適当な大きさの矩形に、塗り(#919E91)とフィルタ(シャドウ 内側)を設定します。 パネルに適度なノイズ感を出すため、塗りに薄くテクスチャ(水平線2)を設定します。 STEP2 同じ大きさの矩形を重ね、塗りを無くしてストローク(太さ 4px)を設定することで枠にします。 ストロークにもフィルタが有効ですので、ここではベベル(内側)をかけています。 STEP3 適当に文字を書きます。文字色は真っ黒だと不自然なので #333333 です。 テキストのアンチエイリアスをオフにするのがポイントです。 STEP4 そのままだと味気ないので、いかにもなパーツを配置したり一部の文字を白抜きにしたりします。 白抜きにする文字の色は背景色と同様に #919E91 です。 STE
Web 無料で使える2カラムのWebサイトテンプレート80選『80+ Free 2-Column Website Templates』 Webサイトを簡単に作りたい。 そんなあなたにおすすめなのが、『80+ Free 2-Column Website Templates』。無料で使える2カラムのWebサイトテンプレート80選だ。 以下にいくつかご紹介。 » Blooming 角丸と花の画像のヘッダが特徴のテンプレート » Hyperglass 角丸とヘッダのグラデのかかった円のデザインがWeb2.0デザインっぽく印象づけている » Stylized かっこよくシンプルなテンプレート。ブログにぴったり » Stickybud ヘッダの背景画像がとてもかっこいいテンプレート » Travel Portal カラフルな自然にインスパイアされたテンプレート » Affection ビクトリア調のデ
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
Mac Style PhotoFlip Gallery This Photoshop Flash tutorial will show you how to design a cool photo gallery as seen on AppleTV website and in many Mac application (ie. iTune, iPhone). 超絶クールなMacスタイル写真ギャラリー「PhotoFlip」。 次のような、iPhoneに搭載されているような写真ギャラリーが作れます。 PhotoFlip の動作デモはこちら ギャラリー自体は次のようなXMLファイルで初期化することが出来るので、使うのは簡単です。 サイトに設置して、訪問者を驚かせられそうなUIとして覚えておきたいですね。 関連エントリ Flashを使った超高機能クールフォトギャラリー「dfGallery」 ス
スタイルシートは、見栄えやレイアウトなどの表示に関する指定を行うものです。スタイルシートを用いるとHTMLだけでは表現できない様々なデザインが可能になります。 サンプルソースはご自由にカスタマイズなどをしてお使いください。
ブロガーに役立つ“情報源”120サイト(テンプレート・プラグイン・アクセス解析etc.)というエントリーで紹介したのですが、画像からfaviconを作成することができる「FavIcon from Pics」というサイトがありました。 使い方は簡単で、画像をアップロードして「Generate FvIcon.ico」をクリックするだけです。 ということで「ネタフルくん」をもとに作ったのがこちら。 プレビューもできるので、気に入らなかったらダウンロードしなくても良し、です。 そして、単純にfaviconを作成するだけでなく、テキストスクロールしたり、アイコンをアニメーションしたりといったオプションもあります。 次はネタフルのロゴ画像から生成してみました。 ロゴ画像の下に位置する「NETAFULL」というテキストは当然、見えなくなっていますが、ここまでできれば十分ですね。 下は「NETAFULL」
16×16、22×22、32×32、48×48、64×64、128×128までの各サイズがそれぞれ600個以上、全合計で3600個ぐらいある無料で利用可能なアイコン集、それが「Crystal Clear」です。クリエイティブコモンズライセンスで提供されており、PNG形式で提供されています。 ダウンロードは以下から。 Everaldo.com : Crystal Icons http://www.everaldo.com/crystal.html アイコンの一覧は以下から見ることができます。 Crystal Clear - Wikimedia Commons http://commons.wikimedia.org/wiki/Crystal_Clear もともとは以下の画像のように、LinuxのKDEのために作られたアイコンセットと言うことで、そのライセンスが適用されているようです。
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く