CSS

ovject-fit自体は、このWebクリエイターボックスさんの記事で知って、ちょくちょく利用してたのだが、

1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボ ...

table回りが慣れてな～い。
まずvicunaのtable設定を消すのに、結構手間取りまして、

border-collapse: collapse;

が効きました。

HTMLかCSSでテー ...

ヘッダー、フッターをブラウザ幅いっぱいにする方法 | 簡単ホームページ作成支援-Detaramehp

今回色々試してみたのですが、上のページのやり方の完全に踏襲で、
元のheader及びfooterを#header ...

Facebookいいね！ボタンのタグ取得

このページから取得、FBにログインしてると自動的にアプリIDも記述されてしまうので、そういうのを入れたくない場合は、ログインせずに取得するのがよいようです。

20131129

vicunaのウィジェット内のメニューで、dlとddを合わせて、周りにボーダーを付けたかったのですが、dlとddの間に1pxぐらいの隙間が！！
ヾ(d｀Д´l )ﾉ”　ヾ( d｀Д´d)ﾉ”

今回縦並びのヘッダーナビを画像をliタグで挟む形をとったのですが、
chromeで画像の間に微妙な空きができました。

おなじみのimgにvertical-align:bottom;を指定する ...

このブログの右上の検索窓を他のブログにも移植しようとカスタマイズしてたところ、検索窓の右側と右下にヘンな白余白があることに気が付きました。
今まで背景が白だったので気が付かなかった。

こんな感じで。

t ...

マウスオーバーした画像にフェードイン効果（半透明）をつけるjquery – WEBデザインを学ぶ｜こゆきんのWEBの細道

a:hover img{
opacity:0.6;
filte

2008年あたりから知られていたようなのだが知らなかった～ハズカシ～
ただ組み方によってはclearfixでないと、うまくいかない場合もありますね。

clearfixを使わないでやるには。 – CSS ...

今回はこれを導入してみました。カスタマイズメモです。

シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQuery Slider」 | bl6.jp

ファイル構成

i ...