SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog

2024/01/31 110 users okazu_dm CSRF HSTS 文脈 挙動

こんにちは、 @okazu_dm です。 この記事は、CookieのSameSite属性についての解説と、その中でも例外的な挙動についての解説記事です。 サードパーティCookieやCSRF対策の文脈でCookieのSameSite属性に関してはご存知の方も多いと思います。本記事でCookieの基礎から最近のブラウザ上でのSameSite属性の扱いについて触れ... 続きを読む

HTMLのinputタグ[type=file]のブラウザごとの挙動について調べてみた - Qiita

2019/01/06 218 users Qiita File type 挙動 inputタグ

はじめに みなさんHTMLタグの一つであるinputタグはご存知だと思います。 その中でもtype="file"についてぼくはこんな疑問を持ちました。 選択したファイルはどこのファイル？コピーとかされているの？ これみなさん知っていますか？ ちょこっと調べたんですがなかなか情報がなかったので いろいろ自分で調査してみまし... 続きを読む

[CSS]もうbutton要素で困らない！ブラウザごとで異なるスタイルを望み通りにするためのノウハウのまとめ | コリス

2018/05/16 72 users コリス border font-size button要素

フォームをスタイルするのが苦手、という人は少なくないと思います。 中でも、button要素はお問い合わせのようなフォームに限らず、さまざまなページに使用される使用頻度が高い要素です。 button要素はfont-sizeを適用するだけで見た目が大きく変わり、「border: 0;」を適用するとブラウザごとに異なる見た目になります。 そんなbutton要素のデフォルトのスタイルを美しくするために、b... 続きを読む

[CSS]便利なのが登場！normalize.cssをモダンブラウザ用に最適化したスタイルシート -modern-normalize | コリス

2018/02/13 77 users コリス border-box box-sizing CSS

ブラウザごとの差異を吸収してデフォルトのスタイルを提供する「 normalize.css 」をモダンブラウザ用に最適化したスタイルシートを紹介します。 「box-sizing: border-box;」の採用など、今の実装方法に最適化されています。 modern-normalize -GitHub modern-normalizeの特徴 modern-normalizeの使い方 modern-no... 続きを読む

リセット用CSSはもういらない、ブラウザのバージョンに適したスタイルを適用して標準化 -PostCSS Normalize | コリス

2017/06/01 109 users コリス Normalize.css デフォルト リスト 標準化

ブラウザごとに異なるデフォルトのスタイルを整える時、リセット用CSSやノーマライズCSSを使用して、すべてのブラウザに共通のスタイルシートを適用している人が多いと思います。 定義したブラウザのリストに基づいて、normalize.cssの必要なスタイルのみを使用できるPostCSS Normalizeを紹介します。 PostCSS Normalize -GitHub normalize.cssにつ... 続きを読む

[CSS]Chromeの新バージョンをサポートしたNormalize.css v6.0.0がリリース、いくつかの重要な変更点に注意 | コリス

2017/03/30 43 users コリス CSS Chrome RESET リリース

ブラウザごとに異なるHTMLの各要素のスタイルを消去（Reset）するのではなく、スタイルを正常化（Normalize）するNormalize.cssが、2017年3月26日にアップデートされました。 2016年10月3日リリースされたv5.0.0から、いくつか重要な変更点があります。 Normalize.css Normalize.css -GitHub Normalize.cssの特徴 Nor... 続きを読む

Unique Machine - Cookieを使わないトラッキング。コンピュータ/ブラウザごとのユニークIDを生成 MOONGIFT

2017/03/14 18 users MOONGIFT トラッキング フィンガープリント 生成 技術

広告のトラッキングなどでコンピュータを特定するという技術がよく使われています。しかしプライバシーの問題もあり、最近ではCookieで余計な情報を渡さなくなったり、ブロックするような動きも増えています。 しかしそれでもトラッキングしたい！という方はUnique Machineを使ってみてはいかがでしょうか。 Unique Machineの使い方 ブラウザやコンピュータ特有のフィンガープリント（指紋）... 続きを読む

CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress | コリス

2016/07/04 610 users GitHub コリス Normalize.css デフォルト

ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえて... 続きを読む

Chrome対Safari対Firefox、最もバッテリー消費が激しいブラウザはどれ？ - GIGAZINE

2015/07/31 40 users バッテリー ブラウザ 電源 メイン 消費電力

世界中で人気のブラウザとしてはChrome・Safari・Firefoxが挙げられますが、ブラウザによって消費電力が異なるため、「どのブラウザをメインで使うのか」という選択は、電源のない場所でバッテリーのみで作業を行わなければないらないノートPCユーザーにとっては非常に重要なもの。そんなブラウザごとの消費電力をBatteryBox Blogが検証した結果、最も電力消費の激しいブラウザが判明しました... 続きを読む

