スマートフォン対応のためのレスポンシブWebデザイン実用TIPS – LIQUID BLOG
スマートフォン対応サイト制作の手法として注目されている、 レスポンシブWebデザイン（Responsive Web Design）の実用TIPSを紹介します。 PC用表示・スマートフォン用表示の切り替え方法、お役立ちアプリなども紹介します。 関連記事 レスポンシブWebデザインで、PCとスマホ表示を切り替える方法 レスポンシブWebデザインのメリット、デメリットとその解消方法 レスポンシブWebデザインのメディアクエリサイズサンプル レスポンシブWebデザインとは レスポンシブWebデザインでは、CSSを利用し、ウインドウサイズに応じてデザインを変更します。 そのため、PC用とスマートフォン用に複数のHTMLを作成する必要がないなど様々なメリットがあります。 レスポンシブWebデザインについては下記サイトが非常に詳しく、参考にさせていただいています。 ASCII.jp：スマホ対応の新潮流「
NANO-GRAPH
久しぶりの更新です。すっかり大変な世の中になっている昨今ですが、自然は変わらず流れていて、また一つ季節が変わりました。今年は庭に立派なレモンが実りました。まだ収穫にはちょっと早い時期ですが、雨や風などで落実する前に半分ほど摘み取りました。日々変わりゆく状況の中でも、毎年巡り来るささやかな喜びを楽しめるのはいいことですね。
八角研究所 : FlashをHTMLに貼るライブラリ swfobject 2 を使う
FlashをHTMLに貼るライブラリ swfobject 2 を使う
Flashや動画にもlightbox効果をあたえてくれるJavascript『Shadowbox.js』 | CREAMU
画像だけでなく、Flashや動画もかっこいいインターフェースで見せたい。 そんなあなたにおすすめなのが、『Shadowbox.js』。Flashや動画にもlightbox効果をあたえてくれるJavascriptだ。 『Shadowbox.js』では、画像やFlashや動画をクリックすることで、周りがグレーアウトするインターフェースを作ることができる。 周りがグレーアウトすると、Flashや動画が映えてとても綺麗だ。 以下のブラウザに対応しているほか、 ・Firefox 1.5+ ・Camino ・Safari 2+ ・Opera 9+ ・Internet Explorer 6+ ライセンスは GNU Lesser General Public License となっている。 かなり使えるJavascriptではないだろうか。 Flashや動画にもlightbox効果をあたえてくれるJava
Simple Page Peel Effect with jQuery & CSS
You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery. View Demo 1. HTML - Page Peel Wireframe The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg
Web Design Tips SWFObject.jsを使ってIE上でFlashをアクティブ化する
IEでFlashがあるサイトを訪れるとFlashのSWFファイルの周りに点線入った上に、下の画像のようなメッセージが表示されますね。 「このコントロールをアクティブ化して使用するにはクリックしてください。」 って、使用しない人いるんですか？これってなんの意味があるんでしょうね？ Flashを利用したセキュリティホールへの対応とかなんでしょうか？ 他のブラウザではそういうのないとこみるとなくてもいいもんなんでしょう、多分w なにより点線も邪魔だし、メッセージが出るのも嫌いなんです。いちいちクリックしなきゃならんのもイヤなんです。 またもや自分が嫌いだからって理由でユーザビリティ無視して消しちゃいますw 今回はSWFObject.jsってJavascriptライブラリを使います。 さっそくdeconcept > SWFObjectの「Download SWFObject 1.5」ってとこからダ
SWFObjectを使ったFlashの埋め込み方法 /SSP
FlashをSWFObjectで読み込んでいます。 JavaScriptを有効にされるとFlashが表示されます。 Home < This Page SiteMap Web・ホームページ制作の技術が進み、他と違う「動き」のあるサイト作りが求められています。 そのため、何らかのFlashを使ったサイトが増えています。しかし、Objectタグと、Embedタグを併用した一般的なFlash埋め込み方法では、「activate」させてからでないと、操作できないという問題があります。 そこで、SWFObjectを使ったFlashの埋め込み方を紹介します。 Macromediaの標準のFlashの埋め込み方は既にご存知のことと思います。 Objectタグと、Embedタグを併用する方法です。 これは最も一般的なFlash埋め込み方法で、Macromedia Flashのソフト上からパブリッシュした際の
無限にスクロールするメニュー FLASHRAVE - FLASHの作成講座と活用方法 -
限られたスペースで多くのメニューボタンを配置したい場合、メニューをスクロールするようにすればボタンの数を気にすることはありません。 一通りのメニューが表示された後は初期表示の位置に戻るため、永遠にメニューがループしているような表現が可能です。 ▲ボタンにマウスを合わすとメニューを上に、▼でメニューを下へスクロールします。
デザインとグラフィックの総合情報サイト MdN Interactive
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
Flash制作を簡単にするActionScriptライブラリとは？（1/3） - ＠IT
Flash制作を簡単にする ActionScriptライブラリとは？ 特集：Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何？ 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか？ そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか？ そんな人でも、「Tweener」「Paperv
swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 | コリス
サイトで使用しているFlashのswfファイルを抽出したり、flaファイルにデコンパイルしたり、ActionScriptを抽出できるアプリケーションのリンク集です。 [ad#ad-2] ※バージョンやプロテクトにより、対応不可なものもあります。 flaファイルにデコンパイル Action Scriptの抽出 swf内で使用しているファイルの抽出 ページに使用しているswfを抽出・保存 flaファイルにデコンパイル SWF Decompiler swfファイルをflaファイルにデコンパイルするアプリケーションです。 $79.99。体験版あり。 Motion Decompiler: 日本語版 swfファイルの解析や、flaファイルにデコンパイルするアプリケーションです。 ダウンロード版：9,800円。体験版あり。 Action Scriptの抽出 Flare swfファイルから、Action
第10回 トップページのFlashをググっと使いやすくする3つのポイントと心がけ | ユーザー視点のウェブデザインガイド
第10回 トップページのFlashをググっと使いやすくする 3つのポイントと心がけ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） アニメーションムービーであったり、動的なバナーであったり、インターフェイスそのものであったり、Flashの活用方法もさまざまだ。ところが、このFlashが曲者である。数々のユーザービリティテストやアイトラッキング調査の結果から、Flashの使い方を一歩間違えると、途端にユーザーが使えない代物になってしまったり、見向きもされなか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdesignmatome.com/webdesign/js_anim
http://www.designwalker.com/2008/03/flash-download.html
http://www.designwalker.com/2009/06/flash-effect.html
LightWindowの設定の仕方・使い方・方法
Shadowbox.js 3.0bの使い方 - Blog：+Chip
FLASH素材～円グラフ自動作成
http://pekestyle.net/2007/05/quicktimeflashjavascript.html
XHTMLでFLASHをVALIDにする - kazuking blog