考え、感じる、Web制作。

Web制作の学習や情報についての記事が中心です。

2014-11-01から1ヶ月間の記事一覧

スマートフォン専用サイトを一から作る 第1回

スマートフォン専用サイトならではの記述 手打ちでスマートフォン専用サイトを制作する。今回はhtmlのhead部の指定について学習する。

cmsでスマートフォン専用サイトを作る

cmsでスマートフォン専用サイトを作る 今回はsmart4meというcmsを用い、スマートフォン専用サイトを制作する。 [http://smart4me.net/ys_lamian/#!topPage:title=]

レスポンシブデザイン 第4回

可変レイアウトと固定レイアウトを融合 今回は2カラム構成のバナー付きサイトをレスポンシブにするテクニックを学習する。

css3 第6回

css3 疑似セレクタその2 css3の疑似セレクタについては以前、nth-childについて学習した。今回はセレクタに対しコンテンツを挿入できる::beforeと::afterについて学習する。また、要素の1文字目や1列目を対象にするセレクタについても学習する。

レスポンシブデザイン 第3回

固定レイアウトによるレスポンシブデザイン 今回は固定レイアウトによるレスポンシブデザインを学習する。 横幅980px 横幅800px 横幅320px

レスポンシブデザイン 第2回

可変レイアウトによるレスポンシブデザイン 今回は可変レイアウトを用いたレスポンシブデザインを学習する。 横幅980px 横幅320px、レスポンシブ 横幅320px、非レスポンシブ

レスポンシブデザイン 第1回

レスポンシブデザインの基礎 今回からレスポンシブデザインについて学ぶ。 width:960px; width:640px; width:320px;

css3 第5回

css3 nth-childセレクタ 今回はセレクタの指定に融通を利かせるnth-childについて学習する。

css3 第4回

css3 box-sizing 今回はcss3のboxsizingについて学習する。

css3 第3回

css3 background-size 今回はbackground-sizeプロパティについて学ぶ。 全画面表示 縦長 横長

css3 第2回

css3の学習 border-imageとgradient 今回はcss3のborder-imageとgradientについて学ぶ。

css3 第1回

css3を学ぶ html5の学習と合わせ、css3についても学んでいく。

html5第4回

html5フォーム関連 今回はhtml5で追加されたformのinputタグのプロパティについて学習する。

百人一首クイズ4

百人一首クイズ 仕上げ 今回は出題ページと回答ページ間の往復処理に関するセッションデータの記述を主に進める。

百人一首クイズ3

百人一首クイズ 最終結果 今回は全問回答を終えた際に表示される画面(result.php)を作る。ここでは全ての出題と回答、正解の是非を一覧表示させる。

画像をカテゴリ別に表示させる

画像をカテゴリ別に表示させる 画像にカテゴリを付与し、ブラウザ上で一覧表示からカテゴリ別表示に切り替える。

テキストエリア付モーダルウィンドウ

テキストエリア付モーダルウィンドウ 今回はiQueryでテキストエリア付モーダルウィンドウの実装方法を学習する。

百人一首クイズ2

百人一首クイズ2 今回は選択された回答に対し正解の是非を処理させる。

百人一首クイズ1

百人一首クイズを作る phpとMySQLの学習内容をふまえ、百人一首クイズを作る。今回は第1問目が表示されるところまで進める。

html5第3回

html5第3回 引き続きhtml5のタグについて学習する。

タイムアタック企画レポート

タイムアタック企画レポート 今日は以前私が企画したタイムアタックの開催日だった。今回はこちらのレポートを書く。

html5第2回

html5第2回 今回はhtml5で実際にコーディングする際に注意すべき点として、旧ブラウザへの対処法について学習する。

html5第1回

html5第1回 html5の勧告が出された。今回からhtml5の仕様や構文について学習を進める。

DB操作 newsfeed制作9

DB操作 newsfeed制作9 今回はログアウトページについて学習する。まだINSERT文が残っているが、概ねUPDATEと同様の処理なので割愛し、このDB操作 newsfeed制作は今回で終了とする。

DB操作 newsfeed制作8

DB操作 newsfeed制作8 今回はUPDATEの続きで、編集データを受け取り実際にDBへUPDATEする処理を記述する。

DB操作 newsfeed制作7

DB操作 newsfeed制作7 今回はUPDATE文でDBのデータを書き換える処理について学ぶ。データ編集画面表示~受け渡し編集データ確定までを処理するnews_update_entry.phpの記述までを対象とする。

DB操作 newsfeed制作6

DB操作 newsfeed制作6 今回は削除を実際に処理するnews_delete_fin.phpの記述を学習する。

Wordpress制作物

Wordpressで力試し the plan of enhance portfolio ここのところ続けていたwordpressの学習経験を用いて、一からテーマを組んだサイト制作を行なった。

DB操作 newsfeed制作5

DB操作 newsfeed制作5 DB内のデータを削除するために必要な、削除対象のnews_id取得までを進める。