宮崎ロッド・Prime Time バンブーロッドPiggy's Tail

Page 1 of 16 :  1 2 3 4 5 6 7 Next › »

2016-04-08

Dropdown menuを(小)変更

前から気になっていた本家ホームページ、メインコンテンツ上部のDropdown menuをブラッシュアップした(画像)。CSS3の「box-shadow」を追加してその他を調整したけど、途中で謎の横スクロールが出現、手間取った。メニューはHTML+CSSだけで書かれているので今時のインタラクティブな動作はないけど、以前の2次元ペッタリの時より見やすくなったかなぁと思う(思いたいw)

Dropdown menu

Posted by TM* at 2016-04-08 17:39 in Web関連 » miyazaki-rod.com | English | Permalink
Tagged as:

2016-02-01

本家ホームページのレスポンシブ化

モーニングコーヒーなう。奥多摩は気温マイナス1℃、みぞれ混じりの雨から雪に。

本家ホームページのレスポンシブ化、90%終わってアップロード完了(画像)。調整はおいおいやろうと思います。半日ぐらいで作業は済むかな♪と思っていましたが始めてみたら目論見は超呆気なく崩れ去りました(笑)

編集慣れてくるころにトラブル発生。原因はあるスタイルシートに「}」が一個どういうわけか足りなかったのですが、それを探すのに1時間ぐらいかかりました。自分が作ったコードですが作業しているうちに書いたヤツを呪いたくなりました(プログラマーあるあるw)

近隣河川はあとひと月で解禁ですね

皆さん、よい一日を!

本家ホームページのレスポンシブ化

Posted by TM* at 2016-02-01 09:21 in Web関連 » miyazaki-rod.com | English | Permalink
Tagged as: ,

2016-01-28

レスポンシブWebデザイン・2

モーニングコーヒーなう。奥多摩は気温マイナス3℃で晴れています。前から気になっていた本家ホームページのタブレット・モバイル環境対応化に手を付け始めてみました。取りあえず幅640px(画像)でレイアウトしています。久しぶりにスタイルシートを弄っていますがフライタイイング並みに面白いですね。元々、共通スタイルシート+個別ページのスタイルシートに分けてあったのでviewportで共通スタイルシートを切り替えてあげると良かったわけですね。修正完了次第、順次アップロードいたします。

皆さん、よい一日を!

レスポンシブWebデザイン・2

Posted by TM* at 2016-01-28 08:49 in Web関連 » miyazaki-rod.com | English | Permalink
Tagged as:

2016-01-24

レスポンシブWebデザイン・1

晩酌なう。湯豆腐でちびちびやりながらレスポンシブWebデザインなるものをアレコレ調べています。本家ホームページ+子豚日記をいかにモバイル端末にフィットさせるか、ちょっと見で、閲覧環境に応じてCSSを振り分けて見栄えを切り替えるのが手っ取り早いというのが第一感。(X)HTMLについてはガチに強固な構造を自負していますのでこの方法が最善だろうなぁ。

表示された機器の種類やサイズに応じて表示内容が最適な状態に変化するよう設定された単一のファイルを制作し、すべての機器に同じように送信する。複数のファイルを用意する場合に比べ、デザインや機能の自由度は下がるが、すべての機器に同じ内容を表示でき、更新作業の簡略化や更新漏れの防止が期待できる。Link
Posted by TM* at 2016-01-24 22:10 in Web関連 » miyazaki-rod.com | English | Permalink
Tagged as:

2015-09-19

本家日記のメンテナンス

モーニングコーヒーなう。奥多摩は気温23℃、清々しい秋晴れです。ここ数日、腰の調子が「あれ?重いなぁ」ということで、本家日記のメンテナンスをしていました。腰の方はすっきりしてきましたが、久しぶりにイジったHTMLやCSSの汚さが目について、さらにはHTML5だぁ?とか今度は頭の中がモヤモヤしていきました(笑)。ここらで切り上げ時ですね。

皆さん、良い週末を!

Posted by TM* at 2015-09-19 10:04 in Web関連 » miyazaki-rod.com | English | Permalink
Tagged as:

2014-12-09

宮崎ロッドのFacebookページです。

Facebookページ( https://www.facebook.com/miyazaki.rod )を作ってみました。よろしくお願いいたします。

miyazaki.rod

Posted by TM* at 2014-12-09 20:08 in Web関連 » miyazaki-rod.com | English | Permalink
Tagged as:

2012-09-02

日記に Facebook のいいね!ボタンを付けてみる

いいね!ボタンを付ける
いいね!ボタンを組み込む

日記に blosxom のプラグインを導入して Facebook のいいね!ボタンを付けてみたので(たぶん忘れてしまうので)メモ。ボタンは個別タイトルのページのみに表示されます。

上記のプラグインを導入しました。大変助かりました。ありがとうございます。Facebook のボタン作成ページでコードは簡単に取得出来るのですが story flavour に配置しても URIエンコーディングをどうすればいいのか、悩んでいたところを JeffreyFrancesco.org さんで配布されているプラグインを導入することにいたしました。

Configurable variables (プラグインの設定)はほぼそのままに…

head.htm
$facebook::nsは <html lang="ja" $facebook::ns> と配置
$facebook::ogpは <head>…</head> の間に配置
story.htm
$facebook::likeを配置
foot.htm
$facebook::jssdkを</body>の前に配置

…としました。AddThis のボタン群もあってなにやら賑やかですな

Posted by TM* at 2012-09-02 06:30 in Web関連 » miyazaki-rod.com | English | Permalink
Tagged as:

Page 1 of 16 :  1 2 3 4 5 6 7 Next › »