WWW WATCH

Webデザイン、HTML、XML、CSS、JavaScript 関連の話題、新しいWebサービス、Webサイトの話題をはじめとしたインターネット上での最新トピックスなどを中心に取り上げるBlog

Google Chrome 62 は SSL で保護されていないページの入力フォームに対して「安全でない」と警告する

10月に正式リリース予定の Chrome 62 より、SSL で保護されていないページに入力フォームがある場合、アドレスバーに警告が表示されるようになるとのこと。特にシークレットモードの場合はページ読み込み時点で警告が表示される予定です。

Mastodon インスタンスを運用しているサーバを HTTP/2 対応させた話（CentOS7 + nginx + OpenSSL）

自分専用に立てた Mastodon （マストドン）インスタンスで、HTTP/2 を有効にしたのでその手順をメモ。サーバ環境は CentOS7。nginx 1.13.0 と OpenSSL 1.0.2k を使用してソースからビルド。

Mastodon インスタンスの画像や動画の保存先をクラウドストレージ（Amazon S3）に移行した話

Mastodon インスタンスが取得する画像や動画の保存先を外部サーバに変更して自分のサーバのストレージ消費を抑えた話。Mastodon がデフォルトで対応している Amazon S3 に画像や動画が保存されるように設定した際の手順をまとめます。

さくらの VPS + CentOS7 で俺専用 Mastodon インスタンスを立ててみた話

Mastodon インスタンスを自分専用に運用してみようと思い、手元で余っていたさくらの VPS （さくらインターネット）を利用して CentOS7 + nginx + Docker で立ててみたのでメモ

Edge が CSS カスタムプロパティ（CSS Variables）に対応したので試してみた

Windows 10 Creators Update の提供とあわせて、Microsoft Edge が build 15.15063 へとアップデート。これにより CSS カスタムプロパティに対応したので早速試してみました。どうやら content プロパティを変数から読み込めないようです。

Windows Vista と IE9 のサポート終了（2017年4月11日）まで 10 日を切った件

Windows Vista の延長サポート期間が 2017年 4月 11日で終了することに伴い、Windows Vista 上でのみサポート対象となっていた IE9 についてもサポート対象から外れることで、IE11 が利用可能な唯一の IE バージョンとなります。

normalize.css 6.0.0 がリリース、作者の意見的意味合いが強かったスタイル定義を削除

normalize.css 6.0.0 のリリースで、それまで入っていた、純粋なブラウザ間の差異を吸収する目的からは少し外れた "opinionated" なスタイル定義がすべて削除されました。

Microsoft Edge が build 15.15061 で CSS カスタムプロパティをサポート

Microsoft Edge が CSS カスタムプロパティ（CSS Variables）のサポートを発表しました。現時点では開発者向け実装のみ。build 15.15061 以降で利用することができます。

Google Chrome でシマンテック（旧ベリサイン）発行 SSL 証明書の有効期限が強制的に短縮されたり、EV （拡張認証）が無効になるかもという話

最大手の認証局（CA：Certification Authority）であるシマンテック（旧ベリサイン）が、適切な認証手続きを行わずに SSL 証明書を発行していたとされる問題で、Chrome チームが提案した証明書有効期限の段階的な短縮や EV 証明書の無効化についてまとめます。

Firefox 52 が正式リリース、WebAssembly、CSS Grid Layout の実装、レスポンシブデザインモードの拡充など盛りだくさん

Firefox 52 が正式リリースされ、WebAssembly、および CSS Grid Layout の実装が行われたほか、レスポンシブデザインモードにおける新機能の追加やセキュアでないログインフォームに対する警告表示が強化されました。

Chrome 56 に position: sticky; が戻ってきた

Chrome 56 が CSS position: sticky; に対応しました。画面からスクロールアウトする際に、そのまま画面上部に固定されてスクロールに追随してくるような要素の配置が CSS のみで実現可能です。

Chrome 56 が正式リリース、SSL で保護されていないページにパスワード入力欄があるとアドレスバーで警告する

Chrome 56 が正式にリリースされましたが、このバージョンでは、SSL で保護されていないページにパスワード入力欄がある場合、アドレスバーに警告が表示されるようになりました。

リツイートしにくい最近の Twitter

最近、元ネタをたどりにくい、動画をパクったツイートが多くて、おいそれとリツイートしにくいご時世ですよねという愚痴。

ボタンを押したら商品が届く、「Amazon Dash Button」を早速試してみた

ワンプッシュするだけで、事前に登録してあるお気に入りの商品を簡単に注文できる「ボタン」、「Amazon Dash Button」を試してみましたので簡単なレビューと設定方法などをまとめます。

WordPress のユーザー名を隠してもセキュリティ対策に大きくは影響しない

WordPress のユーザー名が外部からわかってしまうのが問題だという指摘に関して、ユーザー名は秘匿できるならすればよいと思いますが、それ自体はセキュリティ対策として「最重要」ではありませんよと言うお話。

Firefox Developer Edition のレスポンシブデザインモードに新機能、デバイスピクセル比（DPR）のエミュレートが可能に

Firefox Developer Edition のレスポンシブデザインモードに、「Network Throttling （ネットワーク環境のエミュレート）機能」、「DPR （Device Pixel Ratio / デバイスピクセル比）のエミュレート機能」の追加をはじめとした機能強化が行われました。

Apple デザインの 20 年間を 450 枚の写真で記録した写真集「Designed by Apple in California」

Apple Design の過去 20 年の記録を 450 枚の製品写真で表現したハードカバー仕様の豪華写真集「Designed by Apple in California」を購入したので紹介。

過去 2年間のカーシェアリング利用料をまとめてみたので普通自動車の維持費と比べてみる

車を所有するかカーシェアリングなどを利用するかは単に金銭的な比較だけではなくライフスタイルの問題なのでどちらが良い悪いと言うつもりはありませんが、個人的にここ 3年程カーシェアリングを使ってきて、車を所有していた場合と比べてどの程度コスト的なメリットがあったのか参考までにまとめてみます。

Google 透明性レポートに「HTTPS の使用状況」セクションが追加、日本は HTTPS の普及で遅れ気味

Google は、同社が公開している透明性レポートに、新たに「HTTPS の使用状況」セクションを追加したことを発表しました。データを見てみると、日本だけ他国に比べて HTTPS の利用率が低いことがわかります。

閲覧中の URL を AMP （Accelerated Mobile Pages）バリデータに投げるブックマークレット

q-Az さんが公開した「AMP ページに＃development=1 を付けて開くブックマークレット」に感化されて、閲覧中の URL を Web 版の AMP バリデータに送信するブックマークレットを作ったので共有します。私が作ったシンプル版と、q-Az さんのものを改造した版の 2バージョンを掲載。

全ての記事一覧を見る

Page Top