フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
ブラックな面に関しては、ネット上ですっかり広まってるような「ブラック企業あるある」では全然挙がらないようなものがかなり多かったのに、 俺が経験した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 ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、もじワク研究から待望のフリーフォント。 私はさっそくすべてのデバイスにインストールして、愛用しています。 マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 個人的にも特にお勧めの「マメロン」が、大きく変わりました。デジタルデバイスでの使用を意識してデザインされており、可読性が高いかわいいフォントです。収録文字はAdobeJapan1-3StdNに対応しており、JIS第一・第二水
奴隷貿易の暗い歴史、DNA研究で明らかに
1515～1865年にアフリカ大陸から奴隷として南北米大陸へ連れて行かれた人数と目的地を示した図。(c)AFP 【7月27日 AFP】遺伝学的に残されたレイプの爪痕から、致命的な条件下で労働を強いられた人々が病気で滅びていった可能性まで、奴隷貿易の暗い歴史を明らかにする新たなDNA研究の結果が23日、米科学誌「アメリカン・ジャーナル・オブ・ヒューマン・ジェネティクス（American Journal of Human Genetics）」に発表された。 この研究では大西洋を隔てたアフリカ大陸と米大陸の両方で、同意を得た5万人の遺伝子データを収集。それらと、1515～1865年の間に1250万人の男女と子どもたちを運んだ奴隷船の詳細な記録を相互参照した。この間、奴隷船に乗った人々のうち約200万人は途上で死亡している。 その結果、アフリカの人々が遺伝的に大きく関与している点は、歴史記録に基づ
「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告（今野晴貴） - エキスパート - Yahoo!ニュース
またしても労基法違反、過労労災‥ ワタミは変わらなかったのか 今年９月15日、元参議院議員の渡邉美樹氏が代表取締役会長及びCEOをつとめる「ワタミ株式会社」に対して、高崎労働基準監督署から残業代未払いに関する労働基準法37条違反の是正勧告が出された。 労基署に申告したＡさんは、「ワタミの宅食」で正社員として勤務し、長時間労働によって精神疾患に罹患して現在休職中だ。Ａさんの長時間残業は、精神疾患に罹患する直前の１ヶ月前である６〜７月には、過労死ラインの２倍となる月175時間に及んでいたという。Ａさんはすでに高崎労基署に労災を申請済みだ。 2008年の新入社員の過労自死事件を機に、「ブラック企業」批判が相次いだワタミは、「ホワイト企業大賞」（実際には応募した企業のほとんどが何らかの賞を受賞している。詳細は下記の記事を参照）の特別賞受賞をアピールするなど、対外的に労働条件の改善を宣伝することに邁
差別された黒人に差別された私がいま思うこと（熊川 鮎子）
5月25日に起きた黒人男性ジョージ・フロイド氏の死亡事件から1ヶ月半。現地アメリカでは今月9日、トランプ・タワー正面の通り（5番街）に「BLACK LIVES MATTER」の大きな文字が黄色いペンキで描かれるなど、BLM運動の勢いはまだ続いている。 幼い頃、アメリカに住んでいたライターの熊川鮎子さんは、そんなBLMに関する報道を日々目にするなかで、昔のある記憶が蘇ってきたという。それは、目の前で黒人女性が白人から差別を受けたときのこと。その時に黒人女性から言われた言葉の意味を、熊川さんは今も考え続けている。 ※以下、熊川さんによる寄稿。 黒人女性がプールに入った途端 白人の子たちが出ていった 私は80年代後半、アメリカ中西部にあるオクラホマ州で、幼稚園から小学校3年までを過ごした。オクラホマは1830年代にアメリカ東部に住んでいたネイティブアメリカンが強制移住させられた地で、いまもネイテ
竹中平蔵パソナ会長「世界は数年痛い目を見る」 いやあなたのせいですでに散々痛い目を見ています(藤田孝典) - 個人 - Yahoo!ニュース
派遣労働、非正規労働者を急増させてきた竹中平蔵元経済担当相（現・パソナ会長）（写真:つのだよしお/アフロ） 竹中平蔵元経済財政担当相の雇用改革は今でも甚大な効果を発揮している4月18日、19日に弁護士、司法書士、社会福祉士、労働組合員などが企画し、全国一斉なんでも電話相談会が開催された。 新型コロナウイルスの影響により、生活困窮する人たちが多いため、全国の専門職などの有志が立ち上がった。 私も埼玉県で活動する仲間たちと電話相談を受け、経済危機の実態が深刻であることを改めて実感するに至った。 朝10時から夜10時まで、埼玉会場の5回線は受話器を置けばすぐに着信がある状態が2日間続いた。 2日間合計で、埼玉会場には、全産業から雇用形態に関係なく420件を超える相談が寄せられている。 他にも、中小企業の社長、自営業者やフリーランスの方たちからも生活苦が語られた。 そして、なかでも立場の弱い派遣労
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
シンプルなHTMLのみを使用して、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワークを紹介します。 シンプルなブログや自己紹介ページなどをさくっと作成したい時に便利で、CSSリセットとして利用するのもありかもしれません。 new.css new.css -GitHub new.cssの特徴 new.cssのデモ new.cssの使い方 new.cssの特徴 new.cssは、HTMLのみを使用してモダンなWebサイトを作成するためのclassレスのフレームワークです。HTMLの実用的なデフォルトのスタイルを活かし、美しく見えるようにスタイルされています。 超軽量4.8KbのCSSフレームワーク。 用意するのは、HTMLファイルのみ。 マークダウンで生成されたHTMLのレンダリング。 シンプルなブログや自己紹介ページに最適。 MITライセンスで、商用プロジェクト
チゲ♨️8y＋2y®︎ @chigenabe Blu-rayで見たいのがあるんだが、ネカフェやカラオケに行ってBlu-rayプレイヤー借りるのが1番手軽かもしれない…… twitter.com/frozen_frog_8/… 2022-06-21 19:22:02
📌 はじめに Pythonで開発を行うにあたり、リンタやフォーマッタ、パッケージマネージャ等のツールの選定は非常に重要な問題です。一方で歴史的な経緯もあり、沢山の選択肢から何を選ぶべきか情報がまとまっていないように感じました。この記事では2021年9月時点でモダンと言えるであろう開発環境を紹介します。基本的にはシェアが高いこと、著名なパッケージで使用されていることを主な選定理由としており、また特定のエディタに依存しないことを前提とします。 本記事で紹介する内容は一つのテンプレートに近く、必要に応じてカスタマイズするもよし、そのまま使ってもよし、として参考になればと思います。(CI/CDについてはPythonとは独立した問題なので触れません。またドキュメント生成はSphinxを推しますが、必須ではないので今回は割愛します。) 📄 要約 "モダン"な開発環境を箇条で列挙すると下記の通りです
白い砂糖は悪者か？ 長く続く誤解はもうそろそろ払拭を［食の安全と健康：第14回 文・松永和紀］ 公開日: 2022年2月28日 私たちの素朴な疑問 Q. 白い砂糖は体に悪いと聞きました。本当ですか？ A. 白い砂糖は純度が非常に高く、茶色い砂糖はミネラルなどほかの成分が少し混じっています。健康に影響するほどの違いではないので、好みで使い分けてください。 「白い砂糖は体に悪い。茶色い砂糖を使った方がいいですよね？」 時々、そう尋ねられます。そのたびに残念な気分になります。この都市伝説、30年以上、言われ続けているのです。一般の人だけでなくプロフェッショナルである料理研究家の中にも「白砂糖ではなく健康によい茶色い砂糖を」という人がいると聞きました。一度生じた誤解を解くのがなんと難しいことか。今回は、砂糖についてご説明しましょう。 砂糖はさまざまな種類がありますが、製法により分みつ糖と含みつ糖に
【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する：告発された「パワハラ」の実態（1/10 ページ） 居酒屋大手「ワタミ」に対して、高崎労働基準監督署から残業代未払いに関する是正勧告が出されたとの報道があった。本件を報道したYahoo!ニュースの記事によると、被害者であるAさんは「ワタミの宅食」で正社員として勤務していたが、長時間労働による精神疾患のため現在休職中という。また同社においては長時間残業が常態化しており、6～7月には過労死ラインの2倍となる月175時間の残業があったとして、「長時間労働で労働者を使い捨てにする『ブラック企業』ぶりを改めて露呈」と厳しく批判している。 筆者は、ワタミがブラック批判にさらされていた2013年前後、ワタミを批判する側の筆頭のような立場にいた。しかし、同社のその後の変革と改善を目の当たりにし、現在はむしろ同社のホ
みなさん、こんちには 【watnowテックカレンダーの23日目】 今日はwatnowのしゅいが担当します よろしくお願いします はじめに 今回は普段私が資料作りなどの際に利用している デザインの参考サイト,フリーのイラストサイト,配色のサイトを紹介します 今回紹介するサイトは全て無料で利用できます デザイン参考 1,pinterest URL:https://www.pinterest.jp ピンタレストは画像のSNSのようなものでネット上の画像を自分の「ボード」に 「ピン」して集めたりできる画像をブックマークとして集めるツールです パワポデザインなどと検索してデザインのアイデアを見つけたりして マネして作ってみるのもありです 2,dribbble URL:https://dribbble.com/ dribbbleはアメリカで生まれたサービスで、招待された人しか画像の投稿ができないため
こんにちは、たかとーです🧑🎤 こちらは、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
「Universal Music Group（ユニバーサル ミュージック グループ）」傘下の「Republic Records（リパブリック・レコーズ）」が、全米に拡がるBlack Lives Matter運動を受けて、所属アーティストの音楽性を定義するジャンルにおいて、“アーバン”という用語を今後使用しないことを公式声明で発表した。 「Republic Records」は、Drake（ドレイク）やThe Weeknd（ザ・ウィークエンド）、Lil Wayne（リル・ウェイン）、Kid Cudi（キッド・カディ）、Nicki Minaj（ニッキー・ミナージュ）、Ariana Grande（アリアナ・グランデ：*母方の曾祖父がアフリカ系アメリカ人）といった多くの才能のある黒人アーティストを擁するレーベル。そんな同レーベルがこの声明を発表したことの意義は大きい。 “アーバン”という用語自体は、
概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか？ 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤（Red）、緑（Green）、青（Blue）の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか？ 答えは、↑このようにグレースケールカ
Sugimoto Atsubumi @satsubumi 言語政策・日本語教育・日本手話・国際人権論・パプアニューギニア・北タイ・モンゴル・台湾・ジェンダー・憲法などが主たる関連事項です。 関東の私立大学で教員をやっています。ハート(イイね)はブックマーク的に使っています。流速に追いつけず時々放置するのでTLへの反応がまだらです。すみません。ここでの発言は個人の見解です。 Sugimoto Atsubumi @satsubumi 瑛人さんが紅白が性別組み分けだと知らなかった件、実は20～30代から同じ反応がある。彼らは性別で分けられない出席簿で育っているし、紅白自体も男女混合のグループや性別が曖昧な歌手が登場しているし、そもそもこの世代にとって紅白はオワコンなのかな、とつらつら思いながら採点は続く。
用意するのは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の各要素にス
「演歌と韓国ばかりなんて誰が見るの」ジャニーズ出場「激減」報道で『紅白』穴埋め歌手に懸念の声（SmartFLASH） - Yahoo!ニュース
世間からの、厳しい目にさらされているジャニーズ事務所。各企業がCM契約を打ち切り・更新など見直しを発表しているが、その露出は、年末の『NHK紅白歌合戦』にも影響が出てくるという見方が強まっている。 【画像】美容外科医が驚嘆したジャニーズ「顔面黄金比」圧倒的1位は？ 9月7日に事務所が開いた会見では、創業者・ジャニー喜多川氏の性加害を認め、被害者への補償を明言したものの、藤島ジュリー景子前社長がいまだ取締役として残留し、社名も変更しないとしていた。 しかし、その後の批判をうけ、19日には、東山紀之新社長が10月2日に新たな方針を公表することを発表。そのなかで、社名変更についても示唆されている。 「現状、テレビ番組へのジャニーズタレント出演は、民放各社に判断が委ねられています。TBSは事務所に要望書を渡したことを発表しており、テレビ東京も事務所に申し入れをしたとしつつ、新規の出演依頼は『極めて
","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=\"
知っておくと便利な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の機能リストを詳しく調べました。私が見つ
ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ
<button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイル方法をはじめ、ボタンの実装時にある落とし穴の解決方法についても明らかにします。 Styling The Good Ol' Button Element by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 button要素のデフォルトのスタイル button要素の基本的なデザイン アイコン付きのボタン 複数行のボタン アンカーリンクとしてのa要素とbutton要素 アウトラインボタンの
![[CSS] button要素のスタイルシート、最新テクニックを徹底解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/e9ba8b37585d86205a71d0de6b3c024cd8265254/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202001%2F2020031410.png)
ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます！ Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景（background）を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景（上下左右に沿って1つずつ）を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で
今甦る真月譚，新生「月姫R」クリエイターインタビュー。奈須きのこ＆BLACK両氏が語る世界の裏側，そしてこれから
今甦る真月譚，新生「月姫R」クリエイターインタビュー。奈須きのこ＆BLACK両氏が語る世界の裏側，そしてこれから 編集部：touge ライター：菅（Suge） 123→ 「月姫」新生――。 Fateシリーズをはじめ，TYPE-MOON作品に魅せられた多くのファンが待ち望んだリメイク作「月姫 -A piece of blue glass moon-」（PS4 / Switch，以下，月姫R）が，2021年8月26日に発売された。 伝説の同人ソフトとして名を馳せ，数多くのフォロワーを生み出した伝奇ノベルゲーム「月姫」。20余年の時を経て，その物語を現代に甦らせた本作は，ファンの期待に応えるクオリティだと反響を呼んでいる。 本稿ではその作品世界にさらに深く踏み込むべく，シナリオを手がけた奈須きのこ氏へのインタビューをお届けする。またインタビューの後半では，スクリプトを担当したBLACK氏にも同席
sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅（親要素の幅）になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか？ ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block;を加えると思います。 しかし、ブロック要素のwidthにfit-content値を使用すると、ブロック要素のまま（displayの値を変更せずに）コンテンツのサイズに合わせることができます。 「古い方法」「より良い方法」としたのは、上記画像の直訳です。古いからダメということではなく、より良い方法が使えるようになり、ケースバイケースで使用するのがお勧めです。 古い方法
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種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに
センシティブな話題についても臆せず繰り出されるタイラーのユーモアは、多様性を本当に実現したいなら必ずや必要になる懐の深さを思い起こさせてくれる。思わず笑顔にならずにはいられないこのインタビュー公開後のクリスマスには、タイラーと同じOdd Futureに所属していたカリスマ、フランク・オーシャンが、ピアノの演奏をバックにした優しく内省的なフリースタイルをドロップし、音楽ファンを狂喜させた。 そして12月26日には、ラッパーであると同時に多彩なクリエイターであるドナルド・グローヴァーが手がけるTV番組「アトランタ」シーズン３のティザー映像も流れた。「アトランタ」シーズン３では、有名大学を中退しうだつが上がらない主人公アーンと彼の従兄弟でありアトランタの地元スターであるラッパー・Paper Boiと仲間たちが、欧州ツアーに出るという。白人至上主義社会とその中でサバイブする黒人コミュニティがは
「黒塗りでなく白塗り優先に」―。東京都がＩＲ（カジノを中核とする統合型リゾート）関連文書などの情報公開で「黒塗り」批判を浴び、事実上白塗り優先に変更するという姑息（こそく）な手段を講じていたことが本紙の取材でわかりました。小池百合子知事が情報公開要綱改定を承認し、２月から実施しましたが、その内容は都民に知らせていませんでした。（岡部裕三） “黒塗り隠し”が発覚したのは、江東市民連合の岡田光司事務局長が６月に開示請求で入手した都とカジノ業者との面談記録が白塗りにされていたことからです。「しんぶん赤旗」が昨年９月１６日付で報じた同一文書は、黒塗りだらけでした。 ＩＲを担当する港湾局は本紙の取材に、生活文化局から要綱改定の通知を受けて非開示部分を白塗りにしたと説明。 本紙は都に情報公開請求し、生活文化局が小池知事に説明した資料（昨年１２月３日付）と、１月に改定した情報公開関係４要綱などを入手しま
商用可・フリーイラスト素材｜ソコスト
商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL！色変更可能！Web・広告・企画書・資料などご自由に！
で、上記の通り「矩形波、三角波」って見たらアラフォー以上の人は「ファミコンじゃん」ってなったり、むしろ、コナミ矩形波倶楽部を思い出す方も多いかもしれません。 技術的なこと まぁ、ソースを見て貰えば特に難しいことはしていない（いつものように殴り書きだし…）のでコインであれば「♪シミー」という音を鳴らせばできるわけです。 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 =
バンバンジーのバンバン感すき
ペンペン草のペンペン感もすき
今年も残すところあと少し。大晦日恒例の「NHK紅白歌合戦」がいよいよ開幕しました。FASHIONSNAP編集部では今年もサイトやツイッター上で出場アーティストや司会者、ゲストの衣装情報をリアルタイムでお届け。気になる衣装はこちらのページでチェック！【随時更新】
","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\">
「彼氏がジムに行くと3時間くらい戻ってきません。週に何回も行くし普通そこまでトレーニングしませんよね？黒ですか？」→「これはやってますねぇ…」
お花やさん @ohana_ippai_ あかんめちゃくちゃ笑った 「彼氏がジムに行くと3時間くらい戻ってきません。週に何回も行くし普通そこまでトレーニングしませんよね？黒ですか？」みたいなの流れてきたけど多分ほんとにその人トレーニングしてると思う
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[HTML5] カメラをJSで操作し写真を撮影する - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc5b9aa5ebb826ccdc9e530a8032e15faecb4cee/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F4032b65badbfd4ad9c7fa33b51a8e8d64336610b%2Fbackend%3Dimagemagick%3Bheight%3D1200%3Bversion%3D1%3Bwidth%3D1200%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkatsube%252F20231125%252F20231125043913.png)
![[HTML5] IndexedDBでデータの保存や読み込みを行う - Dexie.js編 - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca50334715290cdbf06e170aa109ebf999bd67e8/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061405124%2F1701332194)
![[HTML5] Canvasを画像に変換しサーバへ送信する - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd4ec00f9e7dc008c0692333e4281a83ea17d3a6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkatsube%2F20231125%2F20231125045644.png)
![[HTML5] Fetch API でファイルをアップロードする - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/4097d0ec035eef691c336f6e6ba22e0761b9e99f/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061406744%2F1701425407)
![[HTML5] カメラをJSで操作しフォトフレーム付き写真を撮影する - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/8775338e19dcd448287c8f0690dda3ae820c8fec/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkatsube%2F20231125%2F20231125044045.png)
![[HTML5] Fetch API で GET/POST で通信する - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/27d23e4616258c63e839856060764773e98cc5ad/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061406765%2F1701425486)
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
これまで２社のブラック企業を経験したんだが共通点が物凄く多くて驚いた
「ブラック企業」に「黒人差別」の指摘 どう思いますか：朝日新聞デジタル
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
フォントが大好物な人は要チェック！2020年、日本語の新作フリーフォントのまとめ
SEOのプロ解説！ HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
光の98％以上を反射する「最も白い塗料」が開発される、白すぎて塗った物体が冷える
シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css
PCでBlu-rayを簡単に見る方法がないのは本当に不便で不便で不便
【2021】モダンなPython開発環境の紹介 - Qiita
白い砂糖は悪者か？ 長く続く誤解はもうそろそろ払拭を［食の安全と健康：第14回 文・松永和紀］
【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する
【2021 最新版】ノンデザイナーだからこそ知っておきたかった10のイラストサイト - Qiita
あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
Republic Records が今後音楽ジャンルにおいて“アーバン”という用語の使用禁止を発表
【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita
「男女性別分けだったの！？」紅白の組み分けについて議論する皆さん「アップデートが必要かも」
必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css
富士そばで休業水増し指示 「タイムカード押さないで」：朝日新聞デジタル
CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
[CSS] button要素のスタイルシート、最新テクニックを徹底解説
こんなことができるんだ！CSSのボーダーを破線や点線にするスタイルシートのテクニック
CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法
ブラック・ナード・カルチャー：それは現実逃避（escape）ではない | elabo
黒塗り批判で今度は白塗り/東京都の情報公開要綱/こっそり改定 知事承認
【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita
乃木坂46、橋本環奈、藤井風...「紅白歌合戦」着用衣装まとめ＜2022＞
27連勤「昼夜も分からぬ」ワタミ社員が訴えた過重労働：朝日新聞デジタル
www.itmedia.co.jp
www.itmedia.co.jp
www.itmedia.co.jp
www.hokkaido-np.co.jp
www.devex.com
www.devex.com