タグ

JavaScriptとSVGに関するk_ume75のブックマーク (2)

  • 株式会社八百彦本店 | 名古屋で創業290余年。仕出し弁当、宅配弁当をお届けいたします。

    カジュアルに尾張名古屋の文化と300年の技と想いを楽しむ。 和のフードホール“楽堂”「蓬左<hōsa>」内に誕生した 江戸時代より約300年続く老舗仕出し料理屋「八百彦店」の新ブランド。 創業の頃より変わらぬ技と想いを、お気軽にお楽しみいただけます。 四季折々の景色と旬の味覚が楽しめる由緒ある和処 尾張徳川家の文化財を収蔵する徳川美術館。その敷地の一角に宝善亭はあります。 江戸より続く歴史文化、そして季節ごとにかわる風情と旬の味覚が、 お客様の大切な人と過ごす優雅で心豊かなひとときを演出します。 最大50名まで座れる貸座敷でゆっくりとお寛ぎください 法要・会合・各種宴会などにご利用できる貸座敷です。 お座敷、テーブル席など、6~7人ほどの個室から 最大50名が座れる大広間まで幅広くご用意しております。 八百彦店の仕出し料理やお飲み物のご提供もさせていただきます。

    株式会社八百彦本店 | 名古屋で創業290余年。仕出し弁当、宅配弁当をお届けいたします。
  • SVGのキャラクターを parallax.js で動かしてみる | Tips Note by TAM

    先日弊社TAMサイトをリニューアルしましたが、ご覧いただけましたでしょうか? サイトリニューアルにあたり404ページでTAMくんの顔をマウスの動きに合わせて動かすというものを作ったので、今回はそれを紹介したいと思います。 デモを見る Parallax.js 使用したのはjQueryプラグインでもある「parallax.js」。 パララックスというと少し古い感じもしますが、これはカーソルを動かす(スマホだと傾ける)ことで要素に奥行き感を出すことができるので、ちょっとしたアクセントとして使うのもオススメです。 公式サイト http://matthew.wagerfield.com/parallax/ github https://github.com/wagerfield/parallax/ 実装 キャラクターをSVGで用意し、ソースを見て動かしたいパーツの位置(今回は目、鼻、口)を確認します

    SVGのキャラクターを parallax.js で動かしてみる | Tips Note by TAM
    k_ume75
    k_ume75 2017/04/27
    かわいい〜
  • 1