「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita
はじめに まず↓の記事を見てない方はぜひ見てください！ 自分にとってはこの記事には「えっ、ナニコレ！」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時間の供養もかねて、自分が知らなかった部分を中心に、僭越ながら元記事の解説を書いてみたいと思います。 ちなみに、以下が元記事のコードそのままを実装したものです。たしかに掲載コードだけで要素がグリグリ動きますね。 See the Pen js-drag-move-original by www-tacos (@www-tacos) on CodePen. 初耳1: $img まずコードのここ <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove
こんにちは。エムスリー・QLife(エムスリーのグループ会社)・エムスリーヘルスデザイン(エムスリーのグループ会社)でエンジニアとして各種作業に関わっている山本です！ 以前もメール送信の話を書かせていただいたことがありますが、今回もまたメールネタとなります。今回のお題はメールセキュリティです。 大量メール送信のための予備知識 - エムスリーテックブログ すでにご覧になった方もいるかと思いますが、次のようなニュースが流れています。 www.proofpoint.com この「GoogleとYahooの新Eメール認証要件」ってつまりどういうことよ？ というところを具体的にどのように進めているかについて書かせていただきたいと思います。 2023/12/18追記 : Googleからメール送信にTLSを使うことが追加要件として示されました。 TL;DR とりあえず何から始める？ 何はともあれ実際に
ジャニーズ事務所に対する当社の対応について 2023.09.15 コーセーグループは、あらゆるステークホルダーに関わる全ての人の人権を尊重する責任を果たすべく、「コーセーグループ人権方針」を掲げており、いかなる性加害も絶対に許されるものではないと考えています。 日頃より、人権デューディリジェンスの考え方にもとづき、コーセーグループの製品・サービスに関係するすべてのステークホルダーに対し、上記の方針を理解し、人権の尊重に努めていただくよう要請しております。 その上で、このたびのジャニーズ事務所の問題に対しては、長年に亘り事務所と契約をしてきた企業として、人権尊重の徹底や、被害にあわれた皆さまへの補償が少しでも早く進むよう、改革や取り組み状況の報告を求め、必要に応じて情報提供を要請するなど、事務所の適切なガバナンス体制の確立を注視してまいります。 また、その一方で、所属タレントの皆さまや、それ
この度のジャニーズ問題で、企業がCMでジャニーズを起用していることについて「社会的な責任」という点で対応を迫られているようです。 ではジャニーズをCMで起用している企業はどこなのでしょうか？把握できる範囲でまとめ一覧にしました。 また、契約解除や継続中止を検討しているスポンサーや各社の対応についても紹介します。 ニベア出演していたジャニーズは誰なのか、など企業と出演タレントがわかるように表にしました。 それでは見ていきましょう。
","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
白人のカップルが入店してきたら「日本語が分からないと対応ができない」と伝えた。「no English menu?」と英語で聞いて来たから「ない」と答えた
黒かどや @kadoya1 昨日は白人のカップルが入店してきたから「日本語が分からないと対応できない」と伝えたらポカンとして「no english menu?」と英語で聞いてきたから「ない」と日本語で答えてやった。ここは日本だ。俺も英語の国に行ったら英語を喋る。日本では日本語を喋る努力をしろ。無理なら通訳を連れて来い。 2024-04-20 01:17:10
YouTubeが広告を消す「Adblock Plus」をブロックし始めて大混乱に、Adblock Plus公式も対応に乗り出す
YouTubeで動画を見ようと思ったら、「広告ブロッカーの利用はYouTubeの利用規約で認められていません」という表示が出てきて面食らった人も少なくないはず。定番の広告ブロッカーである「Adblock Plus」もYouTubeの取り締まりの対象となっており、ユーザーから多くの問い合わせを受けたAdblock Plusのサポートチームが、今後の取り組みやユーザーにできる対応策について公式ブログで案内しました。 What’s Happening with YouTube Ads? | Adblock Plus and (a little) more https://blog.adblockplus.org/blog/whats-happening-with-youtube-ads YouTubeは2023年5月ごろから広告ブロッカーの使用を禁止するテストを開始しており、視聴者が広告ブロッカ
首都圏に通うビジネスパースンやラーメン好きにはなじみある「AFURI」というお店。ゆずの香りが漂う黄金色のスープが特徴の淡麗な味わいの一杯は、多くのファンに支えられており、国内外に展開。リッツカールトンとのコラボレーションした超高級ラーメンも話題になった。最近は日清食品と共同開発したカップ麺が、全国のスーパーマーケットなどにも流通し、そのブランドも全国区になってきていた。 ところが、そんな「AFURI」をめぐる商標権争いが、係争相手である吉川醸造のニュースリリースにより表面化すると、大炎上を始めた。商標権を保有しているAFURIに対する批判的な意見が多くを占めている。 筆者自身、最初に吉川醸造のニュースリリースを読んだ際には「やりすぎではないのか？」あるいは「強引すぎるのでは？」と疑問を感じていた。一方でAFURI自身の主張は正当なものであり、粛々と物事を進めることで「すぐに沈静化するので
これは便利すぎる！ Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました
WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました！ 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりました。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma デスクトップとスマホも同時に！ 1クリックでWebページをFigmaに変換 html.to.designの利用方法 html.to.designの使い方 1クリックでWebページをFigmaに変換 html.to.designは、URLを入力して1ク
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
発端のネジ画像ツイートが既に削除済なので順番がチグハグですがご承知おきください。 その場で指摘すれば済んだツイート主 Vs. 本来ならばそういう使い方は推奨出来ない個人情報取り扱いでアポ無し夜間家凸してくるタマホーム 続きを読む
くまみね @kumamine 九州に生息する。絶滅危惧種 絵とかよく描いてます。おもいついたことメインですが、アイマスとか動物とか あと極まれにデグーの事とかも呟いたりします ◆新規依頼はほとんど対応できません。お仕事のご相談は ブログに記載のメールアドレスまでお問い合わせください kumamine.blogspot.jp
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。 また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。 利用状況 2022年のインターネット利用率（個人）は84.9％となっており（図表4-11-1-2）、端末別のインターネット利用率（個人）は、「スマートフォン」（71.2％）が「パソコン」（48.5％）を22.6ポイント上回っている。 （出典）総務省「通信利用動向調査」 このようにスマホ、PCどのデバイスでも見ることが
【回答】 弊社では、以下の内容として定義しております。 ◇対応 規格で定められている（カテゴリー5、カテゴリー6など）通信速度、材質、寸法・形状など 全ての項目を満たしているもの。 ◇準拠 通信速度は各カテゴリーと同等の品質を持つが、材質、形状・寸法などが規格外となるもの。 準拠品の多くはそれぞれのメーカー独自の形状や機能を持った製品となっています。
朗報です！ 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURLを選択するために画像のレイアウト幅を使用できるようになります。 Add sizes=auto to lazy-loaded <img> これにより、Webデベロッパーはsizes属性を省略したり、loading=lazyを持つ<img>要素に対して明示的にsizes=autoを設定することができます。 ブラウザは、画像のレイアウト幅にsrcset属性の値を使用します（遅延画像は、レイアウトが判明するまで読み込みを開始しません）。遅延ではない画像の場合は無効で、100vwと同等になります。 sizes=autoはレスポンシブ対応の<img>に特に強力です。複数のバージョンの画
CSSはどんどん進化している！ マグネットのようにくっつくエフェクトを実装するテクニック -CSS Anchor Positioning
ナビゲーションのアイテムをホバーした時にマグネットのようにくっついてスライドさせるエフェクトをCSSで実装するテクニックを紹介します。 これまでは、JavaScriptがないと実装できないエフェクトでした。レスポンシブにも完全対応、アイテムが二段・三段と複数になっても、水平・垂直になってもエフェクトは追従します。 Anchor Magnet Slide Menu 実際の動作は、デモページでお楽しみください。 右上の矢印アイコンをクリックすると、アイテムの並びが垂直・水平になります。また、右下のアイコンをクリックすると、ダーク・ライトモードになります。 ※CSSのみで動作するのは、Chrome 125+です。それ以外のブラウザはポリフィルが使用されています。 See the Pen Anchor Magnet Slide Menu by coliss (@coliss) on CodePen
【浦和】史上最大の厳罰、天皇杯出場権はく奪＆悪質サポーター永久追放 暴徒化騒動受け協会検討 - Ｊ１ : 日刊スポーツ
日本サッカー協会が、天皇杯で浦和レッズの一部サポーターが暴力や破壊行為に及んだ騒動に対する処分を協議するため、臨時の天皇杯実施委員会と理事会を来月初旬にも開くことが22日、分かった。 2日の名古屋との4回戦（CSアセット港サッカー場）で完敗した浦和側の応援リーダーら、現段階で77人が暴徒化した事態を協会は重く見ており、議論の進展次第では、サポーターの管理責任を負う浦和に対して来年度の天皇杯出場資格剥奪など厳しい処分が科される可能性がある。 ◇ ◇ ◇ 日本協会が、浦和と悪質サポーターに対し、史上最も重い処分を下す可能性が出てきた。現在、試合後の映像を集めて関与者の動向を分析中。状況確認が終わる来月初旬にも、詳細を共有するため、臨時で天皇杯実施委と理事会を開く必要があると判断した。裁定委と規律委が基準を示し、理事会の承認を経て、処分を最終決定する運びという。 その見通しについて、関係
モダンCSSの新機能のブラウザ対応がこれで簡単になる！ Modernizrに代わる新しいスクリプト -SupportsCSS
2023年もCSSの新しい機能が続々とリリースされ、進化が早いですね。魅力的な新機能を使用するときに気になるのが、ブラウザのサポートです。 ブラウザがその機能をサポートしているかチェックし、判別するクラスを付与してくれるといえば、Modernizrですが、その更新はストップしています。 そんなModernizrに代わる、モダンCSSに対応したスクリプト、SupportsCSSを紹介します。@containerも@layerも:has()もsubgridもcolor-mix()にも対応しています。 SupportsCSS SupportsCSS -GitHub SupportsCSSはModernizrにインスパイアされたスクリプトで、モダンCSSに使用されるセレクタ・機能・@ルールなどのサポートをライブ検出できます。 CSSの@supportsもサポートしている機能を検出できますが、Sup
「火災で持っていた本が燃えてしまい、避難所で本を貸してもらった話」をXに投稿→ポストを見た作者さんご本人からの素敵な対応に感動「ますますファンになりました」
ポリー @porry1155 避難所で、猛烈に活字が読みたいけど持ってた本全て燃えちゃった…と嘆いてたら同じ部屋の方が本を貸してくれた！有栖川有栖！！嬉しい！！ pic.twitter.com/4vFkDB1zBO 2024-02-05 12:26:37
このブックマーク可能なガイドの目的は、最近CSSに追加されたばかりの新機能や使い方を分かりやすくまとめることです。 「CSSって、こんなこともできるの?!」と思ってしまうほど、多くの人が知らない新しいテクニックが中心です。 また、たとえ知っていたとしてもよく理解できておらず、「それって何?」「なんで気にする必要があるの？」「サンプルコードがあると助かるんだけど、」そんな人におすすめしたい記事となっています。 周りがあっと驚くテクニックを習得して、ウェブデザインでできる表現の幅をぐっと広げましょう。 コンテンツ目次これだけは知っておきたい最新モダンCSS（2024年春版）CSSコンテナクエリのインタラクティブガイドCSS sroll()とview()によるスクロール駆動アニメーション実践編CSS :has()のインタラクティブガイドCSS Nestingの具体的な使い方と使用例CSSコンテナ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gmailのメール認証規制強化への対応って終わってますか？ - エムスリーテックブログ
ジャニーズ事務所に対する当社の対応について | 重要なお知らせ | 株式会社コーセー 企業情報サイト
【ジャニーズCM企業一覧】誰がどこに出てる？契約解除になるスポンサーは？2023年 | R30ブログ
「初動に人災」「阪神の教訓ゼロ」 能登入りした防災学者の告白：朝日新聞デジタル
なぜ「AFURI」は炎上したのか 商標権めぐる主張で重ねた「悪手」
【CSS】まだホバー時のスタイルを :hover だけで指定してるの？
Gmailへのメールが届かなくなる？ 2024年6月までにやるべき3つの対応 | Web担当者Forum
タマホーム、展示場見学後のお客との事後対応を誤った結果、無事ネット上での「消せば増えるの法則」を発動させてしまう
コールセンター勤務の頃、クレーム対応が上手すぎて常連クレーマーから「別の人に代わって」と言われた
Figma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント
【LANケーブル】「対応」と「準拠」の違いはなんでしょうか？
レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります
これだけは知っておきたい最新モダンCSSの書き方（2024年夏版）