normalize.cssで使用されている各スタイルがどのように機能しているか解説 | コリス

2015/05/21 143 users コリス Normalize.css 相違 解説 細かい改良

先日紹介した「sanitize.css（紹介記事）」や「Marx（紹介記事）」などリセット用CSSの新しいアプローチが増える中、ブラウザごとの要素の相違を吸収するのに人気なのはまだまだ「normalize.css」でしょう。 そのnormalize.cssも細かい改良が重ねられ、最新のバージョンは3.0.3になっています。 normalize.cssで使用されている各スタイルが、どのように機能して... 続きを読む

reset.cssとnormalize.cssに続く新しいリセット用CSS、モバイル対応・最近の実装スタイルを考慮したスタイルシート -sanitize.css | コリス

2015/04/13 443 users 差異 コリス HTML アプローチ モバイル

HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシート「sanitize.css」を紹介します。 「Normalize.css」の共同開発者：Jonathan Nealの新しいプロジェクトで、最近の実装スタイルにあったアプローチがとられており、スマホなどのモバイルにも対応しています。 sanitize.css sanitize.css -GitHub saniti... 続きを読む

最近のFirefox Nightlyで困ったこと - Mozilla Flux

2014/10/19 30 users Mozilla Flux クラッシュ いまだ Fx新着 問題

2014-10-20 最近のFirefox Nightlyで困ったこと Fx新着 Firefox Nightly 36を使っていて困ったことが2つある。1つは暫定的に問題を回避したが、もう1つはいまだに悩みの種だ。 Flashプラグインのクラッシュが頻発 Nightlyで新しいWebページを開いた際、Flashコンテンツが含まれていると、しばらくブラウザごとハングした後でプラグインがクラッシュする... 続きを読む

パスワード保存と自動フィルインは違うという話 - 金利0無利息キャッシング – キャッシングできます - subtech

2014/07/08 137 users subtech autocomplete password

何か input type="password"のautocomplete="off"をメジャーなブラウザが全て無視するようになったという話があるのですが http://www.slideshare.net/hebikuzure/autocomplete-off 実のところブラウザごとに細かい挙動が違います http://gyazo.com/e06c6d63521249f7a99a2a7c075c... 続きを読む

マイクロアド社広告経由のマルウェアについて‐ニコニコインフォ

2014/06/19 213 users インフォ マルウェア FlashPlayer 未明 誘導

いつもniconicoをご利用頂きありがとうございます。 6月19日(木)未明より、niconicoサービス内に FlashPlayerの更新を促す通知に見せかけた誘導が表示され、 誘導に従うとマルウェア（悪質な行動を行うソフトウェア）が ダウンロードされてしまうとの報告がございました。 誘導の表示例※ブラウザごとに見え方が異なります 調査の結果、マイクロアド社の広告ネットワークから配信される 広... 続きを読む

