[B! effect] natchonbrikeのブックマーク

HTML5 × CSS3 × jQuery – #20 文字をランダムでカシャカシャ動かしながらテキストを表示させるプラグインを作る | DevelopersIO

リリィ・シュシュのすべてという映画をご存知でしょうか？2001年に公開された岩井俊二監督の作品で、当時は結構好きで何度も観返したものでした。劇中にて文字がカシャカシャとランダムに動きながら文章が表示されていくエフェクトがあるのですが、これを JavaScript で作ってみました。Flash 全盛のころから Web コンテンツにはよく取り入れられてるエフェクトではありますが、使い所さえ間違えなければ今でも充分に通用するカッコよさを持っています。今回は jQuery を使わずに素のJavaScript (Vanilla JavaScript) だけでプラグインを作りました。このシリーズの趣旨から大きく外れてますが、そこは仕方ないね。 LetterTicker - 文字をランダムでカシャカシャ動かしながらテキストを表示させる Step.1 | とりあえず動くものを作ってみるまずは動くも

natchonbrike 2014/05/24

使いたい

リンク

A Collection of Page Transitions

A Collection of Page Transitions with CSS Animations

natchonbrike 2013/07/12

リンク

Nifty Modal Window Effects

This is a modal window. You can do the following things with it: Read: modal windows will probably tell you something important so don't forget to read what they say. Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence. Close: click on the button below to close the modal. Close me! This is a modal window. You can do the following things with it: Rea

natchonbrike 2013/06/26

リンク

ゼロからゲームアプリつくった後の大事なメモ

こんにちは、ゲームチームのキノです。先週、カジュアルゲームアプリ「なぞダン -なぞるだけダンジョン-」がApp storeで公開されました！！！！ひとさしゆびだけの超シンプルな（でもムズイ）ダンジョンゲームです！過去にキャンペーンの一環などでゲームは何度かつくってきましたが、今回が初の企画段階からのモック含めた参加になるので、学んだことや役立ったを書いておきます。あとは地味にデザイナー向けにアプリ制作のtipsなど。意外と長くなってしまったので、週末にじっくりお読みください〜アプリは無料！！こちらからダウンロードできます。それでは記事の続きをどうぞ〜！！素材の話いつも数字忘れるのでアイコン（なにか見覚えのある階段的なアイコン）アイコンはかなり肝いりです。気をつけている点は１キーワードで言い表せるかフレームと世界観はあってるか類似アプリより突出しているか画