CSS

No Image

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

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

CSS

No Image

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

border-collapse: collapse;

が効きました。

HTMLかCSSでテー ...

CSS

No Image

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

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

CSS, facebook, Twitter

No Image

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

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

20131129

CSS

No Image

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

CSS

No Image

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




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

CSS

No Image

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

こんな感じで。

t ...

CSS

No Image

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

a:hover img{
opacity:0.6;
filte

CSS

No Image

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

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

CSS, javascript

No Image

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

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

ファイル構成

i ...