ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。 A Closer Look at Choosing Between Flash and jQuery 下記は各ポイントを意訳したものです。 はじめに 1. FlashとjQuery どちらにするか重要なファクター 2. jQueryとFlashサイトのショーケース まとめ はじめに HTML5の登場により、それがFlashを破るか否かに関わらずこれらはウェブコミュニティで議論の的でした。この議論が活発に行われる中、Flash vs. JavaScriptの話題は少し失われていました。 ここではJavaScriptの中から特に人気の高い「jQuery」をとりあげ

テクスチャをスクロールに合わせて移動させる「displacement maps」のテクニックを使用したスタイルシートをRomán Cortésから紹介します。 Pure CSS Coke Can 「displacement 」は移動、転置、置き換え、といった意味で、CSS1のbackground-attachmentとbackground-positionを利用して、スクロール時に画像の異なる部分を表示させています。 当初はコードの複雑さと巨大さでサイズが肥大化するだろうと思われていましたが、5KB以下のコードで実装できたそうです。 対応ブラウザはIE8, Fx3.5, Op10, Safari4, Chrome3で動作テストをしたとのことです。

このページはJavaScriptの例文／サンプルを掲載しています。なお、対象としているのは基本的にWeb標準ブラウザ (Firefox, Safari, Google Chrome, Operaなど) としているため標準仕様から外れているInternet Explorer 6～8では動作しないものがあります。Internet Explorer 8より前のバージョンに関しては以前のJavaScript例文辞典を参照してください。このサイトではInternet Explorer 8以降には、ある程度対応しています。IE9からはCanvasなどHTML5関連APIにも対応しています。 iPhone/iPadおよびAndroid 4もHTML5に対応しています。ただし、Android 2.xに搭載されている標準ブラウザでは対応していないAPIが多いため、ほとんど動作しません。 カテゴリ内のページの

技術をやソフトを除いてWebデザイン時に 個人的に役になってるなぁと思うものを あげてみます。これがあるから時間短縮 できたり、自分にとって満足できるデザイン に出来たり、無いと結構困る、といったモノ。 タイトルはシンプルにしましたが、内容は「センスの無い僕をWebデザイン時に助けてもらっているもの」です。 こういったものは人それぞれだと思います。あって当たり前、基本でしょｗという方もいらっしゃると思うし、これが何の役に立つの？という方もいらっしゃると思いますので参考程度になさってください。 配色パターン 配色だけでデザインは良いものにも悪いものにもなると思っています。 カラーコードを覚えられないので良いと思う配色は必ずローカル環境にストックするようにしています。これを使って微調整をしたり、合うものが無ければオンラインのカラースキームジェネレーター等を使います。 配色は時間が掛かるのでサク

解雇されたダーツバーのホームページ（ＨＰ）を改ざんしたとして、愛知県警は５日、同県豊田市水源町１丁目、元同店従業員の無職堀江武士容疑者（２７）を不正アクセス禁止法違反（不正アクセス行為、識別符号提供行為）と電子計算機損壊等業務妨害の疑いで逮捕し、発表した。 　堀江容疑者は、ＨＰ上にある店舗地図にモザイクを掛けて読めなくしたり、飲食メニュー約１００種類の料金表に「カシスオレンジ７０００円」などとゼロを一つ書き加えたりしていたとされる。県警の説明では、「ＨＰを更新しないのを店長にしかられて解雇されたので書き換えた」と容疑を認めているという。 　生活経済課と豊田署によると、堀江容疑者は昨年５〜９月、豊田市内のダーツバーのＨＰを管理するネット関連会社のサーバーに、管理用のＩＤとパスワードを入力して計１６回、不正にアクセスし、無断で店舗地図を改ざんしたうえ、ＩＤなどをネット掲示板に書き込んで公開した

jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。 フェードしながらスライドするjQueryプラグイン　デモ jQuery ListMenu Plugin　デモ 大量のアイテムもすっきりとリストにできます。 Sliding login panel with jQuery 　デモ ログインフォームもおしゃれに。常に表示しておく必要はないですよね。アニメーション付きでぶらさがってくるこんなプラグインはいかがですか。 create a better jQuery stylesheet switcher　デモ スタイルシートをjqueryで切り替えるプ

DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって

コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP（旧コンテンツ） PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ＆解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java （旧コンテンツ） Javaでシューティングゲームを作ろう Perl （旧コンテンツ） CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 （旧コンテンツ）C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと（ブログパーツ） オリジナルソフトウェア その他未分類なモノ iOSアプ

AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

