style sheetの最近のブログ記事

ｽﾏﾎ表示は縦に長～い 【ｽｸﾛｰﾙ量を判定して、ﾎﾞﾀﾝの表示・非表示を切り替える】 　ｽﾏﾎで表示すると縦に長～いﾍﾟｰｼﾞになってしまいます。 　情報発信する側としては最後まで見てもらいたいのは山々ですが・・・、読者側にすれば、ﾄｯﾌﾟへ戻るﾎﾞﾀﾝは欲しい所です。 　 　記事ﾍﾟｰｼﾞの最下部に>を付けていますが、ｽﾏﾎの場合は、もうひと工夫必要です。 　ﾄｯﾌﾟﾍﾟｰｼﾞの画面には表示し...>> 続きを読む

ﾃﾞﾊﾞｲｽの画面ｻｲｽﾞ及び縦横を判別 【縦はｽﾏﾎCSS：横はﾀﾌﾞﾚｯﾄCSS】 　見よう見まねでｽﾏﾎ対応を進めてきましたが、ｽﾏﾎならではの「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」横ｽｸﾛｰﾙﾒﾆｭｰも動くようになり自己満足していました。 　ところが、ｽﾏﾎ本体を横回転すると見事にﾚｲｱｳﾄが崩れています。（汗！！） 　 　例によってﾈｯﾄ検索すると、「ﾃﾞﾊﾞｲｽの画面ｻｲｽﾞ及び縦横を判別」し、CS...>> 続きを読む

見よう見まねで、何とかする 【ｽﾏﾎならではの「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」ｽｸﾛｰﾙ】 　ｽﾏﾎ表示ができるようになったので自己満足していたのですが、もう少しやってみたいことがあります。 　ｽﾏﾎといえば指一本での画面ｽｸﾛｰﾙですが、やはり横方向への「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」ｽｸﾛｰﾙができるようにしてみたいものです。 　以前はﾌﾟﾗｸﾞｲﾝやJavascriptなどが必要で敷居が高かったのですが、ﾈ...>> 続きを読む

Chromeﾃﾞﾍﾞﾛｯﾊﾟｰﾂｰﾙ 【CSS　ｺｰﾄﾞ】 　PC用とｽﾏﾎ用CSSの切り替えができるようになったので、本命のｽﾏﾎ用CSSを作らなければなりません。 　一から作る技量はないのでPC用CSSのｺﾋﾟｰを基に修正していきますが、年老いた田舎のﾗｼﾞｵ少年には強い味方があります。 　Googleｸﾛｰﾑにはﾃﾞﾍﾞﾛｯﾊﾟｰﾂｰﾙ（要素の検証機能）というびっくりするくらい便利な機能が備...>> 続きを読む

「meta viewportﾀｸﾞ」「@mediaｸｴﾘ」 【ｽﾀｲﾙｼｰﾄで、PC用とｽﾏﾎ用CSSを切り替える】 　本ｳｪﾌﾞｻｲﾄは、MovableTypeの付属ﾃｰﾏのﾃﾝﾌﾟﾚｰﾄをｶｽﾀﾏｲｽﾞしてPC表示していますが、ｽﾏｰﾄﾌｫﾝが主流となった昨今、PC表示だけでは時代遅れとなってしまいました。 　以前から何とかしたいという気持ちはあったのですが、ｽﾏｰﾄﾌｫﾝにもPCにも対応する...>> 続きを読む

ﾈｯﾄ上の真似事ですが 【まとめ目次　その1】 【No. 1】"CSS"でｳｪﾌﾞﾍﾟｰｼﾞのﾄｯﾌﾟへ画像を貼る 【No. 2】MovableTypeのﾃｰﾏ一覧にｻﾑﾈｲﾙを貼る 【No. 3】ﾌﾞﾛｸﾞ記事に＜＜前の記事｜次の記事＞＞を付ける 【No. 4】ｻﾑﾈｲﾙをﾏｳｽｵｰﾊﾞｰで拡大表示（絶対中央配置） 【No. 5】ﾌﾞﾗｳｻﾞｷｬｯｼｭの強制読み込み 【No.1】"CSS"でｳｪ...>> 続きを読む

スタイルシートに挑戦 【スライドショーもどき】 　ヘッダー画像―１は、キュビカルクワッドの全景を右側に、マッチング部分を左側に、そしてセンターにはアンテナ測定器３種類を配置してみた。 　ヘッダー画像―２は、リミッティングアンプの内部を右側に、若かりし頃に自作した真空管終段部を左側に、センターにはＪＳＴ−１３５のプリント基板を背景にしてオーディオ帯域の調整に使用した２トラ３８のオ...>> 続きを読む

スタイルシートに挑戦 【ヘッダー画像変更　＆　近況報告】 　無線のアクティビティが下がりっぱなしで、ブログの更新からとんとご無沙汰している。 　数少ない当ブログの読者？から、田舎のラジオ少年は生きているのか、という声が風の噂で聞こえてきた。 　還暦を迎えた田舎のラジオ少年は、晴耕雨無線という生活にはなかなか入れない。 　高齢の母が左大腿骨を骨折してから在宅介護をしているのだ...>> 続きを読む