ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。List of Web Design Mistakes You Should Avoid下記は、各リストを意訳したものです。 ※訳者注： 一部過激なものは表現を少し和らげています。はじめにウェブサイトや... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]めちゃめちゃ小さいMP3プレイヤーのスクリプト -1 Bit Audio Player | コリス](/thumbnail/389157.png)
MP3ファイルのテキストリンクの横に自動でめちゃめちゃ小さいMP3プレイヤーを設置できるスクリプトを紹介します。1 Bit Audio Player デモテキストの右に添えてあるアイコンのクリックでオーディオの再生と停止がコントロールでき、再生中はアイコンが変更されます。プレイヤーはFlashのM... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]画像だけでなく動画やHTMLコンテンツを拡大表示するスクリプト -Clearbox | コリス](/thumbnail/372822.png)
jQueryやMooToolsなど他のスクリプトに依存せず、画像や動画やHTMLコンテンツをオーバーレイ上に拡大表示するスクリプトを紹介します。拡大時のキャプチャ拡大表示に対応しているのは、画像をはじめ、Flash、QuickTime、Windows MediaなどのメディアコンテンツやHTMLコ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]スタイルシートで実装する、アイデア溢れる画像ギャラリー | コリス](/thumbnail/357296.png)
まるでFlashやスクリプトを使用したかのようなスライドのエフェクトがスタイリッシュな画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。Slideshow by numbers demoデモでは画像ギャラリーの領域にマウスをホバーすると、画像に対応した数字が表示され、それぞれの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。Web Design Trends for 2010下記は、その意訳です。また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
PNG Optimization Guide: More Clever Techniquesはじめに1. グレースケールのPNG2. 色数はより少なく3. ディテールの最適化4. More Tips5. Video Tutorialはじめにあなたは既にPNGフォーマットの画像に精通しているかもしれ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ウェブデザインにいつもと違うアイデアを入れてみるための10のTipsをWeb Designer Depotから紹介します。10 Web Design Rules That You Can Break下記、各ポイントをピックアップしてお届けします。はじめに1. 水平方向のスクロールバーを表示しない2... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]CSSスプライトにスライドやフェードのアニメーションを加えるスクリプト -SpriteMenu | コリス](/thumbnail/298818.png)
一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。SpriteMenu demoデモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。使用している画像はどちらも同じで、下記のようになってい... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Smashing Magazineのエントリー「美しいFlashサイト50選」から、特にクリエイティブなFlashのサイトをいくつか紹介します。50 Beautiful Flash WebsitesDrinks SitesMartini Astivitaminwater10Portfoliosv5... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flexを使用してデータをリッチにビジュアル化するオープンソースのフレームワーク「Axiis」を紹介します。AxiisdemoAxiisはベーシックな要素を組み合わせて、複雑なアウトプットができるようにモジュー [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
可読性に優れた10px用のOpenTypeのフリーのミニフォント「Ten」をcaketypeから紹介します。こういったミニフォントはほとんどのものがTrueTypeフォントですが、この「Ten」はOpenTypeフォントでフリーとちょっと珍しいですね。caketype.com/type/tenダウ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
滑らかに画像がスライドする、Flash製のiTunesのカバーフロー風画像ギャラリーをYoFLAから紹介します。Cover Flow - the Open Source Flash Scriptdemo実装には [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Smashing Magazineのエントリー「50のユーザーフレンドリーで美しいナビゲーション集」から、有用的で優れたナビゲーションをいくつか紹介します。50 Beautiful And User-Friendly [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。BeautyTips demoBeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ページをぺろっとめくるようなエフェクトをつけるスクリプト -Page Peel | コリス](/thumbnail/248325.png)
ページをぺろっとめくるようなエフェクトをつけ、その下に広告などコンテンツを配置できるスクリプト「Page Peel」をSmpleから紹介します。jQuery Plugin Page Peel demoページがめくれるエフェクトはFlashで実装されており、スムーズに動作します。スクリプトのオプショ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
FlashVortexは、アニメーションするFlashのナビゲーション・ボタン・バナーなどが作成できるオンラインサービスです。FlashVortex作成ページでは、テキストやデザインを変更することが可能で、作成が完了したらページ下部の「Generate Animation」ボタンをクリックするとS... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]Flashのようにサウンドをコントロールできるスクリプト -SoundManager 2 | コリス](/thumbnail/156336.png)
SoundManager 2は、Flashのようにマウスの動きやアニメーションに合わせてサウンドをコントロールしたり、MP3プレイヤーのようにオーディオを設置できるスクリプトです。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
FreeZiqのエントリーから、写真をかっこよく見せるフリーのFlashの画像ギャラリーを紹介します。15 Free, powerful and easy to integrate Flash image gallery [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flash Galleryは、簡単に設置ができるサムネイル表示付きの画像をスライドして表示するギャラリーです。 Flash Gallery デモ：1、デモ：2、デモ：3 ギャラリーに表示する画像は、「img」フォルダ [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Google Webmaster Central Blogのエントリーから、GoogleがFlashファイルのインデックス方法を改善したことを受けたQ&Aの紹介です。Improved Flash indexing下記はそのQ&Aの意訳です。Googleにインデックスされやすいのは、どのようなFla... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
