IT技術にまつわる実験ノート

「長編を書くより、短編を数多く完成させてください。それが上達への近道です」 by 手塚治虫

自作Webアプリ「IT勉強会用 名刺ジェネレーター」を公開しました!ぜひご活用ください😀

https://it-benkyoukai-meishi.herokuapp.com/

Modaal でモーダルを作ってみる

 

使ってみる

ざっくりとプロジェクトを作成する。

 

HTML ファイルで CSS, JS ファイルを参照しておく。

f:id:matt-note:20190319150235p:plain

 

ドキュメントと同じようにコードを書いて実行してみる。

f:id:matt-note:20190319150736p:plain

f:id:matt-note:20190319151241g:plain

-> 簡単なモーダルを作成できた。

 

イメージギャラリーを作成してみる。

f:id:matt-note:20190319152755p:plain

f:id:matt-note:20190319154822g:plain

-> こんな感じになる。レスポンシブで使おうとすると、デザインが少し崩れる。