HTML5 と CSS3 で Web 制作

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

前々回は HTML5, 前回は CSS3 と来てまして, 今回はその集大成として Web 制作の流れをまとめてみました.

こんな感じのができます.

SAMPLE And DETA

実際に完成したサンプルはこちら.

データはこちらからダウンロードできます.

指摘されそうな点…を自分で指摘

  • CSS3 を無理くり使いまくってる(面白いのでw)
  • 画像を使っていない(のは個人的なこだわりです.)
  • IE 対応していない(一生対応する気はありません!!)
  • なによりデザインがダサイ(Because I am a game programmer.)

FLOW

1ステップ1ステップ作っていく流れをまとめました.

どうでしたでしょうか?? 一歩ずつ一歩ずつ丁寧に進めていけば簡単にこういったサイトを制作することができます. この記事が Web 制作の面白さに触れるきっかけになれば幸いです.

分からない所やアドバイス, 指摘等ありましたら気軽に Twitter などでメッセージくれると嬉しいです.

なんだか最近, 自分がゲームプログラマだってことを忘れかけている気がする…

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT