Making the web more beautiful, fast, and open through great typography
In this post I want to share my thoughts on how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. Try the demo and view the source! Demonstration of the mega and mini dialogs in their light and dark themes. If you prefer video, here's a YouTube version of this post: Overview The <dialog> element is great for in-page contextual information or action
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン85.0.4183.83がリリースされました。ページの表示速度向上のほか、ページ内にファイルをドラッグ＆ドロップした際に別タブで開くといった便利な機能が追加されています。 Chromium Blog: Chrome just got faster with Profile Guided Optimization https://blog.chromium.org/2020/08/chrome-just-got-faster-with-profile.html Chrome Platform Status https://www.chromestatus.com/features#milestone%3D85 New in Chrome 85: CSS Properties, content-visibility, ge
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン83.0.4103.61がリリースされました。クロスサイトスクリプティング攻撃(XSS)を防止するのに役立つ仕組みが導入されたり、フォームの見た目や操作性が改善されたほか、バーコードを認識するためのAPIが導入されるなどのアップデートが行われています。 New in Chrome 83 | Web | Google Developers https://developers.google.com/web/updates/2020/05/nic83 New in Chrome 83: Trusted types, updated form controls, and more! - YouTube ◆XSSを防止するための仕組み「Trusted Types」が登場 XSSは、ユーザーからの入力を受け取ってページに
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン76.0.3809.87がリリースされました。Chrome 76のベータ版で確認されていた通り、デフォルトで全てのFlashをブロックするようになったほか、PWA関連機能が強化されています。 New in Chrome 76 | Web | Google Developers https://developers.google.com/web/updates/2019/07/nic76 New in Chrome 76: Better install experiences for PWAs, dark mode, and more! - YouTube ◆Flashがデフォルトでブロックされるように Chrome 75までは、ウェブページがFlashを利用しようとした際に下記のような確認ダイアログが出現してい
数日前にGoogleは、マテリアルデザインの考えを取り入れた公式フレームワークフレームワーク「Material Design Lite」を公開しました。マテリアルデザインの見た目や操作性に重点をおいた、CSS，HTML、JavaScriptコンポーネントで、より手軽にウェブサイトやブログ、ランディングページなどを作成することができます。 今回は、Material Design Liteの基本的な使い方と、公開されている素材やテンプレートを、個人的な備忘録としてまとめています。 詳細は以下から。 Material Design Liteの使い方 ダウンロードしたCSS/JavaScriptを、HTMLファイルに読み込むだけでなく、GoogleがCDNホストしているファイルを読み込むことも可能です。 <link rel="stylesheet" href="https://storage.go
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
Googleドライブって便利なのですが、前からWebサーバーにできないかな、なんて思っていたところ、やっぱり同じこと考える人いるんですね。なんと、Googleドライブに「Editey」というアプリがあって、GoogleドライブをWebサーバーにしてしまうことができるんです。なんか普通っぽいと思われそうですが、WebストレージをWebサーバー化するなんて邪道画期的です。Googleドライブ、便利すぎてやばい。 [ad#top-1] Edityを有効化します。ついでに、「HTML Edity」「CSS Edity」「JavaScript Edity」もインストールしました。あとでファイル個別で編集できるので。今回主旨から外れていると思って、「Page Edity」はインストールしませんでしたが、CMSらしいです。なんか、ちょっと気になりますね。あとで試してみます。（これは今回除外） ちょっと使
今日のエントリもSMX West 2011のセッションからのレポートです。 text-indentによる画像置き換えの代替手段をGoogleが提示してくれました。 CSSのtext-indentで-999pxを指定し、文字テキストと画像を置き換えるテクニックは昔からあるごくありふれたテクニックです。 ところがGoogleは、現在この方法を推奨していません。 推奨していないというよりも使うべきでないと明言しています。 使ってもいいのか悪いのかは以前はGoogle社員によって答えがマチマチでした。 しかしここ1年ほどは画像置き換えに対するGoogleのスタンスは一貫して“NG”です。 今回のSMXでも、GoogleのMaile Ohye(マイリー・オイェ)さんが使用すべきでないことをあらためてクリアにしました。 理由は、画像置き換えはスパマーがよく使う手法だからです。 画像置き換えがすぐさまス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
