【CSS】transitionプロパティ使用時に、Chromeブラウザで1pxずれる現象を回避する | バシャログ。
先週インフルエンザに感染して、ダウンしてました ishida です。 今年のインフルエンザは感染力がかなり強いようで、 次女→自分→長女→嫁（いまココ）と感染してしまいインフル一家となってしまいました。。。 助けてぇ〜。 急な高熱・のどの痛み・関節痛などの症状がでたら、すぐ病院に行きましょうね。 さて今回は、先日コーディング中に遭遇したChromeブラウザのみにおきた現象を回避するための Tips を紹介します。 最近のHTMLコーディングでは、ボタンなどのマウスオーバーエフェクトを CSS で対応することが多いです。よく使うのは、以下のようなものです。 ソースコード HTML <p class="button"><a href="#"><img src="hogehoge.png" alt="ボタン" width="300" height="80"></a></p> .button {
padding-bottomとoverflowを同時指定するとpadding-bottomが無視される件について
FF14の絶アレキをまったり騒ぎながらやってるたこやき（ @tamagodq10 ）です。 動画とか撮りながらやってると、あとからこの音声だけ使いてーみたいなのあるんですよね。 そういう時にゲーム音と一緒にとってるとBGMとかぶって聞こえなかったり、うわあああああってあとでなるわけで だったら分ければいいじゃない。っていうアレ OBSでマルチトラックにする方法 1. 音声ソースを定義する 設定の音声タブから使うデバイスを選択 選択した音源はメイン画面の音声ミキサーに出てくる（名前も変えれる） 2. オーディオの詳細プロパティの設定をする 歯車からオーディオの詳細のプロパティを表示 右側のトラックを分ける トラックの分け方はおそらく１がデフォルト？多分。 自分の設定は以下の通り。 ゲーム音（デスクトップ音） 通話相手から聞こえてくる音声 自分のマイク音 もちろん複数チェックもできるため、１に
IE8 で擬似要素のスタイルの動的な更新ができない
JavaScript で要素のクラス属性を操作してスタイルを変更するような場合、IE8 には :before/:after 擬似要素のスタイルが再描画されないというバグがある。 <p> <a href="#" class="selected">One</a> <a href="#">Two</a> <a href="#">Three</a> <a href="#">Four</a> </p> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $('p').each(function () { var $links = $(this).find('a'), i = $links.filter('.selected').eq(0).index(), len =
androidでwidthが効かない - hateka’s blog
androidでバグなのか仕様なのかわからない現象に遭遇。 以下のhtmlソースでandroidだけ表示が崩れる。 <!DOCTYPE html> <html lange="ja"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta charset="utf-8" /> <style type="text/css"> #page{ width:640px; margin:0 auto; background-color:#f7f5ef; } #main{ width:500px; padding:35px 20px 40px 20px; color:#221815; font-weight:bold; } .main_txt{ font
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
