並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 150件

新着順 人気順

whiteの検索結果1 - 40 件 / 150件

whiteに関するエントリは150件あります。 css社会web制作 などが関連タグです。 人気エントリには 『どうしてHTML5が廃止されたのか | フューチャー技術ブログ』などがあります。
  • どうしてHTML5が廃止されたのか | フューチャー技術ブログ

    フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5

      どうしてHTML5が廃止されたのか | フューチャー技術ブログ
    • これまで2社のブラック企業を経験したんだが共通点が物凄く多くて驚いた

      ブラックな面に関しては、ネット上ですっかり広まってるような「ブラック企業あるある」では全然挙がらないようなものがかなり多かったのに、 俺が経験した2社では色んな点で被ってたから本当に不思議だった。 以下、どっちの会社でも見られたブラックな面。 〇障害者差別言動。 鬱病休職者が出た時に「うわぁマジかあ……あいつ遂に障害者になっちゃったのかあ!!!」と顔を覆う同僚がいた点。 鬱病休職者が復帰した後、女性社員の一部が『挨拶されたこと』、『(仕事にまつわる)内線がかかってきたこと』を涙を流さんばかりに怖がって周りの同僚たちに慰められているという光景。 社内の常識的にメンタル休職=人の形をしたバケモノの誕生だった。 〇セクハラ セクハラはブラックあるあるなんだろうけど、具体的な手口まで全く同じセクハラがいくつかあった。 同期飲みのときに、男性陣がニヤニヤしながら大人しいタイプの女同期に遠回しのセクハ

        これまで2社のブラック企業を経験したんだが共通点が物凄く多くて驚いた
      • 「ブラック企業」に「黒人差別」の指摘 どう思いますか:朝日新聞デジタル

        ","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 PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

          「ブラック企業」に「黒人差別」の指摘 どう思いますか:朝日新聞デジタル
        • 奴隷貿易の暗い歴史、DNA研究で明らかに

          1515~1865年にアフリカ大陸から奴隷として南北米大陸へ連れて行かれた人数と目的地を示した図。(c)AFP 【7月27日 AFP】遺伝学的に残されたレイプの爪痕から、致命的な条件下で労働を強いられた人々が病気で滅びていった可能性まで、奴隷貿易の暗い歴史を明らかにする新たなDNA研究の結果が23日、米科学誌「アメリカン・ジャーナル・オブ・ヒューマン・ジェネティクス(American Journal of Human Genetics)」に発表された。 この研究では大西洋を隔てたアフリカ大陸と米大陸の両方で、同意を得た5万人の遺伝子データを収集。それらと、1515~1865年の間に1250万人の男女と子どもたちを運んだ奴隷船の詳細な記録を相互参照した。この間、奴隷船に乗った人々のうち約200万人は途上で死亡している。 その結果、アフリカの人々が遺伝的に大きく関与している点は、歴史記録に基づ

            奴隷貿易の暗い歴史、DNA研究で明らかに
          • 「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告(今野晴貴) - エキスパート - Yahoo!ニュース

            またしても労基法違反、過労労災‥ ワタミは変わらなかったのか 今年9月15日、元参議院議員の渡邉美樹氏が代表取締役会長及びCEOをつとめる「ワタミ株式会社」に対して、高崎労働基準監督署から残業代未払いに関する労働基準法37条違反の是正勧告が出された。 労基署に申告したAさんは、「ワタミの宅食」で正社員として勤務し、長時間労働によって精神疾患に罹患して現在休職中だ。Aさんの長時間残業は、精神疾患に罹患する直前の1ヶ月前である6〜7月には、過労死ラインの2倍となる月175時間に及んでいたという。Aさんはすでに高崎労基署に労災を申請済みだ。 2008年の新入社員の過労自死事件を機に、「ブラック企業」批判が相次いだワタミは、「ホワイト企業大賞」(実際には応募した企業のほとんどが何らかの賞を受賞している。詳細は下記の記事を参照)の特別賞受賞をアピールするなど、対外的に労働条件の改善を宣伝することに邁

              「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告(今野晴貴) - エキスパート - Yahoo!ニュース
            • 差別された黒人に差別された私がいま思うこと(熊川 鮎子)

              5月25日に起きた黒人男性ジョージ・フロイド氏の死亡事件から1ヶ月半。現地アメリカでは今月9日、トランプ・タワー正面の通り(5番街)に「BLACK LIVES MATTER」の大きな文字が黄色いペンキで描かれるなど、BLM運動の勢いはまだ続いている。 幼い頃、アメリカに住んでいたライターの熊川鮎子さんは、そんなBLMに関する報道を日々目にするなかで、昔のある記憶が蘇ってきたという。それは、目の前で黒人女性が白人から差別を受けたときのこと。その時に黒人女性から言われた言葉の意味を、熊川さんは今も考え続けている。 ※以下、熊川さんによる寄稿。 黒人女性がプールに入った途端 白人の子たちが出ていった 私は80年代後半、アメリカ中西部にあるオクラホマ州で、幼稚園から小学校3年までを過ごした。オクラホマは1830年代にアメリカ東部に住んでいたネイティブアメリカンが強制移住させられた地で、いまもネイテ

                差別された黒人に差別された私がいま思うこと(熊川 鮎子)
              • 竹中平蔵パソナ会長「世界は数年痛い目を見る」 いやあなたのせいですでに散々痛い目を見ています(藤田孝典) - 個人 - Yahoo!ニュース

                派遣労働、非正規労働者を急増させてきた竹中平蔵元経済担当相(現・パソナ会長)(写真:つのだよしお/アフロ) 竹中平蔵元経済財政担当相の雇用改革は今でも甚大な効果を発揮している4月18日、19日に弁護士、司法書士、社会福祉士、労働組合員などが企画し、全国一斉なんでも電話相談会が開催された。 新型コロナウイルスの影響により、生活困窮する人たちが多いため、全国の専門職などの有志が立ち上がった。 私も埼玉県で活動する仲間たちと電話相談を受け、経済危機の実態が深刻であることを改めて実感するに至った。 朝10時から夜10時まで、埼玉会場の5回線は受話器を置けばすぐに着信がある状態が2日間続いた。 2日間合計で、埼玉会場には、全産業から雇用形態に関係なく420件を超える相談が寄せられている。 他にも、中小企業の社長、自営業者やフリーランスの方たちからも生活苦が語られた。 そして、なかでも立場の弱い派遣労

                  竹中平蔵パソナ会長「世界は数年痛い目を見る」 いやあなたのせいですでに散々痛い目を見ています(藤田孝典) - 個人 - Yahoo!ニュース
                • SEOのプロ解説! HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室

                    SEOのプロ解説! HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
                  • けんすう on Twitter: "メールを打つときの文章をChatGPTでよくなっている今、「人間の仕事は送信ボタンを押すだけ」くらいになっている感じがしてたまらなく良い。 これについてちょっとだけ解説すると・・・。 コミュニケーションにおいて、情報伝達部分っ… https://t.co/fK1mfQn1pS"

                    メールを打つときの文章をChatGPTでよくなっている今、「人間の仕事は送信ボタンを押すだけ」くらいになっている感じがしてたまらなく良い。 これについてちょっとだけ解説すると・・・。 コミュニケーションにおいて、情報伝達部分っ… https://t.co/fK1mfQn1pS

                      けんすう on Twitter: "メールを打つときの文章をChatGPTでよくなっている今、「人間の仕事は送信ボタンを押すだけ」くらいになっている感じがしてたまらなく良い。 これについてちょっとだけ解説すると・・・。 コミュニケーションにおいて、情報伝達部分っ… https://t.co/fK1mfQn1pS"
                    • 光の98%以上を反射する「最も白い塗料」が開発される、白すぎて塗った物体が冷える

                      by Purdue University/Jared Pike 光の98.1%を反射する「史上最も真っ白な塗料」が、アメリカ・パデュー大学の技術者によって開発されました。光の最大99.9%を吸収する「地上で最も黒い物質」ことベンタブラックと対を成すこの塗料は、可視光だけでなく熱を伝える赤外線をも反射し、物体が日光で温められるのを防ぐため、冷房や地球温暖化対策に役立てることが可能です。 The whitest paint is here – and it’s the coolest. Literally. - Purdue University News https://www.purdue.edu/newsroom/releases/2021/Q2/the-whitest-paint-is-here-and-its-the-coolest.-literally..html World’s

                        光の98%以上を反射する「最も白い塗料」が開発される、白すぎて塗った物体が冷える
                      • PCでBlu-rayを簡単に見る方法がないのは本当に不便で不便で不便

                        チゲ♨️8y+2y®︎ @chigenabe Blu-rayで見たいのがあるんだが、ネカフェやカラオケに行ってBlu-rayプレイヤー借りるのが1番手軽かもしれない…… twitter.com/frozen_frog_8/… 2022-06-21 19:22:02

                          PCでBlu-rayを簡単に見る方法がないのは本当に不便で不便で不便
                        • HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ

                          以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You can create these elements without JavaScript by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブ対応のテキスト省略 スター レイティング ツールチップ・ドロップダウンメニュー モーダル フロートするラベル アコーディオン・トグル 終わりに はじめに スマホやWeb

                            HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ
                          • 【2021】モダンなPython開発環境の紹介 - Qiita

                            📌 はじめに Pythonで開発を行うにあたり、リンタやフォーマッタ、パッケージマネージャ等のツールの選定は非常に重要な問題です。一方で歴史的な経緯もあり、沢山の選択肢から何を選ぶべきか情報がまとまっていないように感じました。この記事では2021年9月時点でモダンと言えるであろう開発環境を紹介します。基本的にはシェアが高いこと、著名なパッケージで使用されていることを主な選定理由としており、また特定のエディタに依存しないことを前提とします。 本記事で紹介する内容は一つのテンプレートに近く、必要に応じてカスタマイズするもよし、そのまま使ってもよし、として参考になればと思います。(CI/CDについてはPythonとは独立した問題なので触れません。またドキュメント生成はSphinxを推しますが、必須ではないので今回は割愛します。) 📄 要約 "モダン"な開発環境を箇条で列挙すると下記の通りです

                              【2021】モダンなPython開発環境の紹介 - Qiita
                            • 白い砂糖は悪者か? 長く続く誤解はもうそろそろ払拭を[食の安全と健康:第14回 文・松永和紀]

                              白い砂糖は悪者か? 長く続く誤解はもうそろそろ払拭を[食の安全と健康:第14回 文・松永和紀] 公開日: 2022年2月28日 私たちの素朴な疑問 Q. 白い砂糖は体に悪いと聞きました。本当ですか? A. 白い砂糖は純度が非常に高く、茶色い砂糖はミネラルなどほかの成分が少し混じっています。健康に影響するほどの違いではないので、好みで使い分けてください。 「白い砂糖は体に悪い。茶色い砂糖を使った方がいいですよね?」 時々、そう尋ねられます。そのたびに残念な気分になります。この都市伝説、30年以上、言われ続けているのです。一般の人だけでなくプロフェッショナルである料理研究家の中にも「白砂糖ではなく健康によい茶色い砂糖を」という人がいると聞きました。一度生じた誤解を解くのがなんと難しいことか。今回は、砂糖についてご説明しましょう。 砂糖はさまざまな種類がありますが、製法により分みつ糖と含みつ糖に

                                白い砂糖は悪者か? 長く続く誤解はもうそろそろ払拭を[食の安全と健康:第14回 文・松永和紀]
                              • 【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する

                                【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する:告発された「パワハラ」の実態(1/10 ページ) 居酒屋大手「ワタミ」に対して、高崎労働基準監督署から残業代未払いに関する是正勧告が出されたとの報道があった。本件を報道したYahoo!ニュースの記事によると、被害者であるAさんは「ワタミの宅食」で正社員として勤務していたが、長時間労働による精神疾患のため現在休職中という。また同社においては長時間残業が常態化しており、6~7月には過労死ラインの2倍となる月175時間の残業があったとして、「長時間労働で労働者を使い捨てにする『ブラック企業』ぶりを改めて露呈」と厳しく批判している。 筆者は、ワタミがブラック批判にさらされていた2013年前後、ワタミを批判する側の筆頭のような立場にいた。しかし、同社のその後の変革と改善を目の当たりにし、現在はむしろ同社のホ

                                  【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する
                                • あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita

                                  こんにちは、たかとーです🧑‍🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース(2008年1月)以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな?私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt

                                    あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
                                  • Republic Records が今後音楽ジャンルにおいて“アーバン”という用語の使用禁止を発表

                                    「Universal Music Group(ユニバーサル ミュージック グループ)」傘下の「Republic Records(リパブリック・レコーズ)」が、全米に拡がるBlack Lives Matter運動を受けて、所属アーティストの音楽性を定義するジャンルにおいて、“アーバン”という用語を今後使用しないことを公式声明で発表した。 「Republic Records」は、Drake(ドレイク)やThe Weeknd(ザ・ウィークエンド)、Lil Wayne(リル・ウェイン)、Kid Cudi(キッド・カディ)、Nicki Minaj(ニッキー・ミナージュ)、Ariana Grande(アリアナ・グランデ:*母方の曾祖父がアフリカ系アメリカ人)といった多くの才能のある黒人アーティストを擁するレーベル。そんな同レーベルがこの声明を発表したことの意義は大きい。 “アーバン”という用語自体は、

                                      Republic Records が今後音楽ジャンルにおいて“アーバン”という用語の使用禁止を発表
                                    • 【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita

                                      概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか? 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤(Red)、緑(Green)、青(Blue)の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか? 答えは、↑このようにグレースケールカ

                                        【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita
                                      • 「男女性別分けだったの!?」紅白の組み分けについて議論する皆さん「アップデートが必要かも」

                                        Sugimoto Atsubumi @satsubumi 言語政策・日本語教育・日本手話・国際人権論・パプアニューギニア・北タイ・モンゴル・台湾・ジェンダー・憲法などが主たる関連事項です。 関東の私立大学で教員をやっています。ハート(イイね)はブックマーク的に使っています。流速に追いつけず時々放置するのでTLへの反応がまだらです。すみません。ここでの発言は個人の見解です。 Sugimoto Atsubumi @satsubumi 瑛人さんが紅白が性別組み分けだと知らなかった件、実は20~30代から同じ反応がある。彼らは性別で分けられない出席簿で育っているし、紅白自体も男女混合のグループや性別が曖昧な歌手が登場しているし、そもそもこの世代にとって紅白はオワコンなのかな、とつらつら思いながら採点は続く。 2021-01-02 22:00:42

                                          「男女性別分けだったの!?」紅白の組み分けについて議論する皆さん「アップデートが必要かも」
                                        • 必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css

                                          用意するのはHTMLだけ、一行加えるだけでスマホ対応のクリーンなデザインのWebページができてしまう超軽量スタイルシートを紹介します。ダークモードにも対応しています。HTMLにclassを加えるなど、CSSの知識は必要ありません。 また、それをベースにして再利用可能なコンポーネント、CSSリセットの拡張版としても利用できます。 MVP.css MVP.css -GitHub MVP.cssの特徴 MVP.cssのデモ MVP.cssの使い方 MVP.cssの特徴 MVP.cssはHTMLのさまざまな要素にすぐに使えるスタイルのコレクションで、外部スタイルシートとして利用するだけで簡単にページを作成できます。クリーンなデザインで、再利用可能なコンポーネントとして利用できます。class名などをHTMLに加える必要もありません。 用意するのは、HTMLだけ MVP.cssはHTMLの各要素にス

                                            必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css
                                          • 「演歌と韓国ばかりなんて誰が見るの」ジャニーズ出場「激減」報道で『紅白』穴埋め歌手に懸念の声(SmartFLASH) - Yahoo!ニュース

                                            世間からの、厳しい目にさらされているジャニーズ事務所。各企業がCM契約を打ち切り・更新など見直しを発表しているが、その露出は、年末の『NHK紅白歌合戦』にも影響が出てくるという見方が強まっている。 【画像】美容外科医が驚嘆したジャニーズ「顔面黄金比」圧倒的1位は? 9月7日に事務所が開いた会見では、創業者・ジャニー喜多川氏の性加害を認め、被害者への補償を明言したものの、藤島ジュリー景子前社長がいまだ取締役として残留し、社名も変更しないとしていた。 しかし、その後の批判をうけ、19日には、東山紀之新社長が10月2日に新たな方針を公表することを発表。そのなかで、社名変更についても示唆されている。 「現状、テレビ番組へのジャニーズタレント出演は、民放各社に判断が委ねられています。TBSは事務所に要望書を渡したことを発表しており、テレビ東京も事務所に申し入れをしたとしつつ、新規の出演依頼は『極めて

                                              「演歌と韓国ばかりなんて誰が見るの」ジャニーズ出場「激減」報道で『紅白』穴埋め歌手に懸念の声(SmartFLASH) - Yahoo!ニュース
                                            • 富士そばで休業水増し指示 「タイムカード押さないで」:朝日新聞デジタル

                                              ","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 PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                富士そばで休業水増し指示 「タイムカード押さないで」:朝日新聞デジタル
                                              • Engadget | Technology News & Reviews

                                                Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

                                                  Engadget | Technology News & Reviews
                                                • 知っておくと便利なHTML5の機能、要素や属性のまとめ

                                                  今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに details要素 contenteditable属性 map要素 mark要素 data属性 output要素 datalist要素 値range meter要素 input要素 次に学ぶべきこと はじめに HTML5は、新しいものではありません。すでにわたし達は最初のリリース(2008年1月)からいくつかの機能を使用してきました。#100DaysOfCodeの取り組みの一環として、HTML5の機能リストを詳しく調べました。私が見つ

                                                    知っておくと便利なHTML5の機能、要素や属性のまとめ
                                                  • CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック

                                                    ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ

                                                      CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
                                                    • [CSS] button要素のスタイルシート、最新テクニックを徹底解説

                                                      <button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイル方法をはじめ、ボタンの実装時にある落とし穴の解決方法についても明らかにします。 Styling The Good Ol' Button Element by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 button要素のデフォルトのスタイル button要素の基本的なデザイン アイコン付きのボタン 複数行のボタン アンカーリンクとしてのa要素とbutton要素 アウトラインボタンの

                                                        [CSS] button要素のスタイルシート、最新テクニックを徹底解説
                                                      • こんなことができるんだ!CSSのボーダーを破線や点線にするスタイルシートのテクニック

                                                        ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます! Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景(background)を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景(上下左右に沿って1つずつ)を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で

                                                          こんなことができるんだ!CSSのボーダーを破線や点線にするスタイルシートのテクニック
                                                        • 今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから

                                                          今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから 編集部:touge ライター:菅(Suge) 123→ 「月姫」新生――。 Fateシリーズをはじめ,TYPE-MOON作品に魅せられた多くのファンが待ち望んだリメイク作「月姫 -A piece of blue glass moon-」(PS4 / Switch,以下,月姫R)が,2021年8月26日に発売された。 伝説の同人ソフトとして名を馳せ,数多くのフォロワーを生み出した伝奇ノベルゲーム「月姫」。20余年の時を経て,その物語を現代に甦らせた本作は,ファンの期待に応えるクオリティだと反響を呼んでいる。 本稿ではその作品世界にさらに深く踏み込むべく,シナリオを手がけた奈須きのこ氏へのインタビューをお届けする。またインタビューの後半では,スクリプトを担当したBLACK氏にも同席

                                                            今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから
                                                          • CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法

                                                            sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅(親要素の幅)になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか? ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block;を加えると思います。 しかし、ブロック要素のwidthにfit-content値を使用すると、ブロック要素のまま(displayの値を変更せずに)コンテンツのサイズに合わせることができます。 「古い方法」「より良い方法」としたのは、上記画像の直訳です。古いからダメということではなく、より良い方法が使えるようになり、ケースバイケースで使用するのがお勧めです。 古い方法

                                                              CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法
                                                            • Web制作に役立つ超便利ツールが登場! HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

                                                              HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較(Diff)など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに

                                                                Web制作に役立つ超便利ツールが登場! HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3
                                                              • ブラック・ナード・カルチャー:それは現実逃避(escape)ではない | elabo

                                                                ‍ センシティブな話題についても臆せず繰り出されるタイラーのユーモアは、多様性を本当に実現したいなら必ずや必要になる懐の深さを思い起こさせてくれる。思わず笑顔にならずにはいられないこのインタビュー公開後のクリスマスには、タイラーと同じOdd Futureに所属していたカリスマ、フランク・オーシャンが、ピアノの演奏をバックにした優しく内省的なフリースタイルをドロップし、音楽ファンを狂喜させた。 そして12月26日には、ラッパーであると同時に多彩なクリエイターであるドナルド・グローヴァーが手がけるTV番組「アトランタ」シーズン3のティザー映像も流れた。「アトランタ」シーズン3では、有名大学を中退しうだつが上がらない主人公アーンと彼の従兄弟でありアトランタの地元スターであるラッパー・Paper Boiと仲間たちが、欧州ツアーに出るという。白人至上主義社会とその中でサバイブする黒人コミュニティがは

                                                                  ブラック・ナード・カルチャー:それは現実逃避(escape)ではない | elabo
                                                                • 黒塗り批判で今度は白塗り/東京都の情報公開要綱/こっそり改定 知事承認

                                                                  「黒塗りでなく白塗り優先に」―。東京都がIR(カジノを中核とする統合型リゾート)関連文書などの情報公開で「黒塗り」批判を浴び、事実上白塗り優先に変更するという姑息(こそく)な手段を講じていたことが本紙の取材でわかりました。小池百合子知事が情報公開要綱改定を承認し、2月から実施しましたが、その内容は都民に知らせていませんでした。(岡部裕三) “黒塗り隠し”が発覚したのは、江東市民連合の岡田光司事務局長が6月に開示請求で入手した都とカジノ業者との面談記録が白塗りにされていたことからです。「しんぶん赤旗」が昨年9月16日付で報じた同一文書は、黒塗りだらけでした。 IRを担当する港湾局は本紙の取材に、生活文化局から要綱改定の通知を受けて非開示部分を白塗りにしたと説明。 本紙は都に情報公開請求し、生活文化局が小池知事に説明した資料(昨年12月3日付)と、1月に改定した情報公開関係4要綱などを入手しま

                                                                  • GLAY 公開のライブ動画 自然公園内に無許可でステージ設け撮影 | NHKニュース

                                                                    人気ロックバンド「GLAY」が、今月公開した北海道函館市での無観客ライブの動画が、自然公園内に無許可でステージなどを設けて撮影されていたことがわかり、北海道は動画の制作会社に行政指導を行う方針です。 新型コロナウイルスの感染が広がる中でも、多くのファンに音楽を届けようと先月下旬、「GLAY」の地元、函館市の恵山道立自然公園で撮影され、山肌に設けたステージ上で雄大な自然をバックに6曲を演奏しています。 ところが北海道によりますと、自然公園内の特定の区域にステージなどの工作物を設置する場合は、道の許可が必要と条例で定められているのに対し、制作会社からの申請はなかったということです。 このため、道の担当者が17日、撮影現場を調査したところ、原状回復が必要な地面に穴が掘られたり、草木が倒されたりという状況は認められませんでしたが、道は、制作会社に対して撮影の経緯などを聞き取ったうえで、再発防止を求

                                                                      GLAY 公開のライブ動画 自然公園内に無許可でステージ設け撮影 | NHKニュース
                                                                    • 【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita

                                                                      で、上記の通り「矩形波、三角波」って見たらアラフォー以上の人は「ファミコンじゃん」ってなったり、むしろ、コナミ矩形波倶楽部を思い出す方も多いかもしれません。 技術的なこと まぁ、ソースを見て貰えば特に難しいことはしていない(いつものように殴り書きだし…)のでコインであれば「♪シミー」という音を鳴らせばできるわけです。 const AudioContext = window.AudioContext || window.webkitAudioContext const audioContext = new AudioContext() const gainNode = audioContext.createGain() gainNode.connect(audioContext.destination) gainNode.gain.value = 0.1 const oscillator =

                                                                        【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita
                                                                      • https://twitter.com/takasumayatu/status/1623545294444195840

                                                                          https://twitter.com/takasumayatu/status/1623545294444195840
                                                                        • バンバンジーのバンバン感すき

                                                                          ペンペン草のペンペン感もすき

                                                                            バンバンジーのバンバン感すき
                                                                          • 27連勤「昼夜も分からぬ」ワタミ社員が訴えた過重労働:朝日新聞デジタル

                                                                            ","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 PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

                                                                              27連勤「昼夜も分からぬ」ワタミ社員が訴えた過重労働:朝日新聞デジタル
                                                                            • どうしてハドソンはROMカートリッジを自社生産しなかったか? | Colorful Pieces of Game

                                                                              『ハドソン伝説』に関係して「どうして独自カートリッジを生産しなかったか理由が書いてありましたか」と「ファミコンの最初期から任天堂さんがサードパーティとの生産委託の契約書を持っていた」という、正直な話として、1983-84年当時のことをいろいろ勘違いされているなというツイートを見かけたので、ちょっとここに書いておきたい。 まず「ナムコは独自でROMを生産したのに、どうしてハドソンは独自で生産しなかったのか?」。 答えは簡単で、ナムコはすでにマニュファクチャとして基板を大量生産する能力があったけど、ハドソンにはなく、なおかつそんなことをする金もなかったから。 当時、つまり84年ごろのハドソンはせいぜい数十人しか社員がいない小さな会社で、83年時点で売り上げが全部合わせて20億程度。 ROMの生産委託の2億行かないぐらいの費用すら、集めた問屋の注文を銀行に見せて、ようやく融資してもらっているサイ

                                                                              • AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 | Amazon Web Services

                                                                                Amazon Web Services ブログ AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 みなさん、こんにちは。ソリューションアーキテクト、コンテナスペシャリストの荒木です。 AWS Black Belt オンラインセミナーのオンデマンドビデオ化に伴って、コンテナサービスシリーズは6月からリニューアルしました。ひとつのビデオあたりのトピックを小さく絞ってお届けしています。 その結果、今日までの3ヶ月で18の コンテナに関するAWS Black Belt オンラインセミナーをお届けしました。他にも本 Blog を通じて AWS でのコンテナに関する数多くのアップデートをお届けしています。 アプリケーションエンジニアの方や、すでに AWS でのコンテナを活用されている技術者の方はもちろん、コンテナに興味のある多くの方に活用いただきました。そんな方々から、も

                                                                                  AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 | Amazon Web Services
                                                                                • 「彼氏がジムに行くと3時間くらい戻ってきません。週に何回も行くし普通そこまでトレーニングしませんよね?黒ですか?」→「これはやってますねぇ…」

                                                                                  お花やさん @ohana_ippai_ あかんめちゃくちゃ笑った 「彼氏がジムに行くと3時間くらい戻ってきません。週に何回も行くし普通そこまでトレーニングしませんよね?黒ですか?」みたいなの流れてきたけど多分ほんとにその人トレーニングしてると思う 2024-06-04 22:05:01

                                                                                    「彼氏がジムに行くと3時間くらい戻ってきません。週に何回も行くし普通そこまでトレーニングしませんよね?黒ですか?」→「これはやってますねぇ…」

                                                                                  新着記事