HTMLのリスト(ul)をCSSでサムネイル表示にしたい

HTMLのリスト(ul)をCSSでサムネイル表示にしたく、エントリーを参考にしつつ実装した。”display:table-cell”を使ったやり方もある? 確認:thumbnails.html 参 … Continue reading

Posted in 未分類 | Tagged | Leave a comment

PHPで改行文字の箇所に改行タグを入れたい

フォームで入力したテキストをデータベースから取り出す際に、改行を反映したくて調べたところ、nl2brという標準関数があった。 参考サイト PHP: nl2br – Manual

Posted in 未分類 | Tagged | Leave a comment

Twitter Bootstrapで見栄えを変える

前回の続き。少しでも見栄えを良くしようとTwitter Bootstrapを適用した。 成果物:about.about (Twitter Bootstrapの適用) メモ ナビゲーションバーのclass=”b … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

ミニ画像掲示板をつくる(振り返り)

先月末あたりから始めたサイトつくりの振り返り。実装するつもりで挙げた項目は、”CSSフレームワーク(Twitter Bootstrap)を適用する”以外はできた。 トップページに画像一覧を表示する トップページの画像クリ … Continue reading

Posted in 未分類 | Tagged , , , , | Leave a comment

ソーシャルボタンを設置する

前回の続き。詳細ページにtwitterやfacebookなどのソーシャルボタンを設置した。以前WordPressで設置したのを参考にした。 成果物:index.html->item.php (ソーシャルボタンを設置) メ … Continue reading

Posted in 未分類 | Tagged , | Leave a comment

PHPのPDOでMySQLデータベースのデータを取得する3(指定キーワードを含むデータのみを取得する)

前回の続き。アップロード時に指定したキーワード(OS:iPhone/Android)の画像を含む画像を表示するようにした。 成果物:ranking.html (OS選択のリンクを追加) メモ PHPプログラム(ranki … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

ページング機能を実装する

前回の続き。今まで全画像を表示していたが、ページに表示する画像数を決めて、下部に各ページへのリンクを設定した。 成果物:ranking.html (ページ移動のリンクを追加) メモ PHPプログラム(ranking.ph … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

JavaScript File APIを使ってアップロードフォームに画像プレビューを設置する

前回の続き。アップロードフォームで画像を選択すると、横に選択画像を表示するようにした。 成果物:upload.html (画像ファイルの選択でプレビューを表示) メモ ファイル選択ボタン(input type=̶ … Continue reading

Posted in 未分類 | Tagged , | Leave a comment

PHPのPDOでMySQLデータベースのデータを削除する(投稿の削除)

前回の続き。jQueryを使い、削除ボタン押下で処理(delete.php)が走るようにした。 成果物:index.html -> item.php (詳細ページに削除ボタンを追加) メモ データベースのテーブルに削除フ … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

PHPのPDOでMySQLデータベースのデータを更新する2(投稿内容の変更)

前回の続き。詳細ページの編集ボタンから、編集ページに移動できるようにした。移動の際に、編集・削除キーが合っているか確認している。また、htmlspecialchars()でエスケープする処理やデータベース接続などよく使う … Continue reading

Posted in 未分類 | Tagged , | Leave a comment