Webのあいラボ

あいうえおラボのWeb・ITに関連することを書くためのブログ

コピペでOK!はてなブログでSNSボタンをカスタマイズする際のタグ一覧&CSS

はてなブログでSNSのボタンをオリジナルデザインにカスタマイズしたい。そんなときに使えるSNSタグとボタンカスタマイズのCSSをメモしておきます。 はてなブログには独自の変数があるので、これにそってタグを書き換えます。 変数 説明 {Title} 記事タイトル…

自分のFlickr画像をブログに使うならMarsEditが断然オススメ

私は運営しているブログの画像置き場にFlickrを使っています。 Flickrにアップした画像をブログに貼り付ける際、Web上でタグを取得してくるのもいいけど…それってめんどくさい! ウェブサイトを使うなら手順は、画像をアップ→Flickrのウェブサイトに移動→貼…

LINE・はてブのマークもあるアイコンWebフォント「Ligature Symbols」を使う方法

このサイトの記事上下にあるTwitterやFacebook、グーグルプラス、LINEなどのシェアボタンにWebフォントを使ってみました。Google+はPC表示までウィンドウザイズを広げると現れます。 こういったボタンは画像で作ると簡単だけど、拡大縮小でボヤケたり、サイ…

CSSで左に画像・右に文字列を配置するレイアウト

CSS

左に画像・右に文字列のレイアウトを実現する方法を書いてみます。PCで見ないと表示が崩れる実現方法ばかりです(笑) レスポンシブデザインでスマホも適応させるならメディアクエリで表示を分けましょう。