宮崎ロッド・Prime TimePiggy's Tail

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

Dropdown menuを(小)変更 - 2016-04-08

前から気になっていた本家ホームページ、メインコンテンツ上部の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: ,

レスポンシブWebデザイン・2 - 2016-01-28

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

皆さん、よい一日を!

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

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

レスポンシブWebデザイン・1 - 2016-01-24

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

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

LESSとはなんぞや? - 2014-07-11

[メモ]CSSの開発環境を整えるための“less.js”のGUIフロントエンド。ウェブサイトにはコンパイルしたCSSファイルをアップロードする、みたいな使い方のようですね。独自変数でCSSの効率的な記述ができて良さそうです。本家の現状はある程度は@インポートで重複した記述を省いていはいますが各ディレクトリにそれぞれCSSがぶら下がっているので、例えばidやclass別のbackgroundとか、値を一々Grepしてから書き換えているという手間が省けそうだなぁ。あるいは猫に小判か…

Posted by TM* at 2014-07-11 17:00 in Web関連 » WWW | English | Permalink
Tagged as:

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