読者です 読者をやめる 読者になる 読者になる

よなかのはなし

LifeHacks And Hello!Project Blog

サイドバーのタブメニューをインデックス風デザインにするCSS

モバイル端末からのアクセスが増えている昨今、ユーザビリティを考慮してサイドバーにタブメニューを導入するサイトが増えています。今回は、そんなタブメニューをおしゃれにカスタマイズする方法をご紹介!もちろんレスポンシブにも対応済みです。

はてなブログのサイドバーにグリッドデザイン風のタブメニューを設置する

当ブログでも以前から実装しているサイドバーのタブメニュー。今回は、このタブメニューをグリット風デザインにカスタマイズする方法をご紹介!

はてなブログのサイドバーに吹き出し風のタブメニューを作るカスタマイズ

最近レスポンシブサイトでよく見かけるタブメニュー。今回はこのタブメニューを吹き出し風にするカスタマイズをご紹介します。

【FBシェア数非表示版】はてなブログにレスポンシブ対応のフラットなソーシャルボタンを設置する

先月Facebookの仕様が変わり、記事に設置していたボタンでシェアカウントを取得できなくなりました。

レスポンシブ対応!tableタグを使わずアドセンスを横並びにするカスタマイズ

8月の中旬にGoogleアドセンスの規約が変わり「広告3枚制限」が撤廃されたそうです。そこで記事中に2枚、記事下にダブルレクタングルで2枚広告を配置するカスタマイズを行ってみました。

はてなブログの記事下に使う関連記事プラグイン、結局どれが1番良いの?

はてなブログでは記事下に関連記事を表示させる公式プラグインがないため、表示させたいときはカスタマイズが必要になります。今回は導入してみて感じた主要な関連記事表示プラグインのメリットとデメリットをご紹介。

はてなブログのサイドバーにある記事サムネイルにカウントアイコンをつける方法

はてなブログのサイドバーには最新記事や関連記事を表示させるモジュールが用意されていますが、このサムネイルにカウントアイコンを付けるカスタマイズを行なってみました。

ブログをミニマル&シンプルに!洗練されたデザインを作る5つのブログカスタマイズ

今回は当ブログが行ってきた中から「ブログデザインをシンプルにしたい時に使えるベーシックなカスタマイズ」を5つご紹介!すべてレスポンシブデザイン対応なので、よろしければお試しください。

はてなブログにグローバルナビとスマホ用トグルスイッチを設置しレスポンシブ対応させる

このブログは、手軽にワンソースで管理できるようレスポンシブデザインのテンプレートを使用しています。テンプレートにグローバルメニューがなかったので自分で設置し、スマホではトグルメニューに切り替わるようカスタマイズしてみました。

【レスポンシブ】CSSだけで画像に上下中央揃えのキャプションを実装する方法

記事のアイキャッチ画像は、ブログを訪れてくれたユーザーの一番最初に目に入るもの。記事のテーマに合ったセンスの良い画像選びも大事ですが、一目で内容が分かるキャプションを付けておくと、より記事を読んでもらいやすくなります。

はてなブログをシンプル&ミニマルデザインに変える9個のカスタマイズ

※この記事は2015年7月時点でのカスタマイズについて書いていますので、現在のデザインとは異なる点もあります。ご了承ください。