Amanita Design, small independent game developing studio based in the Czech Republic
![Amanita Design](https://cdn-ak-scissors.b.st-hatena.com/image/square/584b8e839cc78f002ae7771d080ce54d64b914c5/height=288;version=1;width=512/https%3A%2F%2Famanita-design.net%2Fimg%2Fopen-graph%2Famanita-design-og-image.jpg)
スクロールすると雲の背景画像が動きます。 背景画像を設置する要素名(id名やclass名)はサイトによって異なると思いますのでそれに合わせて要素名(id名やclass名)は変更してください。 このサンプルでは縦方向は0pxにしてあるので横方向のみ移動していきます。 スクロールすると背景が右に2pxづつ移動します。 htmlコード <div class="skinBody"> この中が記事などのコード </div> CSSコード .skinBody{ background:#63c3eb url(背景画像のアドレス) fixed 0 0; } JQueryコード <script type="text/javascript"> $(function() { var bgsc1 = 0; var bgsc2 = 0; $(window).scroll(function() { bgsc1+= 2
パソコンでイラストを複数組み合わせてアニメーション表記をする場合、通常は高額な ソフトが思われがちですが、実はフリーソフトでも、自分で書いたイラストを複数組み 合わせて、アニメーションを作成することができます。 このページではこれを実現するフリーソフト「Pencil」をご紹介します。 一枚一枚アニメの動きを考えてイラストを作成し、最後に再生を行うと、見事 自作のアニメーションを作れます。 海外のソフトで、インストールせずとも単体で使用できます。 今回はこの「Pencil」について、見ていきましょう! スポンサードリンク ★「Pencil」のダウンロードと使用方法 (1)以下のPencilのWebサイトを開き「Binary for Windows XP, Vista」の 部分の「Pencil v0.4.4b」のリンクをクリックし、ソフトをダウンロードします。 Pencil (2)ダウンロード
ネットサーフィンをしていると、たまにページ上で雪が降ってたり紙ふぶきが 舞ってたり、流星が流れていたりというサイトを見かけることがあります。 こういうのって実際自分で作ろうとすると、かなりの知識とテクニックが 必要ですが、そういった知識がなくてもちょっとソースとファイルを加える だけで、誰でも簡単に自分のサイトに取り入れることが出来ます。 色々な方法があるとは思いますが、私が利用させていただいたのは 以下のサイトです。 参考:http://www.schillmania.com/projects/snowstorm/ 設置方法は以下になります。 http://www.schillmania.com/projects/snowstorm/script/ より「snowstorm.js」をダウンロードし、雪を降らせたいページと 同階層に「script」フォルダを作成後、設置。 雪を降らせたいペ
Image & Communication Studio. Branding, Graphic & Web Design.sea.level [ -mts ] The brands that evolve are the ones that reach people ( Yours shoudn't be the exception ) Nowadays, there's so much information that you don't have enough time to see everything. We all feel the same. When there are too many options, we prefer the practical and the original. People compare. And a good image makes a
Corey Wecler is a real estate agent affiliated with Compass. Compass is a licensed real estate broker and abides by Equal Housing Opportunity laws. All material presented herein is intended for informational purposes only. Information is compiled from sources deemed reliable but is subject to errors, omissions, changes in price, condition, sale, or withdrawal without notice. No statement is made a
グラフィックデザイナーを目指し広島から大阪に出てきたのが約30年前。デザイン会社に勤務している時に、社長から見せられたホームページの世界に衝撃を受け、ホームページの制作会社へ転職しました。当時は、現代のようにホームページの制作ソフトがほとんどなかったこともあり、実践を通して制作の仕組みや技術を基礎からしっかり学ぶことができました。そのおかげで、29歳で独立した後も約20年という長きにわたりホームページ制作に関する実績を積み続けています。 独立当初は、広告代理店様の案件を中心に業務を行っていたので、広告や広報に関する知識を得ることができました。今では、その知識をネットでの販売促進に活かすサイトづくりに役立てています。ホームページの制作依頼は、美容外科、歯科、士業、英会話教室、設計事務所など中小企業様をはじめ個人事業主様からご相談をいただき、ホームページの新規作成、既存のホームページリニューア
前記事「「文字の動き」の参考になりそうな映画やアニメのOP/EDのメモ(超個人的趣味)」が意外に周囲に反応良かった(?)みたいなので、 最近、僕がFlash等のモーションタイポグラフィ(Motion Type Graphy)に参考になりそうだなーと思った動画やサイトも紹介してみます。 ほぼYoutubeで、超個人的主観です。 (他に良い作品があったら教えてください) ▼追加:2012/02/02 ◯YouTube – DADA RADWIMPS MV 日本語ならではのこの感性、個人的にツボ過ぎです。大好きです。 ▼ほぼテキストだけの構成 Getting Started With Google Analytics « WordPress.tv WordPress.tvのチュートリアル動画。 セリフと合わせてアナログチックな展開がいい味出してる。 YouTube – Type in motio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く