Welcome to my blog

The other way round

CATEGORY PAGE: カスタマイズ

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

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

No image

やっぱり今のうちから外部リンクは相対パスで書いた方が良いと思う

常時ssl化 (´・ω・`)(以下 AOSSL (Always On SSL) と称す)FC2にはプラグイン以外全く動きはありませんが…。Blogger --- Google謹製ブログサービス, AOSSL化完了 (任意設定?)楽天ブログ --- 2017年3月以前に完了(?), さすが通販サイトAmebaブログ --- 2017年3月からAOSSLに向けて本格的に作業Yahoo!ブログ --- 2017年3月末日までにAOSSL完了予定はてなブログ --- 目に見える動きなし, はてなブックマーク連携などシステム上は難...

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

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

html各要素によってセンタリングの仕方が違います

先日書かせて頂いたこの記事なんですけども。こちら私が大変言葉足らずでして。「centerというhtmlタグは使わない方が良いよ。代替CSSプロパティは text-align だよ。」といった内容だったのですが、要素のなんでもかんでも text-align で位置変更できるわけではないんです。<center> というのは読んで字のごとく、センタリングするため「だけ」にあるhtmlタグです。一方 text-align というのはセンタリングだけではなくて「...

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

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

今更だけど「レスポンシブ」ってなんぞ?

超いまさらですけれども (´・ω・`)私が製作しているのは レスポンシブデザインテンプレート です。意味をおわかりの方も、そうでない方もご利用ありがとうございます(笑)ちょちょいとググればそれこそわんさか情報は出てくるのですが。私の方からも主観など交えつつ記してみようと思います。...

No image

スマートフォンで「縦スクロール」は非常にウザいんです

簡単便利に要素をコンパクトにまとめることができる スクロールボックス 。ところがこれがスマートフォンだと非常に鬱陶しいんですよねぇ (´・ω・`)スマートフォンやタブレット(以下 モバイル端末 と称す)って、指でスワイプして操作するじゃないですか。上下スワイプ = 上下スクロールスクロールしている最中にスクロールボックスがあると、画面の下へ向かいたいのにその場でクルクルクルクル…。飛ばそうと思っても左右や上下に...

ネタバレを防ぐ「コピー反転で読むテキスト」はスマホでは読めない

昔よく見かけましたよね。映画のレビューサイトやなんかで、あらすじのネタバレを防ぐために「ここから先はネタバレです。自己責任でどうぞ。ドラッグ選択すると読めますよ。」みたいなの (´・ω・`)これはこれで機転のきいた良い手法ではあるのですが。いかせんスマートフォン・タブレットで反転はできません(笑)さぁ困った。どうしよう。というわけで代替案。「折りたたみ」です。...

centerタグを使うのは辞めましょう

FC2に限らず、無作為にサイトを拝見しておりますと、<center>というタグを利用している方がとっても多いことに驚きます。centerタグに限ったことではありませんが、とりあえず目立つのがcentercenterタグを「使ってはいけない」理由① 既に廃止されている = centerタグはhtml4までしか使えません② そもそも使い方を間違っているこの2点。...

意外と知らないフォント設定の仕方

よく行われるテンプレートカスタマイズに「フォント種の変更」があるかと思います。サイズや色でなく「フォント名」ね。このフォント指定ですが、実はとっても難しいんですね (´・ω・`)というわけで、正しい指定の仕方やフォント指定の挙動、そして失敗するケースなどなど記しておこうと思います。...