自由にレイアウトしたHTMLをポップアップできます。一応レスポンシブ対応
jQueryを始めとしたさまざまなJavaScriptライブラリが存在し、どれも非常に便利で優秀ですので活用している方も多いことでしょう。 無償で使用できるライブラリを拾ってきて成果物に組み込むなど、車輪の再発明を避けた開発は非常に効率のいいものです。 しかし、あまりにもライブラリに頼ってばかりいると、自分でコーディングする力やカスタマイズする力、デバッグする力が弱くなる一方です。 ほんの数行で書けるJavaScriptに敢えてjQueryを使用する意味もありませんし、クロスブラウザ対策で四苦八苦した時代は既に終わっています。 HTML5時代の今こそライブラリに頼らずJavaScriptを書いてみませんか？ かつては動きのある処理は全てJavaScriptでコーディングしなければなりませんでしたがCSS3の登場によりJavaScript+CSS3で非常にコンパクトに書ける様にもなっています。 ネイティブJavaScriptという呼び名が正しいか否かはさておき、ライブラリに頼らず書いてみようという趣旨です。 このサイトでは、ウェブサイト作成で使用しているJavaScript例を紹介しています。(備忘録も兼ねています) 気に入ったら商用問わず無償でご使用いただけます。著作権は放棄しておりませんが参考にして書き直した場合はそれはあなたのコードです。著作表記を消すなり書き直すなりご自由にどうぞ。 私も様々なサイトを参考にさせていただきました。御礼申し上げます。 プログラミングコードは常に生まれ変わり、常に使い捨てです。長期にわたり同じコードを使用することはほぼありません。よって掲載されているコードは完成度100%を目指したものではなく、実用上の問題発生率0%を目指しています。 おそらくここに掲載したコードは再利用の際にはその時点で手を加えて新たな要求に対応している事でしょう。 「もっと綺麗に書ける」「書き方が下手で古い」「再利用しにくい」「処理コストが高い」「JavaScriptらしい書き方ではない」等々、ご指摘もあることと思います。 まだまだ掲載数は少ないですが随時増やしていく予定です。皆様のお役に立てれば幸いです。(2016年8月吉日)