料理サイト
2019/2 作成
使用言語:HTML/CSS/JavaScript/JQuery
JQueryの「Masonry」を使用して、画像をタイル状に並べ、ウィンドウサイズに合わせて自動的に段組みが変わっていく可変グリッドレイアウトのサイト制作をしました。
新たに要素を追加しサイトを更新することと仮定し、タイル(記事)の大きさを「大」「中」「小」と共通化できることはできるだけ共通したクラス名を命名するなど効率化を図ったコーディングを意識しました。
また、大変私ごとではありますが、「Lorem ipsum」というダミーテキストがあることを初めて知り、それを使ってみたいということもあり今回制作しました。