Welcome to my blog

The other way round

TAG PAGE: Responsive

レスポンシブで要素をはみ出させない工夫 第二弾

第一弾はえっとねー、table(表)などの width指定 のことでした。今回は absolute という配置についてです。...

スマホ版の管理、ちゃんとしてますか?[MFIに向けて今できそうなこと]

この記事はMFIに向けての啓蒙と対策を目的としています。「レスポンシブデザインを利用しており、スマホ版は非表示設定にしている」という方、及び、「レスポンシブデザインを利用しており、スマホ版を表示設定にしている」方に向けてです。「レスポンシブデザインじゃありません」という方はスルーして頂ければ、と思います。固定幅デザインの方は自己責任&自分で対策ってことでお願いします (´・ω・`)また、「SEOなんて全然どう...

No image

tableソースコード雛形

FC2旧投稿画面のツールで作成する「表 (table)」のソースコードはhtml5に準拠していません。 また、新投稿画面に於いては表作成の機能がありません。 表が必要な方、これからtableタグを覚えようという方、html5テンプレートをご利用でバリデートが気になる方はお使いください。 記事幅からははみ出さない… はず (´・ω・`) 初期widthがついているものはセル内容が少なくてもある程度の大きさを確保します。 ついていないもの...

レスポンシブデザインで要素がはみ出す原因はwidth指定

せっかくレスポンシブデザインを選んでも 要素がはみ出しては台無しです。これは見た目や使い勝手の問題も大きいですが、Googleセンセがはみ出し大嫌いです。その理由だって結局のところ「ユーザビリティ」の問題ですけども。レスポンシブテンプレートを選んだのだから、モバイルフレンドリーだね ♪と思ったら大間違いですテンプレート製作者の手の届かない領域「記事内容」までしっかり管理しましょう。...

Pianissimo

名称 Pianissimo カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドメニュー 右 記事幅 可変 最大 770px サイドバー幅 固定 300px (内寸 270px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 その...

Vanilla-Sky修正のお知らせ「Twitterウィジェット干渉」

みなさまには大変ご迷惑をおかけしております (*_ _)● コンテンツをピン留めするJSとTwitterのウィジェットJSが衝突する件を修正致しました。Vanilla-Sky サイドメニューにTwitterタイムライン等の埋め込みがある際に、英語圏で言うところの phantom scrolling 状態になっておりました。ファントムスクロール。日本語ではなんて言うんですかね (´・ω・`)公式は上書き済みです。既にカスタマイズを行った方におかれましては、申し...

Swollen

名称 Swollen カラム数 1 プラグイン対応 ○ (フッター上メニュー) レスポンシブ対応 ○ サイドメニュー 下 (フッター上) 記事幅 可変 最大 820px サイドバー幅 固定 300px (内寸 270px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定 SNSシェアボタン利用 = メタタグ設定 ...

Vanilla-Sky

名称 Vanilla-Sky カラム数 2 プラグイン対応 ○ (右サイドメニュー) レスポンシブ対応 ○ サイドバー PC --- 右/ ブラウザ縮小時・スマホ --- 下 記事幅 可変 最大 850px サイドバー幅 固定 300px (内寸 260px) 任意個人設定 レスポンシブ利用 = スマホ版非表示設定SNSシェアボタン利用 ...