WEBでレスポンシブ対応するときに結構大変なのが画像の扱い。iPhone等の高解像度デバイス(Retinaディスプレイ等)には2倍の画像を用意する必要があるし、最近は画面のサイズに会わせて画像を切り替えたい場合も多い。そんな時にHTML5のsrcsetがすこぶる便利だったのでご紹介します。 srcsetでできること 次のようなことが可能になります。 Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える Retinaディスプレイ用に画像を切り替える 基本的な使い方は下記のような感じでimgタグに使用します。シンプルですね。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-img@2x.jpg 2x" alt
目次 PHPでファイルの読み書き・掲示板 ファイルの読み込み ファイルの書き込み ファイルの読み書き(ゲストブック) 設定ファイルの読み書き CSVファイルの読み込み テキストエディタの作成 アンケートシステムの作成 掲示板１（シンプル） ファイルを読み込んで画面に一行出力する プログラムの作成 まず、ファイルを読み込んでその内容を画面に出力するプログラムを作成します。以下のソースを入力してください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>ファイルから読み込んで画面に表示</title> </hea
PHPの基礎はまだ少し続きますが、 このあたりで今まで覚えたことを復習も兼ねて例題を解いていこうと思います。 勉強中の方は内容を見る前に実践してみるといいかも？ 今回やろうとしているのは以下の通りです。 for文を利用し、九九の表を作る。 作った九九の表をHTMLのテーブルタグと組み合わせる。 作ったテーブルのセルの背景色が交互に変わるようにする。 for文を利用し、九九の表を作るまずは九九の表を作ります。 いきなり１の段から９の段までやろうとすると大変なので まずは大元となる１の段を作ることから始めます。 九九の１の段は「1×1」から「1×9」までの繰り返しです。 つまり、「×(かける)」の後の数字を繰り返しの対象とし、 増減式で１ずつ増やせば式を9個作ることが可能となります。 <?php for($i = 1; $i <= 9; $i++){ $ans = 1 * $i; echo $
比較演算子では単独の条件式を記述することができますが、もう少し複雑に「xxxかつyyy」や「xxxもしくはyyy」のように条件式を組み合わせてより複雑な条件式を利用したい場合があります。このような場合に使用するのが論理演算子です。 PHPで用意されている論理演算子は次の通りです。 演算子記述例意味
以前までCakePHPを使ってやってきましたが命名規則やヘルパーなど覚えながらやっていくよりも直でPHPで書いてった方が速くね（多分間違い笑）ってなったんでやめました。 チーム開発などでは便利かもしれませんが個人的な勉強ってのもあるんで余計別に良いかなってね。 今回は会員制サイトでは必須の会員登録、ログイン機能をデータベースを用いてやっていきたいと思います。意外とこの内容がググっても出てこなく、PHP5.5からはDB接続がmysqlが非推奨になり、mysqliを使った方が良いなどもあり情報がごちゃごちゃしてますね、、、 とりあえず以下の本を参考にしながら簡易的なログイン機能を実装していこうと思います。 よくわかるPHPの教科書 【PHP5.5対応版】 作者: たにぐちまこと出版社/メーカー: マイナビ発売日: 2014/03/08メディア: 単行本（ソフトカバー）この商品を含むブログ (1
ファイル入出力について PHPではデータの保存にデータベースがよく利用されますが、もちろんテキストファイルにデータを書き込むことも可能です。ファイルを扱う命令はいくつも実装されているのですが、一例を紹介します。 ファイルを扱うには fopen 関数でファイルを開きます。引数に「開きたいファイル」と「モード」をそれぞれ指定します。ファイルを開くとファイルポインタと呼ばれる識別文字が返され、以降はこのファイルポインタを利用してファイルを扱います。 また、開いたファイルは fclose 関数で閉じておきます。 $fp = fopen("開きたいファイル", "モード"); fclose($fp); ファイルを読み書きする具体的な方法は、以下で紹介します。 ファイルの読み込み fopen 関数のモードに r を指定すると、読み込みモードでファイルを開きます。 読み込みモードでファイルを開くと、fg
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
形式 <form action="...">～</form> サポート LS / H2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1 カテゴリ フローコンテンツ パルパブルコンテンツ 親要素 フローコンテンツ を子要素に持てるもの 子要素 フローコンテンツ (ただし、form要素を子孫に持つことはできない) タグの省略 開始タグ:必須 / 終了タグ:必須 属性 グローバル属性 accept-charset action autocomplete enctype method name novalidate target rel 入力フォームを表示します。<form>～</form> がひとつのフォームとなります。フォームの中には <input>、<select>、<textarea> などのフォーム部品を配置します。 フォームは通常サブミット(実行)ボタンを
Contact Form 7 4.1 で maxlength と minlength のオプションがいくつかのフォームタグに、また Twitter 風の文字数カウントのための新しいタイプのフォームタグが導入されます。 maxlength と minlength は、入力項目の最大・最小許容文字数を指定する同名の HTML5 属性に基づくものです。 maxlength と minlength の両方をサポートするフォームタグのタイプは: text、textarea、email、url、tel、quiz、captchar (CAPTCHA 応答) です。これらのフォームタグから quiz と captchar を除いたものでは、文字数に基づいたユーザー入力検証もサポートされます。 例: [textarea* your-message minlength:10 maxlength:140] この
【閲覧時腹筋注意】Apple新商品のキャッチコピーが直訳すぎて気になったので集めました。 それに引き続き今度はAdobeのサイトにも似たような面白いものがあるということで見てきたました。 今回は前回ほどでは無いのですが、修正される前にキャプチャーを撮ったのでよろしければどうぞ。 これを見て、分かる人は分かると思います。 この＜br＞というのは、ホームページなどをつくるHTML等で使う改行のこと。 本来ならこの＜br＞というのはこのように表示されず、そこの部分が改行されるのですが、 ＜＞が全角なんでしょうか？とりあえずそのまま表示されちゃっているので、こんな奇妙な文章に… とりあえずAdobeが提唱する＜BR＞の新たな次元をご紹介しましょう。 なるほど。＜br＞は効率かつ柔軟なんですね。 最高峰の＜br＞には世界が驚きます。 Adobeを使えば＜br＞が効率良く作れます。 ＜br＞というのは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く