エントリー

レスポンシブ化 table編

ここしばらく放置していた、ホームページのレスポンシブ化。

ほとんどが「ゲーム攻略系ページ」だったので
ま、いっか。 ┐(^-^;)┌
なんて、気楽な気分で放置していたんだけど…

ここ最近、日記をサボっている事もあって、
一部の攻略ページにアクセスが集中している事が判明。

とはいえ、作業量としては、なかなかのボリューム。
ようやく重い腰を上げ、全ページのレスポンシブ化を終了しました。

20161017181305.jpgこちらはPC用のページ。

基本的に、攻略というよりもデータをまとめた内容が多く
かなり「table」タグを使用しています。

まぁ、ぶっちゃけ…
ヘタッピだしね。 (*>v<)

20161017181306.jpgこれを文字サイズを小さくしたり、余白を小さくするなど
強引にレスポンシブ化すると、こんな感じに。

まぁ、読めない事は無いと思うんだけど、妙に窮屈な仕上がりに。

まだ、このページはマシな方で、
酷いページになると、2文字ずつ縦方向に伸び
非常に読みにくい状態に。

そんな訳でググる先生に質問してみると…
「おぉ (゚▽゚*)」という方法を発見。

それは…
・見出し「th」を「display: none」で非表示に
・データ部分「td]を「display: block」で縦表示に
・「td:before」「display: block」で枠を用意する
・「
td:nth-of-type(X):before」「content: "○○"」で枠に文字列を追加する

その他、もろもろ微調整した結果…

20161017181307.jpgこんな感じに。

無駄に縦方向に伸びちゃったけど。 ┐(-_-;)┌

個人的には気に入らないんだけど、
上の画像よりはデザイン的には、マシかな?と。

で…
本来、CSSは外部ファイルで指定するのがスマートなんだけど
あえて、ページ内で「style」指定する方法を。

ぶっちゃけ…
自分一人で作成しているので…

定義がメチャクチャなのです。 \(^o^)/

20161017181308.jpgそれでも、ググる先生からはOKを頂けました。 orz

