クロスブラウザとは コンピュータの人気・最新記事を集めました - はてな (original) (raw)

クロスブラウザ

(

コンピュータ

)

くろすぶらうざ

ウェブサイトやウェブアプリケーションなどが、あらゆるブラウザで正常に動作し閲覧できること。

ただし対象とするブラウザは「主要なもの」や「規格を満たしたもの」などに限る場合もある。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

関連ブログ

Python転職初心者向けエンジニアリングブログ3日前

Firebaseを使用して、iOS環境でWebアプリから写真の読み取りと書き込みを行う方法こんにちは、皆さん!今日は「Firebaseを使用して、iOS環境でWebアプリから写真の読み取りと書き込みを行う方法」についてお話しします。Firebaseは非常に強力なバックエンドサービスで、特に写真や画像データの保存・管理に非常に適しています。iOS環境でも簡単に実装できるため、モバイルアプリ開発者にとって便利なツールです。 今回は、FirebaseのStorage機能を使って、iOSデバイスからWebアプリ経由で写真をアップロードし、その写真を表示する方法を具体的に紹介します。初心者の方でもわかりやすいように、一つずつ解説していきますので、ぜひ最後までご覧ください。 Firebaseの…

ネットで話題

もっと見る

1179ブックマークIE6などのクロスブラウザに強くなる、22のHTML+CSSコーディングの基礎kojika17.com

911ブックマーククロスブラウザはもう古い! HTML5+CSS3時代のプログレッシブ・エンハンスメントatmarkit.itmedia.co.jp

800ブックマークCSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集 - かちびと.netcssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-pl...kachibito.net

661ブックマーククロスブラウザのためのHTML/CSSのテクニック集 | コリスcoliss.com

660ブックマークCSS/HTMLのテクニックをクロスブラウザ対応(特にIE)にする方法のまとめ17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転...coliss.com

658ブックマークサイトの様々な確認作業に使うチェックツール達!レスポンシブ、パフォーマンス、クロスブラウザ対応等全部! | バンクーバーのうぇぶ屋webya.opdsgn.com

554ブックマークCSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMUDiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still...blog.creamu.com