スパイスラボ神部です。 以前、jQuery でブラウザ判別をする方法をしらべていたとき、こちらを参考にしていました。 -jQueryで簡単UserAgent判別 - Webtech Walker なぜかというと Google で一番上に来るからなんですけどね。 しかしもう少し調べてみると、どうやらバージョン判別もできるようです。 -jQueryを使ったブラウザ分岐 | A Day in the Life どうやら 1.3 系列では使えないらしい $ browser しかしこの $browser、どうやら 1.3 系列からは使えなくなるようです。 -jQuery.browser - jQuery 1.3.2 日本語リファレンス $support を使うように、となるようです。 -jQuery.support - jQuery 1.3.2 日本語リファレンス 非推奨になりますが一応$b

少し前に細字のフォントが 必要だったので色々と探して ましたが、その時に見つけた 素敵なフリーの細字フォントを 備忘録的にまとめてエントリーします。 全てフリーですが、ライセンスは 異なりますのでご確認下さい。 細字フォントはいろいろと使い勝手が良いので重宝しますね。全部で17あります。 Caviar Dreams Caviar Dreams Boulder Boulder Champagne & Limousines Champagne & Limousines LT Oksana LT Oksana 和田研細丸ゴシック 和田研細丸ゴシック Two Turtle Doves Font Two Turtle Doves Font Vloderstone Vloderstone Lelim Pro Lelim Pro Nioubes Nioubes Scriptina Scriptina T

フリー写真素材として使える無料風景画像を3000枚ダウンロードできます。著作権フリー画像に相当し、あらゆる用途に自由に利用できます。 3000枚のフリー写真素材集 ようこそ 日本・海外旅行などでデジカメ撮影された写真素材をフリー(無料)で3000枚配布しています。 風景の写真がメインで、「外国の観光名所(世界遺産都市)、日本の街中の風景、自然風景」などの高解像度画像があります。 著作権フリーに相当し、無料で「デスクトップ壁紙、Web・ホームページ、背景・イメージ、印刷(年賀状)、商用」等に使えます。 ダウンロードできる種類 A.未加工写真：高解像度、中解像度、サムネイルの3種類があります。 B.デスクトップ壁紙：ご使用中のディスプレイ用に自動サイズ変更されたフォトを生成できます。 C.のべ30万枚以上の画像素材：「フレーム追加、イラスト化、バナー変換」等、100種類以上に1クリック編集でき

CreativityDenというサイトで、jQueryをうまく使ったクールなポートフォリオサイトがたくさん紹介されています。 いくつかご紹介しますね。 » webalon jQueryを使って画像を水平方向にスクロールしているWebalonのサイト » metalabdesign マウスオーバーでさりげなくフェードイン&アウトするグローバルメニュー » brynnshepherd ”about me”タブをクリックすると、スライドして現れるコンテンツ » jp3design マウスオーバーすると、ふわっと浮き上がって落ちる時も滑らかなグローバルメニュー » cpeople スライディングパネルとスクローラーをクールに使ったCPeopleのサイト その他のリストは以下からどうぞ。 » 25 Portfolio Sites Using jQuery Amazingly Well pdfがcom

VISIONWIDGETというサイトで、フリーのjQueryコンテンツスライダーがまとまっています。 ざっといくつかご紹介。 » jFlow かわいいフォトスライダー » Create Featured Content Slider Using jQuery UI サイドバーにナビゲーションのあるスライダー。自動で切り替わる » A Basic Content Slider With jQuery 左右にボタンを配置したシンプルなスライダー » JC Play List xmlからリストを取得できるFlashコンポーネント » Creating a Slick Auto-Playing Featured Content Slider CSS-Tricks.comによる、Coda Sliderのようなとてもクールなスライダー かっこいいものがそろっているので実装したくなりますね。 その他のリ

Quenessで、jQueryを使って画像にオーバーレイのキャプションをつけるサムネイルギャラリーの作り方が紹介されています。 ソースは以下のようになっていて、とてもシンプルですね。 <div class="photo"> <div class="heading"><span>Pier</span></div> <img src="images/pier1.jpg" width="300" height="186" alt="" /> <div class="caption"><span>Lorem de scua shemf huan rougt ecrit vato de souju kanasa.</span></div> </div> 画像にマウスオーバーすると、トランジションでキャプションが表示されます。 ぜひ見てみてください♪ » Create a Thumbnail Gall

Perfect signin dropdown box likes Twitter with jQuery|AEXT.NET Twitter風のドロップダウンボックスなログインフォーム作成チュートリアルが公開されています。 少ないスペースでサインインリンクを表示し、クリックで画面遷移なしにフォームを表示するということでスペースを有効に利用できます。 「Sing in」をクリックすると開きます。 デモページ サインインだけでなくて、他にも応用できそうですね。 関連エントリ jQueryを使ったブラウザ上で動作するLeopardデスクトップの構築 jQueryとPHPでダイナミックな投票スクリプトを作成 これは驚きの、CSSだけで作れる吹き出しボックス jQueryを使ったタグクラウド生成チュートリアル