ウェブ学のすすめ

Study of Web Design & Programing

はてなブログにMaterial Design風のソーシャルボタンを設置する方法


f:id:vinton:20151013075520p:plain


現在、公開しているMaterial - テーマ ストア - はてなブログ
ソーシャルボタンについてご相談があったので回答の1つとして実装してみました。

他のテーマを使っている方でもそのままコピペもしくは調整することで使えると思います。

続きを読む

簡単なjQueryでtableにアコーディオンを実装する方法

f:id:vinton:20150615020659p:plain

jQueryを使ってテーブル内でアコーディオンするための方法をご紹介します。
開くボタンを押すと隠れていたコンテンツが開閉するようになっています。
テーブルをすっきり見せたいけど詳細なども表示させないといけないときのUIとして参考になるかもしれません。

続きを読む

はてなブログテーマ「Material」のタイトル画像を最適化しました


f:id:vinton:20150517205900p:plain

はてなブログテーマ「Material」でタイトル画像をアップロードした際、画面に最適化するようにしました。またCSSを追加するだけで海外サイトのように画像に薄い色が重ねっているようなカスタマイズ方法もご紹介します。

続きを読む