タグ 全ブラウザ
人気順 10 users 50 users 100 users 500 users 1000 users［速報］マイクロソフト、「Bing Chat」を「Copilot」にリブランディング。Copilot公式サイトも公開し全ブラウザで利用可能に。Ignite 2023
2023/11/15
152 users
COPILOT
呼称
マイクロソフト
Bing Chat
速報
［速報］マイクロソフト、「Bing Chat」を「Copilot」にリブランディング。Copilot公式サイトも公開し全ブラウザで利用可能に。Ignite 2023 マイクロソフトは開催中の年次イベント「Microsoft Ignite 2023」で、これまで「Bing Chat」および企業向けに「Bing Chat Enterprise」の呼称で提供してきたAIサービスを「Copilo... 続きを読む
CSS Subgridが遂に全ブラウザ対応。新時代のグリッドデザインを学ぼう
2023/09/27
221 users
グリッドデザイン
新時代
TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」で発表したスライドです。 https://techfeed.io/events/techfeed-experts-night-26 Zennの記事でも詳しく解説しています。 → CSSのSubgridが全ブラウザ対応。Gridの入れ子の基本から応用までを完全理解する https://zenn.dev/moneyforward/arti... 続きを読む
共同編集可能で全ブラウザで動くWYSIWYGのリッチテキストエディタを作成できて商用OKなオープンソースの「ProseMirror」を使ってみた
2023/08/26
72 users
リッチテキストエディタ
WYSIWYG
ツールキット
ソース
ウェブ上でリッチテキストエディタを構築するためのオープンソースのツールキットが「ProseMirror」です。商用利用可能なライセンスになっており、もともと2015年にクラウドファンディングで約790万円を超える金額を集めて開発が始まったもの。ニューヨークタイムズ・Atlassian・asana・Box・Evernoteなども継続的な開発... 続きを読む
ついに全ブラウザ対応! コンテナクエリのスゴさをあらためて体感する
本記事は、TechFeed Experts Night#14 〜 絶対役立つ！最先端のCSS総ざらいのセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 鹿野 壮(Twitter: @tonkotsuboy_com... 続きを読む
Media Queryでminやmaxはもう使いたくない。全ブラウザ対応した範囲記法が直感的で便利
2023/03/28
100 users
ＭＡＸ
min
Safari
CSS
Media Query
筆者が CSS を学び始めたとき、media query で画面サイズに応じてスタイルを変える方法が大変ニガテでした😭 min？ max？ 未満のときはどうするの？ and で繋げなきゃいけないの？ 長くない？ と疑問に思いながら、今日まで長い年月を過ごしてきました。 本日（2023/03/28）、Safari 16.4 がリリースされ、 media query ... 続きを読む
全ブラウザ対応したcontainer queryは何がスゴイのか？
2023/03/01
278 users
スゴイ
events
コンテナクエリ
CSS
https
全ブラウザ対応になったCSSのコンテナクエリについて、基礎から一歩踏み込んだ内容までを解説します。 デモ① SNSリアクションバー（container-type, @container） https://codepen.io/tonkotsuboy/pen/PoBMMZw デモ② 古都めぐり（cqw） https://codepen.io/tonkotsuboy/pen/jOvOqOG Zenn記事 https://zenn.dev/moneyforw... 続きを読む
コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する
2023/02/15
245 users
Container
コンテナクエリ
ウインドウサイズ
新時代
本日（2/14）、ついに Firefox でコンテナクエリに対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ... 続きを読む
最短2行。上下左右中央揃えにはCSS Gridが一番ラク
2022/12/05
21 users
ラク
CSS Grid
CSS
上下左右中央
中央揃え
CSSで要素を上下左右中央揃え（以下、中央揃え）する機会は多いです。要素は1つだけの場合もありますし、複数の要素の場合もあります。 ▼ 中央揃えの4つの事例 昔は多くのコードを書いていましたが、CSS Gridを使えば最短2行のコードだけで実現できます。2020年から全ブラウザ（Chrome・Firefox・Safari・Edge）で対応済... 続きを読む
svh・dvhがついに全ブラウザ対応へ。iOSの画面の高さいっぱいに要素を広げたいときの最適解
2022/11/29
101 users
スクロール
CSS
100vh
iOS Safari
iOS
iOS Safariの画面の高さいっぱいにヒーローイメージを表示するという表現は、よく見かけます。 高さをいっぱいに広げるのに100vhを使うと、不要なスクロールが発生し、意図通りに表示されません。 この問題を解決するために、特殊なCSSを使ったりJSを使ったりと、開発の現場では多くの苦労がありました。 本日リリースさ... 続きを読む
全デバイス・全ブラウザで PDF を読みたい - Kaizen Platform 開発者ブログ
2021/07/19
18 users
Kaizen Platform
PDF
全デバイス
SVG
TL;DR PDF を画面に埋め込む方法は、iframe, object, embed, Viewer（3rd party library の利用）がある。 ブラウザネイティブの PDF 表示機能はブラウザ差異が大きいため、PDF を canvas や svg に変換して表示するライブラリやビューアーを利用した方が安定する。 しかし 3rd party library / service の利用はバンド... 続きを読む
CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15 | NxWorld
2015/04/05
443 users
エフェクト
フラッシュ
スライド
ホバー時
拡大縮小
自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいという時に使えそうなエフェクトのサンプルです。CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 ... 続きを読む
うちみく！ウチのミクさんが話を聞いてくれるようです
2014/06/30
31 users
Chrome
マイク
立体音響
Oculus Rift対応
ミクさんがあなたと声でお話し（全ブラウザ対応） あなたもマイクでミクさんとお話しできる（Chromeのみ対応） 声の位置でミクさんのいる場所がわかる（立体音響、IE未対応） 3Dの仮想世界でミクさんが目の前に現れる（Oculus Rift対応） ミクさんの髪を撫でてあげられる（Leap Motion対応） 続きを読む
たった1つのパスワードを覚えれば全OS・全ブラウザのあらゆるパスワード自動入力＆管理ができる「LastPass」 - GIGAZINE
2012/07/24
320 users
GIGAZINE
LastPass
Linux
Mac
手間
いろいろなサイトのIDやパスワードをすべて違うランダムなものにしておけば安全なのは分かっていても、入力や管理の手間を考えると面倒になってついつい、全部同じパスワード、しかもすごく短くて覚えやすいものにしてしまいがちですが、「LastPass」を使えば、その名の通りのラスト・パスワード(自分が覚えるべきたった一つだけのパスワード)を覚えておくだけで、Windows/Mac/LinuxといったどのOS... 続きを読む
全ブラウザでP2Pファイル交換できるようになる「BitTorrent Torque」アルファ版リリース - GIGAZINE
2012/07/09
69 users
GIGAZINE
BitTorrent
ビットトレント
技術
by Deleket 10年以上前に登場したBitTorrentの技術とクライアントはインターネットを大きく変えましたが、BitTorrent社が再びウェブを根本的に変えるものとして「BitTorrent Torque(ビットトレント トルク)」をリリースしました。 Introducing BitTorrent Torque | The Official BitTorrent Blog BitTo... 続きを読む
IE・Firefox・Chrome・Safariなど全ブラウザに残るあらゆる履歴を確認できるフリーソフト「Web Historian」 - GIGAZINE
2012/05/01
80 users
インス
GIGAZINE
容量
有効期限
整理
Internet Explorer・Firefox・Google Chrome・Chrome Frame・Safariのブラウザに対応し、アクセスしたサイトのURLとアクセスに使用したブラウザ・Cookieの有効期限・ダウンロードしたファイルとその容量・サイトを利用するためにフォームから入力した情報などを確認できるのが「Web Historian」です。履歴の保存・整理・分析などもできます。インス... 続きを読む
画像をアップロードする前にサムネイルを表示させる。
2005/10/05
59 users
サムネイル
誤字脱字
まえ
リアルタイム
エラー
ここは他所様と比べると、やってる事のレベルがと〜っても低い上に説明も分かりにくく誤字脱字の多い所です。 そういう仕様なのでエラーとか出ても知りません。 対応ブラウザ： IE6.0 / IE5.5 参照画像をリアルタイムでサムネイル表示させるJavaScriptです。 画像をアップロードするまえに確認することができます。 全ブラウザで確認したわけではありませんが、どうやらIE以外はセキュリティの関係... 続きを読む