検索結果の概要文字数 【ｽﾀﾃｨｯｸとﾀﾞｲﾅﾐｯｸﾊﾟﾌﾞﾘｯｼﾝｸﾞ】 ｽﾏﾎ対応を進める中で「検索」は非表示にしていましたが、全体の形が見えてきたのでPC表示のみ再ﾚｲｱｳﾄしました。 早速検索機能のﾃｽﾄをしてみます。 実行する前に、投稿設定で「表示される記事数」と「概要の文字数」を極端に小さくし、検索ﾃﾝﾌﾟﾚｰﾄに反映するか確認します。 検索を実行してみると、やっぱりというか概...
>> 続きを読む
ｽﾏﾎ表示は縦に長～い 【ｽｸﾛｰﾙ量を判定して、ﾎﾞﾀﾝの表示・非表示を切り替える】 ｽﾏﾎで表示すると縦に長～いﾍﾟｰｼﾞになってしまいます。 情報発信する側としては最後まで見てもらいたいのは山々ですが・・・、読者側にすれば、ﾄｯﾌﾟへ戻るﾎﾞﾀﾝは欲しい所です。 記事ﾍﾟｰｼﾞの最下部に>を付けていますが、ｽﾏﾎの場合は、もうひと工夫必要です。 ﾄｯﾌﾟﾍﾟｰｼﾞの画面には表示し...
>> 続きを読む
ﾃﾞﾊﾞｲｽの画面ｻｲｽﾞ及び縦横を判別 【縦はｽﾏﾎCSS：横はﾀﾌﾞﾚｯﾄCSS】 見よう見まねでｽﾏﾎ対応を進めてきましたが、ｽﾏﾎならではの「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」横ｽｸﾛｰﾙﾒﾆｭｰも動くようになり自己満足していました。 ところが、ｽﾏﾎ本体を横回転すると見事にﾚｲｱｳﾄが崩れています。（汗！！） 例によってﾈｯﾄ検索すると、「ﾃﾞﾊﾞｲｽの画面ｻｲｽﾞ及び縦横を判別」し、CS...
>> 続きを読む
見よう見まねで、何とかする 【ｽﾏﾎならではの「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」ｽｸﾛｰﾙ】 ｽﾏﾎ表示ができるようになったので自己満足していたのですが、もう少しやってみたいことがあります。 ｽﾏﾎといえば指一本での画面ｽｸﾛｰﾙですが、やはり横方向への「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」ｽｸﾛｰﾙができるようにしてみたいものです。 以前はﾌﾟﾗｸﾞｲﾝやJavascriptなどが必要で敷居が高かったのですが、ﾈ...
>> 続きを読む
Chromeﾃﾞﾍﾞﾛｯﾊﾟｰﾂｰﾙ 【CSS ｺｰﾄﾞ】 PC用とｽﾏﾎ用CSSの切り替えができるようになったので、本命のｽﾏﾎ用CSSを作らなければなりません。 一から作る技量はないのでPC用CSSのｺﾋﾟｰを基に修正していきますが、年老いた田舎のﾗｼﾞｵ少年には強い味方があります。 Googleｸﾛｰﾑにはﾃﾞﾍﾞﾛｯﾊﾟｰﾂｰﾙ（要素の検証機能）というびっくりするくらい便利な機能が備...
>> 続きを読む
「meta viewportﾀｸﾞ」「@mediaｸｴﾘ」 【ｽﾀｲﾙｼｰﾄで、PC用とｽﾏﾎ用CSSを切り替える】 本ｳｪﾌﾞｻｲﾄは、MovableTypeの付属ﾃｰﾏのﾃﾝﾌﾟﾚｰﾄをｶｽﾀﾏｲｽﾞしてPC表示していますが、ｽﾏｰﾄﾌｫﾝが主流となった昨今、PC表示だけでは時代遅れとなってしまいました。 以前から何とかしたいという気持ちはあったのですが、ｽﾏｰﾄﾌｫﾝにもPCにも対応する...
>> 続きを読む
