ローソンポンタポイント生活＆私生活日記

ちょうど今 ポンタゲーム C賞 当たった 弁当バージョン

link要素のmedia属性の指定により、画面サイズでCSSの切り替えをします。
サンプルは以下のようにしています。

＜ink media="only screen and (max-device-width:480px)" href="smart.css" type="text/css" rel="stylesheet" /＞
＜link media="screen and (min-device-width:481px)" href="style.css" type="text/css" rel="stylesheet" /＞

※ブログの都合で　＜＞括弧　は全角で記載しています。コピペする際は、半角に

480px以下のサイズのものは、smart.css（スマートフォン用のCSS）
481px以上のサイズのものは、style.css（パソコン用のCSS）

で切り替えをします。
これにより、スマートフォンで見たときと、パソコンで見たときの構成の制御をします！


レスポンシブWEBの作成について（まとめ）

ファミリーマートでチョコナッツクグロフが半額に…でも賞味期限が残りわずかσ(^_^;)でも、お腹に入れば関係ないですねσ(^_^;)

定番すぎて申し訳ないけど、東京バナナ買ったσ(^_^;)

東京出張でランチ カレー 地雷也 新橋のステーキ屋





ステーキ屋だけあってお肉の食べ応えがあったね。大きめの固めの肉を良く煮込んでて、かなり柔らかく仕上げてましたねσ(^_^;)

美味しかったσ(^_^;)

ポッキー×LINE ダウンロードしてみた！

8種類あるみたいですねσ(^_^;)

ポッキー×LINEのコラボでスヌーピーのスタンプもらえますσ(^_^;)



これ嬉しいですね^_^
普通にスタンプ買うより、こういうお菓子についたコラボは嬉しいかも。

ナイス戦略？なのかな？

レスポンシブWEBで、まずはスマートフォンで見られることを意識して、
htmlのヘッダ部にスマートフォンデバイス向けの機能指定をします。

＜meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2.0,user-scalable=yes"＞
＜meta name="format-detection" content="telephone=no"＞

※ブログの都合で　＜＞括弧　は全角で記載しています。コピペする際は、半角に

それには、viewport と format-detection を使用します。
viewport はスマートフォン向けの機能であり、横の読込みサイズの調整をしたり、
拡大、縮小を可能にさせたりする機能を指定するものです！

format-detection　で　数字が勝手にリンクされないようにします。
スマートフォンでサイトを見る際に、電話番号等がリンクされないようにします。


レスポンシブWEBの作成について（まとめ）

