見出し画像

【2020/01/21】 ページネーションを作ってみよう

2020年、最初の256times LIVEのお題について説明していきますね。

■ 本日の流れ

前回と同じく以下のようなスケジュールです。

・21:00 課題発表
・21:30 課題提出締め切り、休憩
・21:35 コードレビュー開始
・22:00 番組終了

■ ページネーションを作ってみよう!

今回はメディアサイトやブログでよく見るページネーションと呼ばれる部品を作ってみましょう。

スクリーンショット 2020-01-21 20.40.49

↑ こういったページネーションを作ってみてください。

今回の仕様は以下のとおりです。

・上図のようなページネーションをHTML/CSSで作ってください。
・サイズや色はご自身がもっとも美しいと思われるもので良いです。

なお、すぐに終わってしまった人はさまざまなバリエーションを出してみてもいいでしょう。

■ コードレビューを受けるには?

なおコードレビューを受けるには「256timesプレイグラウンド」をご利用ください。

使い方の詳細は「256timesプレイグランドの使い方」からどうぞ。コードレビューを受ける方法についても以下で説明しています。

・256timesプレイグラウンドの使い方|256times|note
https://note.com/256times/n/n9e81f49c8f5a

■ なにかあれば #256times まで!

その他、なにかあれば #256times でつぶやいてみてください。

・256times(@256times)さん / Twitter
https://twitter.com/256times

それではがんばってチャレンジしてみてくださいね!

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
4
ドットインストールが展開するスパルタ方式プログラミングスクール『256times』の公式noteです。