Metaがサイバースクワッティングの疑いでドメインレジストラ・Freenomを提訴
Metaが、ドメインレジストラ(ドメイン名登録を行う事業者)のFreenomを訴えたことが明らかになりました。Metaによると、Freenomはサイバースクワッティング(ドメイン占拠)を行っているほか、Freenomの扱うccTLD(国別トップレベルドメイン)のユーザーからFacebook・Instagram・WhatsAppへのフィッシング攻撃が活発に行われていたとのことです。 Sued by Meta, Freenom Halts Domain Registrations – Krebs on Security https://krebsonsecurity.com/2023/03/sued-by-meta-freenom-halts-domain-registrations/ Freenom-First-Amended-Complaint-3March2023.pdf (PDFファイ
decoding="async" について詳しく調べてみる
この記事は2023年7月19日時点の Chrome の最新版 115.0.5790.98 を使って検証しました。今後 Chrome の実装によって挙動が変わる可能性はございます。 はじめに 画像表示のパフォーマンス改善において、「decoding="async" をつけましょう」というのをよく見かけますが、おそらくほとんどの人がその実際の挙動を理解していない、あるいは誤った認識をしていると思います。今回詳しく調べる前の僕も含めて。 loading と decoding の違い 画像のパフォーマンス改善で decoding="async" のほかに、もう一つよく言及されるのが loading="lazy" です。decoding 属性について詳しく見る前に、まずは loading 属性との違いについて理解したほうがいいと思います。 loading とは、ブラウザがどのように画像を読み込むかを
「どうカーソルを動かしたか」「どこをクリックしたか」「どの部分をスクロールして読み飛ばしたか」などのアクセス情報を全て入手し解析・分析できるオープンソースのアプリ「highlight.io」を使ってみた
ウェブアプリの開発をする時、ユーザーに「どこが分かりにくかったか」や「どこでエラーが発生したのか」などの情報をフィードバックしてもらいたいものですが、そうしたフィードバックを送る作業はなかなかに面倒なもので、全然直接のフィードバックは来ないのにTwitterにはいろんな意見が書かれている……ということはよくあります。「highlight.io」はそうしたフィードバックを勝手にやってくれるツールということで、実際に使って試してみました。 highlight.io: The open source monitoring platform. https://www.highlight.io/ highlight.ioはオープンソースということでセルフホスト版が用意されていますが、今回はどんな機能があるのかについて確かめるためhighlight.ioの開発元が提供するSaaSを利用します。公式サイ
aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*
はてなエンジニア Advent Calendar 2022 - Hatena Developer Blog の 2023/1/5 の記事です。 id:hogashi です。 目次 目次 3行 こういうやつ 仕様を眺める 追記1: おまけ 追記2: id="top" な要素があるときは？ 3行 a タグの href 属性に #top と書くと、クリックしてページの先頭にスクロールできる、という話をしているのを見て、 それって仕様なんだっけ、と思って調べたところ、 仕様でした こういうやつ クリックしてこのページの先頭にスクロールする <a href="#top">クリックしてこのページの先頭にスクロールする</a> 仕様を眺める MDN の a タグのページにちょろっと書いてあって、 HTML の仕様に定義されているよ、とある <a>: The Anchor element - HTML:
地球を表示する
D3.jsでは投影方法を指定できるので、前回使用した世界地図のデータを利用して球体にマッピングして、地球儀を表示します。 サンプルコードの実行結果はこちら <!DOCTYPE html> <head> <meta charset="utf-8"> <title>地球をD3.jsで表示する</title> <script src="../js/d3.js"></script> <!-- D3.jsで地図データを表示するには、はじめにprojectionライブラリを 読み込ませなければなりません。このライブラリはD3.jsの後に読み込む。 --> <script src="../js/d3.geo.projection.js"></script> <style> svg{ width:640px; height:640px; border:1px solid black; background
顔文字辞典 ٩(ˊᗜˋ*)و - Simeji（しめじ）きせかえキーボードアプリ
たくさんの顔文字が載っている顔文字辞典の中から、編集部がオススメする顔文字をピックアップ！ カテゴリ別に、具体的な使用例と一緒にお届けします！ なお、タイトルに使いました ٩(ˊᗜˋ*)و この顔文字は、カテゴリ「キャラ」に含まれる顔文字です。 オススメしている感じ、伝わりますか？ 嬉しい気持ち・楽しい気持ちを表現した顔文字のカテゴリです。 このカテゴリの顔文字は、使いやすいものが多いと思います。 ハッピーな気持ちを表す時なら、大体どれをチョイスしても大丈夫でしょう。 多少自虐的な笑い顔も含まれるので、そこの使用に注意ですね。 (^O^)
ラッコツールズ🔧 | サクッと使えるWebツール
ラッコツールズはちょっとした便利なWebツールを提供するサイトです。「ユーザー登録なし」「直感的に使える」「サクサク動く」Web系のツールを中心に、多様なジャンルを展開していきます。追加・改善の要望どしどしください！
マウスイベントで取得されるカーソル座標パラメータの整理(offset, page, screen, client) - Qiita
マウスイベントで取得されるカーソル座標パラメータの整理(offset, page, screen, client)JavaScriptHTML5jQuery はじめに もはや何番煎じかわかりませんが，jsのマウスイベントにて取得されるカーソル位置パラメータを図とサンプルを見ながら整理します．なぜ今さらこんな記事を書くかというとoffsetX,Yにて取得される値について長年勘違いしていたことが発覚したためです（恥ずかしい...）．そちらについては，こちらの記事を御覧ください， 図解でわかるカーソル座標パラメータ 例として，ページ中にあるid=containerの要素に対してマウスのイベントを付与した時を考えます．コードで書くなら例えば のような感じです． 得られるパラメータがそれぞれ表している値の意味を下図にのせました． event.offsetX / Y 要素内でのカーソル座標(マウスが載
Cropper.js
Get Data Set Data Get Container Data Get Image Data Get Canvas Data Set Canvas Data Get Crop Box Data Set Crop Box Data Move to [0,0] Zoom to 100% Rotate 180° Scale (-2, -1)
background-imageを透明にするためのCSS | 素材の壺
昔は主にレイアウトを整える役割というイメージが強かったCSSですが、近年はアニメーションさせる事も出来るようになったり、表現の幅が広がってきていますよね。 表現の一つとしてよく使用するのが、透明度を指定する「opacity」がありますが、今回はbackground-imageで指定した背景画像に透明度を指定する方法を書いてみます。 使用するのは「background-image」「background-color」「background-blend-mode」 例えば以下のようなHTMLがあるとします。 これに対して、以下のように背景画像を指定するとします。 .image{ background-image: url("画像パス"); } まずopacityを指定した例を考えてみます。 .image{ background-image: url("画像パス"); opacity: 0.5;
ChromeのブックマークにJavaScriptを仕込む
Posted on August 25, 2019 at 11:00 (JST) Chromeのブックマークにはdata URLを指定できる。 そこにJavaScriptを仕込むことにより、URLを動的に生成できる。 動作環境 OS: macOS Mojave ver. 10.14.6 Google Chrome: Version 76.0.3809.100 (Official Build) (64-bit) 使用例 Fitbitの体重遷移グラフ画面はクエリストリングにて始点・終点となる日付を指定できる。 例） https://www.fitbit.com/weight?end-date=2019-08-25&period=days&start-date=2019-06-01 今回start-date/end-dateを自動設定するためのdata URLを作成した。 ※ 最初はローカルマシ
ウェブアクセシビリティを無料で学べる資料まとめ（10年分）｜magi1125
こんにちは。伊原 力也（@magi1125）と申します。業務アプリケーションのデザイナー、デザインチームのマネージャー、アクセシビリティ関連のコンサルタントなどをやっています。 ウェブアクセシビリティを普及啓発する活動を始めて10年が経ちました。おかげさまで興味を持ってくれる人はかなり増えたと感じています。しかし、人が増えると声は届きにくくなります。「アクセシビリティをどこから学び始めていいかわからない」という意見も目にするようになってきました。 また、私はこれまでにアクセシビリティに関する書籍を何冊か書いていますが、専門書ってちょっと高いので、興味があるぐらいの段階で本を買うのはちょっと……という気持ちもわかります。 ということで、これまで自分が発信したり関わったりしたコンテンツのうち、ウェブアクセシビリティの理解の助けになりそうものをベストアルバム的に一度まとめてみることにしました。
CSS Stock｜Web制作を楽にするCSSコピペサイト
HTML・CSSの知識は不要。全222種類のパーツから お好みのものをご自身のサイトに取り入れることができます。 CSS Stockは「Web制作を楽にする」をテーマに、HTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。新しいスニペットも順次追加しており、色々なパーツを網羅できるよう日々尽力しています。 掲載しているコードについて 当サイトに掲載しているソースコードは全て自由にご自身のWebサイトやブログで使用いただいて構いません。もちろんオリジナルにカスタマイズしてご使用いただいても大丈夫です。 ただし別媒体でソースコード自体を掲載される場合は該当ページへのリンクを記載の上、参照元が当サイトであることを明記してください。 また掲載している
What's New in DevTools (Chrome 112) | Blog | Chrome for Developers
Recorder updates Replay extensions support The Recorder introduces support for custom replay options that you can embed into DevTools with an extension. Try out the example extension. Select the new custom replay option to open the custom replay UI. To customize the Recorder to your needs and integrate it with your tools, consider developing your own extension: explore the chrome.devtools.recorder
階層メニューやトーストUIが簡単に作れる新技術！ JavaScriptで利用するポップオーバーAPI - ICS MEDIA
階層メニューやトーストUIが簡単に作れる新技術！ JavaScriptで利用するポップオーバーAPI 2023年5月〜6月にリリースされたChrome 114とEdge 114には、「ポップオーバーAPI」というAPIが搭載されました。 ポップオーバーとはコンテンツの1番上に重ねて表示するUIで、ユーザーにアクションを促したり、補足の情報などを伝えるために画面に表示します。ポップオーバーAPIのMDNのドキュメントではオーバーレイ、ポップアップ、ポップオーバー、ダイアログなどを総称して「ポップオーバー」と呼んでいます。 ウェブサイトでよく見かけるポップオーバーですが、実装するには意外と調整や考慮の多いUIです。たとえば、画面の1番上に重ねるためにはz-indexで他の要素との重なり順を調整する必要があります。Escキーを押した時や要素外をクリックした時にポップオーバーを閉じるには、Java
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テクニカルライティングの基本 2023年版
【最新のHTML仕様まとめ】「HTML Living Standard」がマークアップにとってなぜ大切なのか？ - Qiita
AIで動画&音楽生成はここまで来た!｜shi3z
関数名、メソッド名、変数名でよく使う英単語のまとめ - LOCAL-C BLOG
難しすぎると話題の「警視庁の音ゲー」、JavaScriptでベタ書きされていた→作り切る根性がすごいし参考になりそうな実装だった
