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