ゲームシナリオ作成についてゲームシナリオ構成論 The Method for the game sinario writings for multi-ending adventur...
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
[JS]かなりかっこいいアニメーションを使ったスライドショーを実装するチュートリアル
スライドを単に次々と見せるだけでなく、切り替わる時に3Dのダイナミックでかっこいいエフェクトを与えたスライドショーを実装するチュートリアルを紹介します。 Slideshow with jmpress.js [ad#ad-2] デモ 実装 デモ まずは、そのダイナミックな3Dのアニメーションをご覧ください。 スライドは5枚あり、それぞれアニメーションが異なります。 デモページ：別レイアウト 実装 実装に使用しているスクリプトは先日当サイトで紹介した「jmpress.js」です。 紹介記事はこちら。 広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js HTML jmpress.jsのイメージは一枚の広大なカンバスにパネルを設置し、それをアニメーションでスライドする感じです。 実装は一枚の広大なカンバスとなるルート（section要素）に、各パネル（div要
jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々 - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
脳について意外と知られていない15の豆知識
仕事や勉強で毎日脳を酷使していると自負する人でも、脳について学校で習ったことなどはすっかり忘れてしまっている場合が多いのではないでしょうか？ 昔学校で教わった気がするようなことから学校では教えてくれないことまで、脳について意外と知られていない15の事柄をお伝えします。 詳細は以下から。15 Things You Didn’t Know about the Brain - Online Nursing Programs, Schools & Degrees 1.脳は前脳・中脳・後脳の3つの部分から成ります。2.分析的な思考をつかさどる左脳とクリエイティヴな思考をつかさどる右脳の2つの半球に分けることもできます。 3.よく言われる「人間は脳の10％しか使っていない」というのは迷信。脳のどの部分にも役割があり、忙しく働いています。 4.脳の血管を全部伸ばすと10万マイル（約16万キロ）、地球を4
やる気に関する驚きの科学
やる気に関する驚きの科学 (TED Talks) Daniel Pink / 青木靖 訳 2009年7月 最初に告白させてください。20年ほど前にしたあることを、私は後悔しています。あまり自慢できないようなことをしてしまいました。誰にも知られたくないと思うようなことです。それでも明かさなければならないと感じています。(ざわざわ) 1980年代の後半に、私は若気の至りから、ロースクールに行ったのです。(笑) アメリカでは法律は専門職学位です。まず大学を出て、それからロースクールへ行きます。ロースクールで私はあまり成績が芳しくありませんでした。控えめに言ってもあまり良くなく、上位90パーセント以内という成績で卒業しました。(笑) どうも。法律関係の仕事はしたことがありません。やらせてもらえなかったというべきかも。(笑) しかしながら今日は、良くないことだとは思いつつ、妻の忠告にも反しながら、こ
フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Zeuscart」:phpspot開発日誌
Zeuscart ? Free GPL Ecommerce Shopping Cart Software | Ecommerce Solutions | Online PHP Shopping Carts | Storefront Software フリーで使えるPHP＋MySQLで構築されたショッピングカートシステム「Zeuscart」。 AmazonっぽいECサイトの構築ができる上に管理画面もなかなか充実しているようです。 構築されたショッピングサイト。UIもなかなかカッコいい。 実際に見てみる場合はこちら 商品詳細ページ 管理画面では売れたもののグラフ描画機能なんかがついてるようです。 アイテム管理画面 １つの選択肢として覚えておいてよさそうですね。 関連エントリ PHPで書かれた次世代のショッピングカートシステム「TomatoCart」 カートが目立たず、いい感じにスライドしてくれ
jQueryで実装するクールなスライダー – creamu
jQueryでかっこいいスライダーを実装したい。 そんなときにおすすめなのが、『bxSlider』。jQueryで実装するクールなスライダーです。 ↑は、「prev」、「next」をクリックすると、シュッシュッとスライドしてコンテンツが切り替わるタイプ。他に以下の3つのスライダーがあって、合計4つの動きが実装できます。 ・テキストが自動で右から左にスライドするタイプ ・画像が位置を変えずに、自動でフェードイン&アウトして切り替わるタイプ ・テキストが同じ速度右から左に動くタイプ かっこいいのでぜひ見てみてください。 bxSlider やばい作業を再開しなくては。
[JS]アニメーションが一味違う、画像を拡大するフレキシブルなスクリプト -YoxView
「Next」ボタンで次の画像を表示 スクリプトは使いやすさとフレキシビリティを前提に開発されており、実装が簡単で、柔軟性をもったものとなっています。 スクリプトの特長 ブラウザのサイズ変更時に表示を自動調整。 アニメーションで軽快に動作します。 画像はバックグランドでキャッシュすることが可能。 言語、背景色、スライドの間隔などオプションで簡単に設定。 多彩なインスタンス。 多言語対応。 ※現在は日本語用の画像は未。 スライドショーは自動再生に対応。 キーボードでの操作も可能。 操作方法は拡大時の「？Help）」に掲載。 サーチエンジンにもフレンドリー。 スクリプトの実装方法は簡単で、jQueryを使用しますがjQueryの特別な知識は必要なく実装が可能です。 YoxViewの実装方法
[JS]複数の打ち出し画像をスライドのアニメーションで変更するスクリプト
サイトのトップページやプロモーションページに最適な複数の画像をスムーズなアニメーションでスライド表示するスクリプトをSoh Tanakaから紹介します。 実装のイメージ 画像のスライドはコントローラーでの手動操作と自動操作に対応しています。 スクリプトのベースにはjQueryが使用されており、HTML/CSS/JavaScriptのコードも紹介されているのでカスタマイズも可能です。 Inspiration 上記のスクリプトのようなテクニックを使用したサイトのショーケースです。 フレームやコントローラーなどUIをサイトのテーマにあわせるといっそう洗練された印象を与えます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon S3による静的Webサイトホスティング