レシポンシブWEBの話はまたするとしまして、CoCo壱番屋のカレーうどんがカップ麺で出てました(´･_･`)



中は少しどろっとしたスープと麺がよく絡みましたねσ(^_^;)味も濃いのでご飯入れても意外といけそうな気がします！

ホームページで、パソコン用と、スマートフォン用のページを二つ作って、端末毎にスクリプトで切り替えるのも、手間だし馬鹿らしいなぁーとσ(^_^;)

やり口は、一つのhtmlページを、パソコン用のCSSと、スマートフォン用のCSSだけで、パソコン用の画面と、スマートフォン用の画面を切り変わった様に見える、レシポンシブWEBに取り組むことにしましたσ(^_^;)

まずは、具体的にざっくりやり方を記載します。色々やり方はありますが、自分流です！

0.パソコンから見た場合、スマートフォンから見た場合を条件に、読み込むCSSを変える
※且つ、、スマートフォンで見た場合の機能調整も行う

【パソコンの場合は、パソコン用のCSSスマートフォンの場合は、スマートフォン用のCSSを読むように作成】

詳細はまた番号順に次回以降紹介しますσ(^_^;)

1.ホームページのカラム構成はdivタグで作成をする

2.html内には、divタグの属性名を、パソコン用とスマートフォン用に分ける

3.パソコン用のCSSには、スマートフォン用の属性のものを見えなくする記述をする。

逆も同様に、スマートフォン用のCSSにはパソコン用の属性のものを見えなくする記述をする。

4.html内で、パソコン用に見せたいところは、パソコン用の属性内にパソコン用の構成を記述、スマートフォン用に見せたいところはスマートフォン用の属性内に構成を記述

【共通部などは属性名を分けなくて、各CSSでサイズ調整をすれば大丈夫です】

ざっくりこんな感じですσ(^_^;)
詳細は、次回以降紹介しますσ(^_^;)


なるべく共通部のみでhtmlを記述して、サイズ調整をするだけが手間はないです。

ただ、初心者で分かり易いのは、html内で、属性名を完全に分けて、パソコン用、スマート用に記述することかな！
まあ、それじゃああんまりレシポンシブWEBの意味なくなっちゃいますけどね(ｰｰ;)

今日はポンタポイント交換で元祖鶏ガラ チキンラーメンポテトチップスですね



132円の商品で40ポイントで交換

今回のお得金額
92円
前回までのお得金額
5832円
トータルお得金額
5924円

ちなみに、食べた感想はこちら↓
元祖鶏ガラ チキンラーメンポテトチップス

今日はポンタポイント交換で黄金男爵ポテコ（うましお味）ですね



152円の商品で30ポイントで交換

今回のお得金額
122円
前回までのお得金額
5712円
トータルお得金額
5832円

ちなみに、食べた感想はこちら↓
黄金男爵ポテコ（うましお味）

先日ネクサス7が再起動ループになってリカバリモードすら起動せず、リカバリできない最低な状態でしたが、ツールキットなるものをパソコンにインストールしたら解決しましたσ(^_^;)

まずはツールキットで、ネクサス7と接続するドライバをインストールしましたσ(^_^;)

次に、パソコンとつないだ状態で、ツールキットからブートローダーのロックを解除すると、リカバリ完了できました！



リカバリモードの意味ないな、まさしく上の様に死亡だね

ネクサス7が再起動ループを繰り返すようになりました(ｰｰ;)

どうやら、電源バッテリーがなくなった状態で充電し始めた直後に起動すると上手く上がらない現象が発生後、ソフト的に壊れてなるようです(ｰｰ;)

しかも、リカバリーモードより直せず





この後にコマンド操作してもリカバリメニュー起動しません(ｰｰ;)

結局最終はリカバリできましたが、詳しくは次回載せます(ｰｰ;)

てこづった(ｰｰ;)

最近良く当たるσ(^_^;)

100ポイントこないかな！？

春のリラックマフェア 店舗20個限定のコリラックマボウルゲットσ(^_^;)



箱σ(^_^;)



コリラックマボウルですねσ(^_^;)



何気に中がピンクになっていますσ(^_^;)

7

サバンナチャンス確定

アラジンチャンス

1000万パワー ハリケーンミキサー

ジャグラー リプレイ

山口県 永源山 つつじ祭り 風車半分

今日、コンビニではないのですが、神戸スィーツ スプーンで食べる神戸純生ロール がありましたσ(^_^;)

お値段も170円くらいだったですが、ローソンのスプーンで食べるプレミアムロールケーキとどっちが先ですかね？



ちなみに味はこっちの方が、まろやかな甘さとさっぱりした印象かなσ(^_^;)

セブンイレブンとはまた違いますね

久々にヤフーオークションに 塊魂とスーパーストリートファイター4 アーケードエディションをだしたσ(^_^;)





ゲーム屋に持って行ったら完全に損だしね(ｰｰ;)ゲーム屋だと足元見られたお値段になるけど、オークションだと、買い手はゲーム屋より安く買えるのを望んで、売り手はゲーム屋より高く売れるのを望むから、win winの関係になりますからね。

ゲームは絶対にオークションが良いですよ！難点は、状態が保証されないってとこくらいかなσ(^_^;)

コンビニ限定のポテトチップスですが、やまよしにしてはいたってノーマルのポテトチップスですσ(^_^;)



リッチバターσ(^_^;)

やまよしといったらワサビーフのイメージしかないσ(^_^;)

セリアでもなく、ダイソーでもないサンリブの中にある100円均一で、ライトニングケーブルを発見σ(^_^;)

しかも、7.0.6までは動作保証済みですが、7.1.1でも、大丈夫でしたσ(^_^;)

あの、不適合メッセージ出ません

今、クロレッツ 120円で ポンタポイント30ポイント追加 かなりお徳σ(^_^;)