Appleの美しいデザインを再現する。 AppleのWebサイトの画像と文字をうまく配置したレイアウトやボタン、タブのデザインを再現してみました。 HTML、CSSのコードも見れます。 See the Pen Untitled by KrGit3 (@krgit3) on CodePen.

成果物 www.youtube.com ようやくメインの目標を達成することができました。セキュリティ的にはまだまだ改良できるところがあるかもしれませんが、ひとまずシンプルなアップロードシステムができました。 仕組み Ajaxを使ってリロードなしでファイルを送る。…

成果物 今回は、Ajaxを使ってページをリロードせずにコメント欄を更新するシステムを作りました。以前このサイトで配布されているコメント欄を設置するコードを見てみたのですが、よくわからなかったので改めて作ってみました。 仕組み こちらの本を参考に作…

変更点 ページを一覧表示できるようにしたり、トップの画像を画面いっぱいに広げたり、タブを追加したりしました。 一覧にする方法は、こちらから iitaikotoha.hatenablog.com 作り方、コード 幅いっぱいに表示させる ヘッダーの画像は指定しない状態でカス…