496ブックマーク[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリスMatthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで...coliss.com

485ブックマークこれでできる! クロスブラウザJavaScript入門 記事一覧 | gihyo.jpgihyo.jp

関連ブログ

市場調査レポート(産業資料)の紹介ブログ15日前

世界のテスト・アズ・ア・サービス市場:テスト種類別(機能、セキュリティ、コンプライアンス)、展開別(~2030年) 市場概要 グローバルなテスト・アズ・ア・サービス市場の規模は2023年に45.4億米ドルと推定され、2024年から2030年にかけては年平均成長率(CAGR)14.0%で成長すると予測されています。 機能や依存関係を含むソフトウェア開発の複雑化に伴い、包括的なテストアプローチが必要となり、テスト・アズ・ア・サービス(TaaS)の需要が高まっています。より迅速な開発を目的としたアジャイルや DevOps といった手法への業界のシフトは、効率的なテストソリューションを必要としており、オンデマンドのスケーラビリティと専門知識を備えたTaaSが適しています。 TaaSは、企業にとって大幅なコスト削減…

エンジニア未経験でも難しくない! 転職を成功させる必須マニュアル15日前

フロントエンドエンジニアの仕事とは?リアルな業務内容と現場での役割フロントエンドエンジニアの仕事内容と聞くと、単純にHTMLやCSS、JavaScriptを使ったコーディングをイメージする方が多いかもしれません。しかし実際の業務内容はそれ以上に広範囲にわたりコーディングにとどまりません。今回はフロントエンドエンジニアが日々取り組んでいる仕事内容や現場で求められる責任範囲について具体的な事例を交えながら解説します。 目次 フロントエンドエンジニアのリアルな業務内容と現場で求められる役割 要件定義 技術調査 工数見積もりと影響範囲の洗い出し コーディング 納品 結合テスト リリース作業 運営・保守 フロントエンドエンジニアの日常業務 まとめ フロントエンドエンジ…

Web開発における知見共有系ページ2ヶ月前

EJSでBootstrapを使用する方法EJSでBootstrapを使用する方法 例: ポイント: Bootstrapを使用するメリット まとめ EJSでBootstrapを使用する方法 EJSでBootstrapを使用するには、まず、EJSテンプレート内でBootstrapのCSSとJavaScriptファイルのリンクを設定する必要があります。 以下のように、head内にBootstrapのCDNを追加することで、Bootstrapを利用できるようになります。 例: <meta name="viewport…

tkrd_style2ヶ月前

JavaScriptの基本【初心者から中級者へ】ランキング参加中プログラミング JavaScriptとは ES5とES6 Javascriptの組み込み方 htmlにscript要素を書く 外部スクリプトをインポートする。 strictモード altJS 命名規約 変数 演算子 式と文 定数 データ型 構造化プログラミング オブジェクト

ENECHANGE Developer Blog3ヶ月前

スナップショットテストをやめて、ビジュアルリグレッションテストに移行した話こんにちは、ENECHANGEの清水です。 普段の業務では主にフロントエンドの開発を担当していますが、最近はRailsでのバックエンドの開発にも参加しています。 今回は、スナップショットテストをビジュアルリグレッションテスト(以下 VRTと略)に移行した話について紹介したいと思います。

スタディサプリ Product Team Blog3ヶ月前

QAチームが行う非機能の試験〜障害許容性試験〜 Non-functional testing conducted by QA team - Fault tolerance testing -はじめに こんにちは。スタディサプリのQAチームです。 皆さんは「非機能のテスト」をご存知でしょうか? ざっくりと機能のテストはシステムが何をするかに対するテストで、非機能のテストはシステムがどう動くのかに対するテストのことをいいます。 皆さんの開発現場においても、まずテストをするとなると開発中のフィーチャー(機能)についてテストをするイメージを持たれると思います。開発の後期になってくると、バックエンドの性能やセキュリティを意識した非機能のテストの必要性を感じてくることもあるかもしれません。 では、実施することを検討すべき非機能の試験には俯瞰的にどのようなものがあるのでしょうか。今回はそのスー…

ecbeing labs(イーシービーイング・ラボ)3ヶ月前

品質に関するチーム内外への情報発信についてこんにちは あるいは こんばんは 主にecbeingのBtoBとBtoCパッケージのQA担当しております【yo】と申します。 さて今回の記事のテーマは『品質の情報発信』についてです。 より良いモノづくりの環境となるようにQAチームメンバーへまたは開発メンバーへ わたし個人が知りえる知識を意識的に共有しています。 そんなありふれた日常的な日々の一部を紹介したいと思います。 1. QAチームメンバーへの情報発信 試験で見つけた不具合をなぜ見つけることができたのか?をメンバーへ伝える 不具合パッチからどのように不具合検知できたのか?をメンバーへ伝える 購入フロー図から試験の全体像を掴んでもらう 2.…

WEBデザイナーのなり方net5ヶ月前

WEBデザイナーは需要ないと言われる理由と抱える課題WEBデザイナーの需要が減少しているという声が広がっていますが、その真相はどうなのでしょうか。 本記事では、WEBデザイナーの現状と将来性について探っていきます。まずは、WEBデザイナーが需要ないと言われる理由について考えてみましょう。その後、WEBデザイナーが抱える課題や将来性についても見ていきます。 また、WEBデザイナーのスキルを身につけるべきかどうかについても考えてみます。さらに、よくある質問に対する回答も記載しています。最後にまとめを行い、WEBデザイナー業界の今後について考察していきます。 WEBデザイナーとして活躍するための情報をこの記事で手に入れてください。 【PR】Webデザ…

大人のための『夢を叶える学校』5ヶ月前

ブログ記事内でボタンをクリックして隠した文章が出てくる!カスタマイズ実践記ブログ記事を読んでいて、「この詳細知りたい・・・」「この人って?」と思って、他サイトに移動しちゃったことないですか? 折角、あなたのサイトに訪問してくれたユーザーが、それで『離脱』しちゃったら SEO 的にも評価ダウンになってしまいます。 しかし、単語の解説まで書いてしまうと、バランスが悪くなってしまったり、記事が文字ばかりになったり、悩みの種です。 そこで、通常はその解説文を隠しておいて、読みたい人だけクリックして表示できる「ボタンの設置」をして、思い通りの記事執筆をするためにカスタマイズを試みました!

kei615ykhm’s programming learning blog5ヶ月前

【学びの記録】JavaScriptの技術を言語化する⑧ - BOM編Keiです。 以下略。 BOMとは 何ができるか なぜ必要か レスポンシブデザイン技術との違い フレームワークとの関わり(脱線) まとめ BOMとは Browser Object Model:ブラウザとそのコンテンツとの間でやりとりを行うためのオブジェクト群のこと。 DOM(Document Object Model)がドキュメントのコンテンツとその構造に焦点を当てているのに対して、BOMはブラウザのウィンドウやフレーム、履歴やロケーションなどのページコンテンツ以外の部分を担当する技術。 何ができるか ①ウィンドウを操作する:新しいウィンドウを開いたり、閉じたり、大きさを変更可能 ②Webサイ…

WEBデザイナーのなり方net6ヶ月前

WEBデザイナーにjavascriptの知識・スキルはどこまで必要かWEBデザイナーにとって、Javascriptはますます重要なスキルとなっています。 本記事では、初心者から上級者までを対象に、Javascriptの基礎から応用までを網羅した内容を提供します。成功するWEBデザイナーとなるためのポイントや、最新のJavascriptトレンド、必要なライブラリの総まとめ、さらにはよくある質問とその回答まで、幅広くカバーしています。 Javascriptのスキルアップに関する秘密と極意を探求し、読者の皆様に新たな知識と洞察を提供します。 では、さっそくWEBデザイナーにとってJavascriptがどこまで重要かをお伝えしていきます。 【PR】Webデザイナーを目…

WEBデザイナーのなり方net6ヶ月前

最新トレンドを取り入れたWEBデザインのポイントチェックリストWEBデザインの世界では、数々の要素が重要視されます。効果的なウェブサイトを構築するためには、専門知識と注意深い計画が必要です。 このチェックリストでは、プロが選ぶWEBデザインのポイントを紹介し、最新のトレンドを取り入れた効果的なデザイン手法やSEOに強いWEBサイトの作り方について徹底解説します。また、よくある疑問に対する回答やデザイナーが知っておくべきヒントも提示します。 これらの情報を活用すれば、自分のウェブプロジェクトに新たな視点を取り入れることができ、ユーザーにとって魅力的かつ使いやすいウェブサイトの構築を実現できるでしょう。 【PR】Webデザイナーを目指す方におすすめのWebデ…

コハム6ヶ月前

大注目!知っておきたいモダンCSS 2024年春版What You Need to Know about Modern CSS (Spring 2024 Edition) 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 コンテナクエリー (サイズ) いつ気にすべきか? サポート状況 基本的な使用例 コンテナクエリー (スタイル) いつ気にすべきか? サポート状況 基本的な使用例 コンテナユニット コンテナユニットとは? いつ気にすべきか? サポート状況 基本的な使用例 :has() 疑似セレクター :has() セレクターとは? いつ気にすべきか? 3 サポート状況 基本的な使用例 ビュート…

WEBデザイナーのなり方net7ヶ月前

WEBデザイナーの専門性を高めるための学習方法や実践的テクニックWebデザインの世界では、専門性を磨くことが成功への鍵となります。本記事では、Webデザイナーが自身の専門性を高めるための具体的な方法や実践的なテクニックについて紹介していきます。 Webデザイナーの専門性とは一体何か、そして専門性を向上させるためにはどのようなアプローチが有効なのか、さらにはポートフォリオや学習方法に関する豊富な情報も取り上げていきます。 Webデザイン業界で輝くために必要な専門性を身につけるための秘訣をご紹介します。それでは、Webデザイナーの皆さん、専門性を磨き、成功への第一歩を踏み出しましょう。 【PR】Webデザイナーを目指す方におすすめのWebデザインスクール! 副…