WEB掻っ穿じり

WEB備忘録とチャリとカメラ


html

ちょっと使えるテキスト装飾 css小技

テキストコンテンツで、覚えておくと便利なスタイルを集めました、覚書。 掲載時から対応ブラウザに変更がある可能性があるので、使用時には随時確認が必要。

オーバーフロー制限

長いタイトルを一行に収めたい時など、自動で省略(…)をつける。

コンテナ要素からはみ出たコンテンツをtext-overflow...


使えるcss、sass、jQueryのセレクタ、おさらい・覚え書き

css、sass、jQueryのセレクタ、基礎の覚書。

CSSセレクタ

子要素だけに適用
div > a { color:green; }
  
隣接している要素だけに適用
div + a...

Firefoxだけtable内の画像スタイル max-widthが効かない現象

RWDサイト制作で、意外にもFirefoxだけスタイルが効かない現象の対策です。

tableタグ内のセル、tdタグを親要素とした画像(imgタグ)のリキッドデザイン、レスポンシブデザインで欠かせないスタイル要素、[max-width:100%]がFirefoxだけ無視されます。

そこで...


videoタグを使いBasic認証をかけてスマホで起こる不具合を回避

videoタグを使ったページでBasic認証をかけるとAndroidやiOSで再生できない症状の回避方法。
.htaccessに以下を追記。
.mp4.webmファイルを掲載時。)

<Files ~ "\.(mp4|webm)$...

HTML5 videoタグの注意点、Miro Video Converterが便利

動画配信サービスで埋め込みを使えば楽なのですが、時間制限やクローズドな公開、審査だったり社外秘の内容だったり….。
html5のvideoタグを使うにあたっての注意点の備忘録です。


で済ませたいにも、まだブラウザやデバイスの...


Page 2 of 2