TOP  >  FLASH

Tag : FLASH

2009年05月01日

Actionscript 3.0のチュートリアルを集めた「30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials」

クリエイティブな表現には欠かせないFLASH。Actionscript 3.0によって大きく変わりしましたが、今日紹介するのはそんなActionscript 3.0を使ったFlash表現のチュートリアルをあつめたエントリー「30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials」です。

flash-tutorials01
3D Menu on a Cube with Perspective

様々なクリエイティブや技が紹介されていますが、今日はその中からいくつか気になったチュートリアルをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:27  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年01月21日

WEBデザイナー必見!あらゆるリソースが参照できる「Web design tools and resources」

Deisngdevelopではデザイン、WEBに役立つ様々なコンテンツを日替わりで紹介していますが、今回紹介する「Web design tools and resources」はあらゆるWEBデザインに役立つリソースがまとめられているエントリーです。

リソースはリソースはJavascript、Miscellaneous Tools、Hosting、Grid Design、Typographyなどとジャンル分けされ、一覧になっていて非常に分かりやすくまとめらられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:01  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2008年02月22日

動画を見て、ファイルを触りながら学べるFLASHチュートリアル集「gotoAndLearn()」

アクションスクリプト3.0が導入されて、さらに敷居が高くなったと周囲で噂のFLASHですが、今回紹介するのは様々なFLASHの処理やアクションをビデオでまなべるチュートリアルサイト「gotoAndLearn()」です。

gotoalllearn01.jpg

かなり高解像度の動画で一つ一つ丁寧に詳細なビデオによるチュートリアルを閲覧することができます。英語サイトになりますので、音声による解説は日本語ではありませんが、かなり詳細な動画のため言葉のカベがあってもなんとかなる感じです。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:29  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2007年10月26日

ITunseのCoverFlowを再現したFLASHギャラリ−「iTunes Coverflow v2」

前回「ポラロイド写真のように見せる画像ギャラリー「Polaroid Gallery」」で机の上におかれたポラロイド写真風ギャラリーを紹介しましたが、今回も質の高いFLASHギャラリーサンプルを紹介したいと思います。

iTunes Coverflow v2

そのFLASHギャラリーサンプルは「iTunes Coverflow v2」と呼ばれ、名前の通りiTunesの特徴的なインターフェイスであるCoverflow風に画像を見せれるFlashギャラリーです。上記のように鏡面処理等も施され洗練された感じで画像を見せる事ができます。

画像表示の仕組みは単純で表示させたい画像を任意のフォルダに格納しておいて、XML中でファイル名とディレクトリを指定をすれば簡単に表示させる事ができます。前回同様Flaファイルでの配布なので、自分のサイトに合わせてカスタマイズする事が可能で、カスタマイズによってはさらに完成度を上げる事ができるかと思います。

ここまでの物をFlaファイルで配布してくれるのは嬉しい限りです。使わないにしてもソースコードを見ても勉強になりますので、ダウンロードしてソースを覗いて見ても良いかもしれません。動作サンプルとFlaファイルのダウンロードは「n99creations.com」からどうぞ。

続きを読む
posted 11:49  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2007年10月19日

ポラロイド写真のように見せる画像ギャラリー「Polaroid Gallery」

写真見せる時、その写真自体の完成度やクオリティも大切ですがWEB上で見せるなら見せ方も重要な要素になってきます。そこで今日紹介するのは写真を机の上においたポラロイド写真のように見せてくれるFLASHギャラリーサンプル「Polaroid Gallery」を紹介したいと思います。

Polaroid Gallery

swfのセットの他Flaファイルがダウンロード可能なのである程度のカスタマイズはできそうです。ライセンス形態はCreative Commons Attribution-Noncommercial 3.0 Unportedでその範囲であれば自由に使う事が可能です。

画像をFlickrからFlickrIDで指定してFlickr上の写真データも読見込ませる事も可能みたいなので連携させれば面白い使い方もできそうです。ここまでのものでFlaファイル配布なのは嬉しい所です。Polaroid Gallery動作サンプルは以下のリンクからどうぞ

via phpspot開発日誌

続きを読む
posted 03:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2013年08月02日

スポンジの表面をテクスチャ化「23 Free Sponge Textures For Your Next Project」

テクスチャにはさまざまな種類があり、シンプルな素材だけでなく、デザインにバリエーションを出すためには、個性的なものも是非持っておきたいもの。今回はそんなシーンにおすすめな、スポンジテクスチャ集「23 Free Sponge Textures For Your Next Project」を紹介したいと思います。

sponge1
Sponge Texture by *YummyPepsi on deviantART

ぽこぽこと穴が空いた質感が特徴のスポンジの表面をテクスチャ化した素材が多数収録されています。気になったタイプをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:41  |  
Category: Design   
2010年04月28日

使いやすいjQueryテクニック&プラグイン「40 Useful jQuery Techniques and Plugins」

高機能なjavascriptライブラリとして広く使われているjQuery。多くの方に使われているだけあって幅広いプラグインがリリースされていて、WEBをもっと便利に使いやすくしてくれます。今日紹介するのはjQueryを使った、テクニックとプラグインをあつめたエントリー「40 Useful jQuery Techniques and Plugins」です。

js-00
TipTip jQuery Plugin

