リンクホバーを超カッコよくアニメーションする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マスターのための「せめてこれだけは使っておこう」 : DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Webマスターの悩み会社からは「いまの時代、Webが重要だ」と言われ、Webマスターに任命されてはみたものの、まわりの人間や上司はぜんぜんWebについてのリテラシーは高くなく、かくいう自分も人のことは言えず、SEOやブログって言葉くらいは知ってるものの、流行のWeb2.0もなんだかよくわからないし、一体、これから何をどうしていけばいいんだろう？ きっと、そんな悩みを多く抱えるWebマスターの方って結構多いんじゃないかと思う今日この頃。 とりあえず、自社のWebサイトをどうにかしようと、業者に頼んでみたものの、彼らが使う言葉はいまいち理解しきれなくて、それこそユーザビリティだとかアクセシビリティだとか、グローバルナビゲーションだとか適切なマークアップだとか、ターゲットブラウザ
Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P
アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしければどうぞ（それよりもこのブログのFaviconをなんとかしなくては・・・）。 » Inspire Yourself: 50 Remarkable Favicons | Smashing Magazine 下記に一部をご紹介。 ■ 花びら系デザイン ↑ カラフルですね。 ■ 丸系デザイン ↑ 丸を上手に使ったデザインはWeb2.0ぽい気がします。 ■ 文字系デザイン ↑ Googleの「G」やmixiの「m」もそうですね。はてなはブックマークは「B」、ダイアリーは「D」などと分けているようです。 ■ 模様系デザイン ↑ 凝ってますね。 ■ 四角系デザイン ↑ Appleは四
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
Web2.0Link - Web2.0時代の便利サービス集
ブラウザ一つで何でも出来る ノンジャンル Internet Archive Google Notebook ToDo・スケジューラ Google Calendar checkpad.jp スタートページ・デスクトップ Googleパーソナライズドホームページ スタートフォース オフィス Microsoft Office Live ThinkFree Online beta メール Gmail Windows Live Mail Webメール2.0β RSSリーダー livedoor Reader はてなRSS Bloglines ニュース Google ニュース CEEK.JP NEWS NewsWatch ブックマーク 2件追加！ はてなブックマーク livedoor クリップ del.icio.us 地図 Google マップ livedoor 地図 検索 Google Yahoo!
いつかはマスターしたい！Illustratorチュートリアル40選 | P O P * P O P
各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus
Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
Web2.0とは何か？というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
メディアの品質チェックができるフリーソフト「Nero CD-DVD Speed」 : Gizmodo Japan（ギズモード・ジャパン）, ガジェット情報満載ブログ
メディアの品質チェックができるフリーソフト｢Nero CD-DVD Speed｣2007.08.06 11:0019,792 高いDVD-Rと安いDVD-Rの違いってなんなのでしょうね？ わざわざ高価なブランクメディアを買う必要ってあるんですかね？ それを視覚的に教えてくれるフリーソフトが｢Nero CD-DVD Speed｣。本来はドライブの読み込み速度、転送レート、DAE品質、オーバーバーン性能、CPU負荷などを測定するソフトなのですが、データ書き込み済みのメディアの品質チェック機能も備えています。 国内メーカー製1枚390円のDVD-R、そして50枚1500円の某国メーカー製DVD-Rで調べてみたところ、後者のうち何枚かのエラーレートが高いこと高いこと！ 1カ月くらい放置してから使えば、さらに品質の違いがハッキリしてくるのでしょう。また、国内有名メーカーの某商品は某国某ブランドとまっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クォリティの高いフリーで使えるベクトル画像１１選*ホームページを作る人のネタ帳
