floatで画像サイズが整数倍異なるグリッドデザインのサイトを作ろうと思ったら無理だったを話。

リスト要素にfloat:leftを設定して、画像サイズが整数倍異なりブラウザの横幅によって画像を拡大縮小するグリッドデザインのサイトをつくってみたらブラウザの横幅によってはレイアウトが崩れた。http://www.kirin.co.jp/ ↑こんなやつ。画像の縮小で小数点以…

2014-11-25

レスポンシブサイトのトレース

レスポンシブデザインの勉強がてら、レスポンシブ対応されたサイトをトレースした。なるほどね。各ディスプレイ幅に共通の項目を1つのCSSにまとめ、異なる項目を専用のCSSファイルに記載しておけばいいのか。こっちのほうがすっきりする。最初、一番大き…

2014-11-24

imgを囲んだpの高さが数ピクセル高くなるので対応

imgを囲んだpが画像から数ピクセル高くなる。 pに背景色を入れてたので困った。 <p><img src="img.png"></p> 対応内容はこちら↓。 img { vertical-align:bottom; } vertical-alignの初期値がbaselineなので、 baseline〜text-bottomまでのピクセルが画像からはみ出していたようです。 …

2014-11-10

サイトトレース作成競技大会イメトレ

知り合いで集まって、「１つのサイトをどれだけはやくまねして作れるか」、という競争やることになったのでイメトレしときます。準備メモ用紙、ペン Dreamweaver起動フォルダ、ファイル作成 Chrome起動 firefox起動開始お題サイトを開く設計をざっと…

2014-10-29

PHPでライフゲーム実装

PHPの腕試しにライフゲームを実装。改善点は残っていますが、とりあえずアップ。今後は、関数化とライフゲーム関連処理の別ファイルへの移動、セッション削除をやってみる。あと、手動でブラウザ更新かけないと世代が進まないので、自動更新したい。オブ…

2014-10-29

■

Apple Payに強力な抵抗勢力があらわれたようです！ | Apple Products Fan おもしろい記事。小売業者がディジタル領域に進出してAppleと一部競合関係になるかも。ディジタル領域では競合他社がおもわぬところから出てくる良い例。 Appleがその中心にいる。…

2014-10-28

マウスオーバーしたテーブルセルと同一列の色変更

サイトを見ていて気になったデザインがあったので、腕試しに実装。・・・実装してみたら意外とさっくりいきました。 tr:hover,td:hoverでスタイル指定して実現しています。仕様マウスオーバーしたセルの背景色と文字色を変更。さらに、同一行のセルの背…

2014-10-24

POD::bindParam()とPOD::bindValue()

SQLインジェクション対策にPOD::bindParam()かPOD::bindValid()が必要。 bindParam()：変数の参照をバインド。値はexecute()時に決定。 bindValid()：値をバインド。バンドした時点で値が確定される。 prepare($sql); $condition = 'CONDITION'; $stmt->bind…