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

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

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

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... 続きを読む

パスワード保存と自動フィルインは違うという話 - 金利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の更新を促す通知に見せかけた誘導が表示され、 誘導に従うとマルウェア（悪質な行動を行うソフトウェア）が ダウンロードされてしまうとの報告がございました。 誘導の表示例※ブラウザごとに見え方が異なります 調査の結果、マイクロアド社の広告ネットワークから配信される 広... 続きを読む

全てのブラウザで表示崩れをなくす魔法のコーディング方法 – 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 となっています。調査にはブラウザ付属の調査ツールを使いました。 表が見づら... 続きを読む

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

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

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

面倒なブラウザごとの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の指定が次のように... 続きを読む

JavaScript の不思議な面白さ (Yahoo! JAPAN Tech Blog)

2009/02/25 330 users Yahoo JavaScript 諸氏 プログラマ コード断片

JavaScript と言うと普段自信をもって膨大なプログラムと格闘している諸氏もコード断片のはり付けに終始してしまうことも多いのではないでしょうか。かくいう私も検索エンジン（を使ってコードを書く）プログラマになっていることが多々あります。 JavaScript にあるこのプログラムの自作を妨げるのは、ブラウザごとに仕様が違ったりとか、正しいはずのコードが動作しなかったりと、プログラミング言語とし... 続きを読む

[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス

2008/08/12 469 users コリス CSS Safari 記述 スタイルシート

ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - G... 続きを読む

[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス

2008/02/26 427 users コリス revisited チュートリアル CSS 追記

Styling form controls with CSS, revisited フォームの各エレメントのブラウザごとの表示。 追記： 2008年2月28日 「text field designs」を追加。 続きを読む

CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

2007/02/02 1038 users DesignWalker ウェブデザイナー padding

本日は、実用的なCSS（スタイルシート）のお話。CSSコーディングを始める一番最初にbodyタグに設定しておくと、結構便利かな？と思われるポイントをまとめてみました。。 margin:0; padding:0; margin:0; padding:0;って設定しておくと、とりあえずブラウザの標準で設定されている余白を無くす事ができますね。ブラウザごとにこの余白の設定はまちまちなもので、わたくしは最... 続きを読む

【レビュー】Webページレイアウトを「Bamboo」で記述する - クロスWebブラウザの対処法 (1) 複数のWebブラウザに対応したWebページを「Bamboo」で作る (MYCOMジャーナル)

2007/01/31 77 users BAMBOO MYCOMジャーナル レイアウト 実力 処理

複数のWebブラウザに対応したWebページをどう作るか 複数のWebブラウザに対応したWebページを作成する場合、どのような方法があるだろうか。例えば、デザインはすべてCSSで記述して、ブラウザごとの違いを調節するための処理はJavaScriptで行うという方法がある。これは経験と実力が必要になる方法だが、有効ではある。 また、Webページのレイアウトだけを「Bamboo」を用いて記述するという方... 続きを読む