ファンワード株式会社のサイトが株式会社アイ・エム・ジェイにそっくりな件 | @attrip　(アットトリップ）

2013/12/06 30 users イチ attrip 仕方 ジェイ アットトリップ

ファンワード株式会社のサイトが株式会社アイ・エム・ジェイにそっくりな件なんかはてなでファンワード株式会社のサイトが人気になっていたので何かなって思ってみたらサイト見てみたらいい動きするサイトだな。。ッて思ったらえ・・似てる。似すぎてる。。 ファンワード株式会社 株式会社アイ・エム・ジェイ  ソースみたらjsのいちなども同じ。IEなどのブラウザごとの切り分けの仕方も同じ。。 ファンワード株式会社のサ... 続きを読む

ブラウザのバグを見つけたときにやること - フリーフォーム フリークアウト

2012/12/17 28 users フリークアウト Stable Nightly バグトラッカー

22:26 | *1バグを見つける 表示系のものならスクリーンショットをとっておく すでに報告されていないか調べる ブラウザごとのバグトラッカーで検索してみる サポートフォーラムなどコミュニティに相談してみるブラウザの種類とバージョンの絞込み 他のブラウザでは発生するか. 他のバージョンでも発生するか (stable を使っているなら beta や nightly でも見てみる等)テストケースの最... 続きを読む

全てのブラウザで表示崩れをなくす魔法のコーディング方法 – No.1026

2012/12/03 58 users コーディング方法 魔法 ブラウザ 表示崩れ 全て

全てと言いましたが、当方アンドロイドはあまり詳しくないので、そこで崩れたらゴメンナサイ。 HTML5を捨てる HTML5なんて使うのはやめましょう。HTML4.01 Transitional、xhtml1.0 Transitionalあたりでいいです。 CSSを捨てる cssなんてブラウザごとに違いが出るものを使うのをやめましょう。テーブルレイアウト最高です。 裏ワザ カンプをjpgで書き出し→後... 続きを読む

CSS の小数点以下の数値を各ブラウザはどのように解釈するか | Unformed Building

2012/11/21 81 users CSS Firefox Unformed Building

CSS で小数点以下を指定できる単位で、小数点以下の数値の扱いがブラウザごとに異なっているようなので、単位別にまとめてみました。 調査時の各ブラウザのバージョンですが、Internet Explorer 9 & 10 (Windows 7), Firefox 17, Chrome 25 dev-m, Opera 12.10 となっています。調査にはブラウザ付属の調査ツールを使いました。 表が見づら... 続きを読む

WebGLの普及率をOS・ブラウザ別に確認できるサイト「WebGL Stats」 : ライフハッカー［日本版］

2012/05/18 9 users WebGL Tweet ライフハッカー 円グラフ 普及率

Webツール , その他 WebGLの普及率をOS・ブラウザ別に確認できるサイト「WebGL Stats」 2012.05.18 23:00 コメント数：[ 0 ] Tweet 「WebGL Stats」はWebGLがどれくらい普及しているかを把握できるサービスです。WebGLはウェブページ上で3Dグラフィックスを表示する規格です。各OS/ブラウザごとに円グラフで表示されますよ。 以下に使ってみた... 続きを読む

そのベンダー接頭辞はいつまで書くの？ | Unformed Building

2012/05/14 151 users ベンダー接頭辞 接頭辞 プレフィックス 接頭辞つき CSS

ベンダー接頭辞(プレフィックス)については最近いろいろと議論が活発ですが、そういう難しい話ではなくて、現状の CSS についての話です。 新しい CSS モジュールを使うために、ブラウザごとに接頭辞をつけなくてはいけない場合があります。まあそれについては現状では仕方ないことなんですが、接頭辞なしでも動作するようになったものでも、いつまで経っても接頭辞つきのものを書くのはどうなのかなと思うわけです。... 続きを読む

CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」:phpspot開発日誌

2011/04/19 22 users CSS phpspot開発日誌 プレビュー コピペ レシピ

CSS3 Patterns Gallery CSS3な背景パターンのギャラリーサイト「CSS3 Patterns Gallery」。 CSS3を使って実現された背景パターンのサンプル集サイトです。 クリックすればプレビュー表示されます。 画像の方が綺麗とはいえ、CSSでやってしまうのには驚きですね。 関連エントリ コピペで使えるCSS3ボタン６つのレシピ ブラウザごとのCSS3プレフィクスを自動で... 続きを読む

ブラウザごとのCSS3プレフィクスを自動で付与できるWEBサイトツール「prefixMyCSS」:phpspot開発日誌

2011/04/05 33 users phpspot開発日誌 類似 ツール

ブラウザごとのCSS3プレフィクスを自動で付与できるWEBサイトツール「prefixMyCSS」2011年04月05日-prefixMyCSS - Prefix your CSS3 code. Instantly! ブラウザごとのCSS3プレフィクスを自動で付与できるWEBサイトツール「prefixMyCSS」 先日、類似の 面倒なブラウザごとのCSS3プレフィックスを自動で付けてくれるツール「C... 続きを読む

面倒なブラウザごとのCSS3プレフィックスを自動で付けてくれるツール「CSSPrefixer」:phpspot開発日誌

2011/03/26 54 users WebKit moz phpspot開発日誌 ツール 全部

CSSPrefixer 面倒なブラウザごとのCSS3プレフィックスを自動で付けてくれるツール「CSSPrefixer」 プロパティごとに -moz とか -webkit を全部設定するのめんどくさい、という場合にサブミットすれば自動で付いた結果が出力されるというシンプルだけど便利なツールです。 サブミットすれば次のように -moz とか -o とか -webkit とか全部付けて出力してくれます。... 続きを読む

基礎から理解するためのCSS3に関するサイトのまとめ｜Webpark

2011/02/22 684 users まとめ｜Webpark 基礎 CSSプロパティ CSS3 先行

CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。CSS3リファレンス有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。CSS-EBLOG各ブラウザで先行実装しているCSSプロパティがまとめられています。次にブラウザごとの対応状況を確認するサイトを紹介。HTML5 & CSS3 R... 続きを読む

ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」:phpspot開発日誌

2009/09/14 279 users phpspot開発日誌 UserAgent class 記述

ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」 2009年09月14日- ブラウザごとの面倒で分かり辛いCSSハックとはサヨナラできそうな「PHP CSS Browser Selector」。 CSS の記述の単純化 PHPでUserAgentを解析し、<html> に class を振ってしまうことで、CSSの指定が次のように... 続きを読む