アメーバブログの【スマホでは画像は画面横いっぱい、テキストは余白あり】をFC2でやってみよう

昨日ははてなブログさんのレイアウトを真似てみましたが、今回はアメーバさんを。 アメブロではスマホ版でこんな感じになります 通常の掲載 画像の横幅を画面幅と同等に 画像は画面幅(ビューポート)いっぱい、テキストの左右にはちゃんと余白がありますので読みづらくありませんよね。 ビミョーにトレンドというか、シャレオツ化計画進行中のYahoo!ブログスマホ版もこういったレイアウトになるようで...

はてなブログの【写真をタイル状に並べる】をFC2でやってみよう

はてなブログさんの機能パクりというか。 まぁ、パクリ…(笑) つってもweb上では当たり前にあるレイアウトですが、やろうと思った(紹介しようと思った)のははてなさんの機能紹介を見たからなのである意味パクりかもしれんな (´・ω・`) 複数の写真を横一列に並べて貼り付けられるようにしました - はてなブログ開発ブログ記事編集画面(PC版)の編集サイドバーにある「写真を投稿」タブから写真を貼り付ける際に、複数の写真を...

レイアウトを崩してしまうhtmlの凡ミスいろいろ

凡ミスなんですよ (´・ω・`) 凡とはいえ、htmlでは 記号ひとつ打ち間違えても内容が狂ってしまう んですね。 そんな凡ミスのよく見かけるパターンを挙げてみようと思います。 htmlのありがちなミスには 入れ子のミス (開始タグと終了タグの 位置 間違い) タグの閉じ忘れ (開始タグに対応する終了タグが 欠損) 開始タグと終了タグの数が違う (一部の空要素以外は 開始タグと終了タグの数が一致している必要あり) ...

FC2ブログのテンプレートプレビューでトップページ以外を確認する方法

意外とご存知無い方が多いことに気づいた (´・ω・`)みなさんが利用テンプレートを選ぶ際、公式の配布ページで気になるテンプレートが自身のページに適用された時にどうなるかを確認されると思います。FC2共有テンプレート配布ページご存知の通り、画像クリック・プレビュー・詳細ではトップページの確認しかできません。いえ、実際には その他ページも確認できます。その方法について。(簡単だよ)...

SSL化で気にした方が良いこと 気にしない方が良いこと

まだ不確定要素の多いFC2ブログのSSL対応ですけれどもー (´・ω・`) 絶対に気にした方が良いことと、過敏にならない方が良いこととがありますので、そちらについて。 「個人的にそう思う」という意味であって、SEO上絶対これが正しい!と言い切るものではありませんが。 それでも集中すべきこととそうでないことを分けないとみなさんのメンタルが保ちません(笑) なんでも一度にやろうと思っても難しいですし、優先順位に沿っ...

SSLに対応したテンプレートの見分け方

SSL対応 なんつっても別にたいして特別な処理をするわけではないのですが。 製作者目線で言うと「とても大変な改修」ではありません (´・ω・`) すべきことをすればすぐ対応できます。 とはいえFC2の共有テンプレートというのは製作者さんが既にFC2ブログから去っている場合があります。 共有テンプレートについてFC2はその著作権を製作者本人に帰属させています。 平たくいうと、 メンテも修正も全部製作者の責任であって...

ブログカードのブックマークレットを作成しました

SSL化後の悩ましい作業のひとつ。 ブログカード これまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・`) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。 かといって はてなブログカード はSSLに対応できてないですし。 私のブログの特定ページでEmbedlyがどうしてもOGP画像を出してくんない(笑) そしてEmbedlyは非常にカスタマイズし辛いんですね。 ほとんどできないと言っ...

【FC2ブログがSSL対応になりました】- ユーザー選択制での提供

ようやくというかついにというか。 FC2ブログがAOSSL化致しました。ばんざーい (´・ω・`) ← 冷静 10月に間に合いましたね。 10月からGoogle謹製ブラウザ Google Chrome で警告強化が始まります。 Chromeで小さく表示されるぐらいなんてことない? でもChromeって日本でさえ トップシェアブラウザ だよ (´・ω・`) 今回の実装は予想通り ユーザー選択制 です。 なので自分のタイミングで設定をONにすれば良いですね。 ...