［速報］マイクロソフト、「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なども継続的な開発... 続きを読む

ついに全ブラウザ対応! コンテナクエリのスゴさをあらためて体感する

2023/04/04 18 users コンテナクエリ

本記事は、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以外はセキュリティの関係... 続きを読む