タグ

2017年1月19日のブックマーク (2件)

  • モーダルウィンドウ(ポップアップウィンドウ)をjQueryとCSSで簡単に作る手順

    プラグインなどを使わずに簡単にモーダルウィンドウを設定する方法を探していたところ、バッチリのjsソースを見つけました。 ウィンドウの高さの取得や、オーバーレイのフェードイン・フェードアウトなどを、すべてCSSで作るよりも、jQueryで指定したほうがオールドブラウザでも開けますし、何と言っても簡単です。 モーダルウィンドウのコンテンツもHTMLソースなので、画像も動画も貼れるし、モーダルウィンドウ内からのリンクも可能です。 こちらが jsソースをゲットさせていただいたサイト「jQuery.lab」さんです。 jQueryでモーダルウィンドウを作る方法 | jQuery.lab ソースコードに初心者でもわかる丁寧なコメントを付けてくださっていてとっても親切。 ありがとうございます! jsは、こちら↑から完全コピペさせていただいて、デモページを作りました。 デモのHTMLの構成と、CSSの必須

    モーダルウィンドウ(ポップアップウィンドウ)をjQueryとCSSで簡単に作る手順
  • 里山十帖 – 里山十帖の日々をお伝えする公式ブログ「里山ジャーナル」。春夏秋冬、季節の物語をお届けします。ぜひご覧下さい。

    四季折々、さまざまな物語が展開される自然豊かな里山。 豪雪に耐えてきた黒光りする梁と柱。 古民家と共存する、世界を代表するデザイナーの家具。 創造力と創作欲をかきたてる現代アート。 そしてなにより、自然の力強さを感じる……。 里山十帖はお篭もり旅館でも、 サービスを競うホテルでもありません。 「Redefine Luxury」。 私たちは体験と発見こそが、真の贅沢だと考えています。 2014年5月、私たちは新しい宿をオープンさせました。 でも旅館を始めたかったわけではありません。 レストランを始めたかったわけでもありません。 始めたかったのは、新たなインタラクティブ・メディアの枠組みをつくること。 見る、嗅ぐ、聞く、感じる、眺める、座る、くつろぐ、べる、飲む、寝る……。 滞在中になにかひとつでもインスピレーションを感じていただければ、それはこの上ない幸せです。 そして、あなたが感じたこ

    里山十帖 – 里山十帖の日々をお伝えする公式ブログ「里山ジャーナル」。春夏秋冬、季節の物語をお届けします。ぜひご覧下さい。