PHPで画面サイズを判断して分岐したかったので、Jsで取得した画面の横幅を、sessionに入れてみた。
HTMLが読み込まれる前に、画面サイズによって、要素にclassを付けたり付けなかったりしたかったので、どうにか出来ないか考えて見ました。
<input type=”hidden”>は使いたくなかったので、別の方法で試行錯誤してますが、言ってしまえばAjaxを使っているだけです。
スマホ・タブレットを判別してサイドナビを読み込まないようにしてみる【PHP】
MVサイト製作日記 part.06
現在、横幅1640px以上のディスプレイでMVサイトを見ると、右側のサイドナビゲーションが2つ表示されます。しかし、スマホくらいの大きさのディスプレイでは、サイドナビゲーションを表示させないようにしていますし、タブレットもそこはまで大きな画面がないので、サイドナビゲーションを1つしか表示できません。
ただし、表示を消しているのはcssで非表示にしているだけなので、HTMLに無駄なソースコードとして存在しています。これを、スマホ・タブレットではサイドナビゲショーンをHTML単位で読み込ませ無いようににしてみます。スマホ回線でも少しは表示が速くなるのかな？
初めてのWordPressで最初に設定したfunctions.phpまとめ
MVサイト製作日記 part.04
WordPress自体初めて触ったので、全然想像もしなかったのですが、何も設定のしていないテーマだと、記事のサムネイルを登録出来ないんですね！？と言う事で、それ以外にもデフォで設定してあれば良いのにと思った機能をまとめました。
前回同様、「最初に～」となっていますが、何か設定を変える度に項目を追加して行こうと思います。
配列をランダムに並べ替える関数を作ってみた【Javascrip/PHP】
Javascript/PHPで配列をランダムにしたい場面が有ったので、配列をランダムに並び変える関数を作ってみました。通常のホームページ作成で使う機会はそんなに無いと思いますが、Javascript/PHPでミニゲーム等作るときには結構使う機会があると思います。
Advertising
最近の記事
メディアクエリを使わずにcss1行だけでフォントサイズをレスポンシブ対応にする方法【CSS】
縦書きで中央寄せにしたかったので3パターン試してみた【CSS】
Classを付けるだけで要素が画面上までスクロールした時に要素を動かすJavascriptライブラリ【ScrollEffect.js】
スマホの検索バーの表示・非表示でもリサイズ判定されるので対処してみた。
数字をクリックするミニゲーム – BREAK PANEL
WordPressの.htaccessについて-特定のURLだけhttpsに飛ばしたりhttpに飛ばしたり
PHPで画面サイズを判断して分岐したかったので、Jsで取得した画面の横幅を、sessionに入れてみた。
YouTubeの動画をレスポンシブに対応させて貼り付けて見ました。
三角関数を使って要素を円状に動かしてみる【Javascript】
SNS系のボタンを追加してみる。【Facebook/twitter/Google+1/はてなブックマーク/Poket】
アーカイブ
Advertising
Advertising
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| « 10月 | ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | ||||