SNS系のボタンを追加してみる。【Facebook/twitter/Google+1/はてなブックマーク/Poket】
MVサイト製作日記 part.07
Facebookの「いいね！」ボタンに代表される、ソーシャル系のシェアボタンをサイトに付けてみました。
一部SNSとは違うものもありますが、 Facebook/twitter/Google+1/はてなブックマーク/Poket の5つの設置方法をまとまます。
要素内のマウスカーソルの座標を取得する！スマホ対応【Javascript】
Jsでちょっとしたリッチコンテンツを作りたい時に、マウスが特定の位置に来た時にアクションを起こすようなものを作りたくなる事があると思います。あと、スマホページを作る時とかですね。
そんな時に簡単に座標を習得出来る関数です。
スマホ・タブレットを判別してサイドナビを読み込まないようにしてみる【PHP】
MVサイト製作日記 part.06
現在、横幅1640px以上のディスプレイでMVサイトを見ると、右側のサイドナビゲーションが2つ表示されます。しかし、スマホくらいの大きさのディスプレイでは、サイドナビゲーションを表示させないようにしていますし、タブレットもそこはまで大きな画面がないので、サイドナビゲーションを1つしか表示できません。
ただし、表示を消しているのはcssで非表示にしているだけなので、HTMLに無駄なソースコードとして存在しています。これを、スマホ・タブレットではサイドナビゲショーンをHTML単位で読み込ませ無いようににしてみます。スマホ回線でも少しは表示が速くなるのかな？
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】