ナビゲーションに使えるプラグインからカレンダー、フォームなどといったものまで幅広いジャンルのプラグインが紹介されています。今日はその中から気になったものをいくつか公開したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:33  |  
Category: WebDesign   
2010年04月07日

実用的なjQueryで作るスライダーをまとめた「28 Useful JQuery Sliders You Need To Download」

高機能で軽量なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、現在では多くのWEBサイトで導入されています。そのなかでもよく見かけるのがスライダーを使った仕組み。限られたスペースで効果的に銃砲を見せることができます。今日はそんなスライダーをまとめたエントリー「28 Useful JQuery Sliders You Need To Download」を紹介したいと思います。

panning_slidershow_01
Animate Panning Slideshow with jQuery

単純に写真をスライドするものから、エフェクトを活かして作られたプラグインまで様々なjQueryスライダーが集められています。今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:12  |  
Category: WebDesign   
tag: 
2008年07月04日

画像の一部を拡大してくれるjavascript「shiftzoom.js」

画像ビューワーのように画像を拡大して表示するという機能をjavascriptで実現しているのが今回紹介する「shiftzoom.js」です。下記のよう現在拡大されているのが全体の何処の部分なのか、表示することも可能です。

上記の拡大して見せると言う基本動作の他に様々なオプションが用意されていて、画像をフェードさせたり、ズームのタイミングを指定できたりと細かいところまで配慮されていますので、画像をメインに扱うサイトでは重宝しそうなスクリプトです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2007年10月15日

Google Sitemap Generator を導入

googlesitemaps

googleにはGoogle Sitemapsというサービスがあり、こちらを使えばgoogleさんが効率的にページをインデックスしてくれるようになります。しかしこのGoogle Sitemapsを利用する為にはsitemap.xml を作成する必要があります。手動でsitemap.xmlを作るのは一仕事なので今回はプラグイン「Google Sitemap Generator 」に頼りました。

プラグイン自体は日本語に対応していますが、インストール手順が日本語で同封されていませんでしたので今回は「Google Sitemap Generator 」導入までを紹介したいと思います。ちなみに当ブログはwordPress2.3で動作していますが問題なく利用できました。

念のために書いておきますが、「Google Sitemaps」の利用にはGoogleアカウントを取得する必要があります。

インストール手順は以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: plugin , WordPress   
tag: 
2011年01月16日

豊富なバリエーションが魅力「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」

Appleの「Mac OS X Leopard」を使用されている方には特におすすめのサイト、「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」を今回は紹介したいと思います。


Apple Metal by ~Fi2-Shift on deviantART

Mac OS X Leopardのデスクトップ壁紙集で、おなじみのリンゴのモチーフをテーマに、アーティスティックな作品が数多く紹介されています。気になったものをいくつかピックアップしてみました。以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:12  |  
Category: Design   
2018年11月29日

ボヘミアンスタイルの素材まとめ「Incorporate Bohemian Style Into Your Designs FEATURED」

デザインテーマにはさまざまな種類があり、テーマに合った素材を上手に選定することはとても重要な要素の一つ。そんな中今回紹介するのは、ボヘミアンスタイルのデザイン素材をまとめた「Incorporate Bohemian Style Into Your Designs FEATURED」です。

gazou1
Yulia.Podlinnova/1341159-Boho-Bordo-Watercolor-Flowers

ボヘミアンスタイルを象徴する様々なモチーフが、水彩画や手書風のタッチでデザインされています。気になるものをいくつかピックアップしましたので、下記からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2014年08月31日

朽ちた木の質感に味のあるフリー木目テクスチャ「Freebie: Grungy Wood Plank Textures」

木目のテクスチャは、素材の中でも定番中の定番と言える存在。デザイナーなら誰しもが1度は使用したことがあるのではないでしょうか?そんな中今回紹介するのは、朽ちた木の質感に味のあるフリー木目ドテクスチャ「Freebie: Grungy Wood Plank Textures」です。

grungy-wood2

さまざまなテイストが存在する木目テクスチャですが、新しいきれいな雰囲気ではなく、時間が経ち自然の風合いが劣化した様子が印象的なテクスチャとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:16  |  
Category: Design   
2009年08月11日

フォームで使えるjQueryテクニック集「10+ JQuery tutorials for working with HTML forms」

軽量で高機能なjavascriptライブラリの一つjQuery。様々な所で利用されていますが、今日紹介するのはフォームで使えるjQueryテクニックをまとめた「10+ JQuery tutorials for working with HTML forms」と言うエントリーです。

formjquery01
Submit A Form Without Page Refresh using jQuery

ツールチップから、オートコンプリート機能まで、様々な機能をjQueryを用いてフォームに実装できるようになっています。いくつか公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:33  |  
Category: WebDesign   
2008年10月14日

Apple関連のphotoshopチュートリアル「35 Photoshop Tutorials Inspired by Apple」

Designdevelopでは様々なphotoshopチュートリアルを紹介してきましたが、今回紹介するエントリーはApple関連のphotoshopチュートリアルを集めた「35 Photoshop Tutorials Inspired by Apple 」です。製品写真から、壁紙、サイト、またはFlashまで様々なApple関連のphotoshopチュートリアルがまとめられています。


Apple Wallpaper

全部で35個のチュートリアルが紹介されていて有名なものも多数ありますが、今回はその中から気になったチュートリアルをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:16  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る