ただ…
過去にも書いたけど、当家は愚妻も私もガラケーなんですよね~ ヾ(;´▽`A``

自分で確認する事ができないし、
そもそも、スマホでの操作も解ってないです。 orz

あ。
「全ページのレスポンシブ化を終了しました。」と言いましたが、
あくまでレスポンシブ化を終わらせただけで、
各ページの修正は、随時行っていきます。 il||li _| ̄|○ il||li

最近のホームページ

なんか、無駄にゴチャゴチャしている気が…

スマホへの対応もあるのでしょうが、
妙にスライドショー的な演出…

私(心の声)「何? デフォなの?」
私(心の声)「それ、本当に必要?」 ってぐらい(苦笑

その中でも、イラッとするのが動画の自動再生。
特にFBに多いかな?

まぁ、私がオッサンだから仕方無いのかもだけど…

再生のタイミングぐらい、こっち(訪問者)に任せろよ。 と。

なんでも、5秒以上の再生でカウントされるらしく
そのカウント数を増やす為に
酷い場合は、2~3の動画が再生される状態に。

( -。-)スゥーーー・・・ (o>ロ<)o< うぜ~よ

とりあえず、ググる先生のおかげで自動再生を停止できました。 orz

これが時代の流れってヤツなのかもだけど…
望んでいない情報が押し付けられる現状は…
正直、苦痛です。 il||li _| ̄|○ il||li

( -。-)スゥーーー・・・ (o>ロ<)o< 必要な情報は自分で調べますから~

最近の娘

とにかく動画を見まくっています。 il||li _| ̄|○ il||li

3DS・Wii-U・PC(愚妻用)と使い分けているんだけど…
一番困るのはPC。

理由は距離が近いから。

と言うのも…
娘が見ている動画って、野郎が調子に乗って大騒ぎしている動画が中心。
その、はしゃいでる声だけが聞こえてくるのでイライラです(苦笑

道産子風に言えば…
( -。-)スゥーーー・・・ (o>ロ<)o< おだつなやゴルァ!

正直、何が面白いのかサッパリ解らないし。 ┐(-_-;)┌

まぁ、そういう私もガキの頃には
ママンに似たような件で怒られてましたけど。 ┐(^-^;)┌

これが世代ってヤツなんでしょうねぇ。
λ..........トボトボ

全ページ修正完了

先日、日記を引っ越したモノの
設定ミスで、リンクやカテゴリがおかしな事に。
http://izuito.net/_cgi/freo/index.php/view/4919

本日、ようやく完了しました。 orz

作業的には難しいモノじゃないんだけど
なにせ、ページ数がねぇ。 ヾ(;´▽`A``

内容はどうでも良いモノが多いので
全部削除って事も考えたんだけど…
なんか「負け」の気がして、コツコツ修正。
やりとげました。

見えない敵と戦うって大変だねぇ。
まぁ、今に始まった事じゃないけど。
≧∇≦ブハハハハハ

どうしたものか。。。

去年、12月5日に給料の一部が。

私(心の声)「全額持ってこいよ…」
私(心の声)「(全額でも)高卒の初任給より安い金額なのに」 と。

それだけでもイライラ要素MAXなのに、その夜…

私の仕事状況を批判するメールが。
まぁ、そんなこんなでトラブった訳なんだけど。。。

その後、滞納されている給料も知らんぷりです。

もう半年、兵糧攻め状態。

そろそろ、反撃も考えるべきですかね?
「無い袖は振れない」みたいなニュアンスに甘い顔してたけどさ。

ワードプレスの現状

20160318160907.jpgとりあえず、こんな感じですかね。
http://izuito.net/wp/

あとは、本を読み直しながら
気になった点を変更していきます。

まだ、イマイチ理解できてないんだけどね(苦笑

テスト用のページが残ってますが
徐々に戦国IXA用のページにしていこうかと。

需要があるかどうかは別として。 (*>v<)

WordPressデザインブック

とうとうゲットしちゃいました。

それは… コチラ。

20160307195904.jpg

【極】2953 石川五右衛門
えぇ。 ビックリを通り越して… ボックリしましたよ(苦笑

引いたのは【戦】クジから。
20160307195905.jpg

まぁ、デッキ課金もしていない…
たま~に季節クジ等の誘惑で500円課金する程度のレベルなので
正直、無縁なカードだと思ってました。 (*>v<)

同盟員さんにも言われますが…
IXA内での運は強い方かもしれません。

この運で宝くじが引けたら良いのに。。。

で、同盟員さんのアドバイスでは…
「攻防スキルを追加したら?」
候補に上がったのが…

  • 戦陣 阿吽 2139鍋島直茂&2140龍造寺隆信のC
  • 根国ノ戦戟 1067尼子晴久のB
  • 算命術 3251安国寺恵瓊のS1

本日追加された

  • 叛将烈破 2164陶晴賢 詳細不明

も候補かもかも?

とりあえず、手元に安国寺恵瓊さんが居たので…
S1合わせをした後に、えぇ~い、ままよ。 とポチ。

車懸りが付いちゃいました。 。・゚・(ノД`)・゚・

まぁ、これで安国寺さんが入手できれば、
算命術一択になるので、とりあえずこのままで(苦笑

正直、防御スタイルなので…
本当は、算命術成功後、権勢専横を付けたかったんだけどねぇ。
「戦陣 阿吽」とか「根国ノ戦戟」は無理。 φ(゚-゚ )/ ヽ◇

梟の城

ワードプレス - タクソノミー 404

ワードプレスの勉強も何とか終盤へ。
まぁ、買った本の内容をガチャガチャ弄ってるだけなんですけどね。
つうか、もう一冊残ってるし…
更にPHP+MySQLの本も残ってるし… il||li _| ̄|○ il||li

とにかく、「もうすぐ終わる…」
私的には今日中に「WordPress ステップアップブック」を終了させる予定だったんだけど…

思わぬ事態に。

カスタムタクソノミーで新しいカテゴリを追加したものの、
ページを表示しようとすると、404エラー。 ※P.294

何度も「functions.php」の内容、
[
taxonomy-area.php]のファイル名を確認。

でも、やっぱり… 404エラー。

コロン(:)と、セミコロン(;)の違い。
○○と、○○sの違い、等々。
よくあるミスを確認しても、一向に改善されず。

もう、何が何やらです。 il||li _| ̄|○ il||li

20160130210752.jpgそこで、ググる先生に相談。

どうやら、[設定] > [パーマリンク設定]
で、[変更を保存]をする必要があるようです。

えぇ、あっさり解決しました。
il||li _| ̄|○ il||li

WordPress ステップアップブック

諦めるな(キリッ

20160123182953.jpg現在、スプラトゥーンでイベントが発生しているようで…
にも関わらず(むしろ、だからか?)サバが不安定なようです。

と、ここまで書いてたら…
現在は復旧していました。

サバが不安定なんだから
「しばらく放置しておけ」と言ったんだけどねぇ。
娘は、しつこくアクセスしてました(苦笑
任天堂さん、ごめんなさい。 orz

で、何でも欲しい装備が今日しか入手できないとか。

娘「あと70000ポイント必要…」
娘「もうダメ。 諦めた…」
愚妻「諦めるな(キリッ」

私(心の声)「良い事、言ってるようだけど…」
私(心の声)「なんか違うよな?」 と(苦笑

ゲーム、特にオンラインゲームは諦めも肝心よ。
たまに怖いほど粘着質な人もいるしね。
まぁ、私は空気なので被害無いけど。 ≧∇≦ブハハハハハ

Splatoon(スプラトゥーン)

ワードプレス(1)の現状

現在、ワードプレスの勉強中でして…
1) http://izuito.net/wp/
2) http://izuito.net/wp2/ で遊んでます(苦笑

で、
2)の方は、しばらく放置。
1)の方で、ガチャガチャやってます。 (*>v<)

きっかけはコチラ。

WordPressデザインブック

思わずポチッてみたものの…
手に取って読んでみると、言わんとしてる事はわかるんだけど
どうやら理解を深める為には…

WordPress ステップアップブック

こちらを先に読む必要があるみたいです。
そんな訳で、こちらもポチッ。

兵糧攻め中なのに痛い出費です。 il||li _| ̄|○ il||li

ただ、やる以上、ある程度は理解しておかないとねぇ~
「乗りかかった船」状態になっちゃいました(苦笑

20160122201756.jpgとりあえず、書かれた通りに
・single.php
・style.css 等を作成・編集。

こんな感じになりました。

ちなみに…
テーマを一から作ってる状態。
まだ、投稿記事・個別ページしか作成していないので
作業中は、アクセスされても真っ白になります。

なので、真っ白だったら…
ガチャガチャやってるな。と思って下さい(苦笑

20160122201757.jpgテーマを戻すと、こんな感じ。

確かにテーマで雰囲気が変わるのは面白いけど…
ガッツリ管理しようとすると、不便な気がしないでも。 ┐(^-^;)┌

実際、細かい部分が気になって手を加えていくと…
スタイルシートが凄い事になりそうな… *o_ _)o

つか、こんなに通信量(たかが知れてる?)を
無駄に増やして良いのでしょうかね?

20160122201758.jpg最後にコメント部分。

天邪鬼なので、(特に配色)は
本を無視している部分があります(苦笑

ユーティリティ

- - - 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 -

ページ

  • ページが登録されていません。

新着エントリー

今日の伊豆新聞にて
2017/02/27 16:26
無事(?)退院しました。
2017/02/27 01:39
レスポンシブ化
2016/11/27 15:10
最近のアクセス状況
2016/11/22 16:14
今度は職務経歴書
2016/11/13 14:41

新着コメント

Re:初のスキルLV.10武将 の続き 2
2014/09/24 from DSHata(管理人)
Re:伊東市の鳥
2014/05/16 from DSHata(管理人)
Re:【訃報】
2014/04/26 from DSHata(管理人)
Re:4147 根岸兎角
2014/01/19 from DSHata(管理人)
Re:娘、散財開始
2014/01/08 from DSHata(管理人)

過去ログ