3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
The Deep Sea
At 332 meters, this is the deepest any human has ever scuba dived. Set by Ahmed Gabr in 2014.
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
GitHub 英語例文集
GitHub で参考になった英語表現をまとめました。文脈がわかるように原文の URL も記載しています。 🙅 方針に異議を唱える it's hard to ~~~ Select onInput doesn't function in Microsoft Edge · Issue #2331 · preactjs/preact 🤦 誤解を解く We never said that ~~~ Select onInput doesn't function in Microsoft Edge · Issue #2331 · preactjs/preact 🙊 誤解していたことを伝える now I see you suggested this in your original feature request. Type EffectCallback - allow async function
何も考えない楽しい映画を教えて【追記】
できればここ10年くらいの映画。 なんかこう色々考えさせる〜とか、これは○○という社会問題を〜という映画が多くて、シンプルな冒険活劇とかエンタメ全振りみたいな映画が観たい。 別に根底のテーマに社会問題があってもいいけど、基本は全力のエンタメみたいなの。 【追記】 軽い気持ちで聞いたらすごい反応をもらってびっくりした。 最近MEGザモンスターズ2を観て、こういう1から100までお祭り騒ぎというか、100%エンタメみたいな映画観たいと思って聞いたから、色々挙げてくれて嬉しい。 この金土日のお供にする。ありがとうございます。
ブラックな面に関しては、ネット上ですっかり広まってるような「ブラック企業あるある」では全然挙がらないようなものがかなり多かったのに、 俺が経験した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=\"
最近の実装に合わせた、Webページ用のHTMLテンプレートを紹介します。 レスポンシブ用のHTML、ソーシャルメディア用のHTMLをはじめ、高速表示に欠かせないrel="preload"なども含まれています。IEなどの古いブラウザはプログレッシブエンハンスメントで対応しています。 HTMLテンプレートはすべての要素の役割を各行ごとに解説しているので、自分に不必要なものを削除したり加えたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのテンプレート（最終形） HTMLのテンプレートを1行ずつ解説 ページのタイトルと説明文、外部ファイル ソーシャルメディア用のHTML アイコンとアドレスバー もう
Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無し フレームワークは必要無し ピュアCSSで実装、CSS
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万人は途上で死亡している。 その結果、アフリカの人々が遺伝的に大きく関与している点は、歴史記録に基づ
真っ黒すぎる塗料で脳がバグる
文房具ライターという仕事をやっていると、「黒さ」にちょっと敏感になる。 例えばボールペンの黒はどれも同じように見えて、実は油性インクの赤黒いのとか、フリクションのグレー気味な黒とか、ほんといろいろ。で、どれが結局いちばん黒いんだ的な話になることもあって、黒さを気にする機会が多いのだ。 そんな中、ポールペンじゃないが「やたらと黒い塗料」が発売されるという話を耳にした。どれぐらい黒いのか、気になるじゃないか。 1973年京都生まれ。色物文具愛好家、文具ライター。小学生の頃、勉強も運動も見た目も普通の人間がクラスでちやほやされるにはどうすれば良いかを考え抜いた結果「面白い文具を自慢する」という結論に辿り着き、そのまま今に至る。（動画インタビュー） 前の記事：豆乳を迷わず選べるオリジナルサインペン作り ＞ 個人サイト イロブン Twitter：tech_k 黒い塗料業界、わりと混沌 実はこの黒い塗
「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告（今野晴貴） - エキスパート - Yahoo!ニュース
またしても労基法違反、過労労災‥ ワタミは変わらなかったのか 今年９月15日、元参議院議員の渡邉美樹氏が代表取締役会長及びCEOをつとめる「ワタミ株式会社」に対して、高崎労働基準監督署から残業代未払いに関する労働基準法37条違反の是正勧告が出された。 労基署に申告したＡさんは、「ワタミの宅食」で正社員として勤務し、長時間労働によって精神疾患に罹患して現在休職中だ。Ａさんの長時間残業は、精神疾患に罹患する直前の１ヶ月前である６〜７月には、過労死ラインの２倍となる月175時間に及んでいたという。Ａさんはすでに高崎労基署に労災を申請済みだ。 2008年の新入社員の過労自死事件を機に、「ブラック企業」批判が相次いだワタミは、「ホワイト企業大賞」（実際には応募した企業のほとんどが何らかの賞を受賞している。詳細は下記の記事を参照）の特別賞受賞をアピールするなど、対外的に労働条件の改善を宣伝することに邁
「なぜ、団塊ジュニア世代～30代って、無印良品を買うのだろう…。なんで買うの？」時代の移り変わりからみるシンプルなデザインが好まれる理由
なちゅ。 @itacchiku ねえ！！！！そうだ！！Panasonicの新作の洗濯機、デザインが最高なので見て！！！！！めっちゃ美しい直角ライン。コンパクトなのに10キロタイプもある。温水洗いもバブル洗浄も洗剤自動投入も搭載。こういうの！こういうのがいいんだよ！！！！きたぜやったぜPanasonic！！！ panasonic.jp/wash/products/… pic.twitter.com/vY30S2uqUx リンク panasonic.jp ななめドラム洗濯乾燥機 NA-VG1500L/R | 商品一覧 | 洗濯機/衣類乾燥機 | Panasonic パナソニックのななめドラム洗濯乾燥機「Cuble( キューブル）」NA-VG1500L/Rの特長を紹介。液体洗剤・柔軟剤 自動投入、２度洗いモード、温水機能、スマホで洗濯、低温風パワフル乾燥、「ナノイー X」搭載モデルです。 1 u
２３：５０にヤマト運輸のドライバーが来た
1/31 なんではてブのトップにきてるんだろうぎょっとした おこったこと「単発」への愚痴を文章にして気が晴れた感じだったけど、トップページに載って、ブコメで２４時間不機嫌そうとか敵意しかないとか言われててそれにもぎょっとした 一瞬ゲスパー…って思ったけど、そう感じられるのは、そんな文章だったからなんでしょう。 でも実際に２４時間不機嫌でいられる人も、敵意しかない相手と一緒に暮らそうと思う人も、そうはいないと思います。 あとこの件については、夫と配送業者、それぞれの対応にちがう意味での「？？？」を感じたわけで、夫への不満をヤマトにぶつけてはいませんし、逆もしかりです 住所の件はごめんだし、誤配の件は気にしてないけど、夜中に来るのだけはやめてという、それ以上のことは申し上げてませんし、起こったことをデフォルメして書いたわけでもないです 夫がその場で事情をきかなかったことについては、そういう夫の
差別された黒人に差別された私がいま思うこと（熊川 鮎子）
5月25日に起きた黒人男性ジョージ・フロイド氏の死亡事件から1ヶ月半。現地アメリカでは今月9日、トランプ・タワー正面の通り（5番街）に「BLACK LIVES MATTER」の大きな文字が黄色いペンキで描かれるなど、BLM運動の勢いはまだ続いている。 幼い頃、アメリカに住んでいたライターの熊川鮎子さんは、そんなBLMに関する報道を日々目にするなかで、昔のある記憶が蘇ってきたという。それは、目の前で黒人女性が白人から差別を受けたときのこと。その時に黒人女性から言われた言葉の意味を、熊川さんは今も考え続けている。 ※以下、熊川さんによる寄稿。 黒人女性がプールに入った途端 白人の子たちが出ていった 私は80年代後半、アメリカ中西部にあるオクラホマ州で、幼稚園から小学校3年までを過ごした。オクラホマは1830年代にアメリカ東部に住んでいたネイティブアメリカンが強制移住させられた地で、いまもネイテ
竹中平蔵パソナ会長「世界は数年痛い目を見る」 いやあなたのせいですでに散々痛い目を見ています(藤田孝典) - 個人 - Yahoo!ニュース
派遣労働、非正規労働者を急増させてきた竹中平蔵元経済担当相（現・パソナ会長）（写真:つのだよしお/アフロ） 竹中平蔵元経済財政担当相の雇用改革は今でも甚大な効果を発揮している4月18日、19日に弁護士、司法書士、社会福祉士、労働組合員などが企画し、全国一斉なんでも電話相談会が開催された。 新型コロナウイルスの影響により、生活困窮する人たちが多いため、全国の専門職などの有志が立ち上がった。 私も埼玉県で活動する仲間たちと電話相談を受け、経済危機の実態が深刻であることを改めて実感するに至った。 朝10時から夜10時まで、埼玉会場の5回線は受話器を置けばすぐに着信がある状態が2日間続いた。 2日間合計で、埼玉会場には、全産業から雇用形態に関係なく420件を超える相談が寄せられている。 他にも、中小企業の社長、自営業者やフリーランスの方たちからも生活苦が語られた。 そして、なかでも立場の弱い派遣労
これを見つけたときは「もう書かなくて良いじゃん」と思ったが、中身は「色々入ってますね」的なことぐらい。一流週刊誌よりは詳しいけど、まだまだ踏み込みが足りん！ 調査の基本は一次情報まで遡ること、だと思っているので、渋谷区の予算書を拝見。3年リースらしいので、最初の年である平成29年度予算を見ます。 このなかで「ICT教育の推進」が該当事業の模様。要件を抜き出すと以下の通り。 渋谷区立の全小・中学校において ①児童・生徒・教師にタブレット端末を１ｔｏ１（１人１台）で配備する。8,600 台 ②国内のＬＴＥ網を利用した、データ通信用のＳＩＭカードを配備する。8,600 枚 ③全普通教室に電子黒板機能付きプロジェクターを配備する。287 台 ④プロジェクターの配備にあわせ、協働学習用の画面転送装置を配備する。287 台 ⑤国内のＬＴＥ網を利用し、いつでもどこでも学習ができるデジタルドリル（小 1～
商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 アイコンのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute IconはWebサイトやスマホアプリのUI用にシンプルにデザインされた高品質なアイコンです。24x24のグリッドで設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストローク、SVG、PNG、およびWebフォントがサポートされています。 ライセンスはApache License 2.0で、商用
結騎 了 on Twitter: "転職を数回経験して、直近の数年は上司を体験させてもらってるけど、「仕事が上手じゃない人」の多くに共通点があると感じている。それは、「取り掛かりが遅い」。とにかくこれに尽きる。シンプルな怠惰、考えすぎ、極端な慎重派、仕事を断れなくて量を抱える人......。何より着手までが遅い。"
転職を数回経験して、直近の数年は上司を体験させてもらってるけど、「仕事が上手じゃない人」の多くに共通点があると感じている。それは、「取り掛かりが遅い」。とにかくこれに尽きる。シンプルな怠惰、考えすぎ、極端な慎重派、仕事を断れなくて量を抱える人......。何より着手までが遅い。
これでもうUIデザイン用の高品質なSVGアイコンに困らない！ 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上！ ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ
【入門】非デザイナーのための「デザインのルール」
僕はデザイナーとして、これまで多くのインフォグラフィックスやスライド形式の記事を作ってきました。その関係で、一般的なビジネスに使うスライドについて聞かれることがよくあります。そんな時の回答は大抵の場合、次の3つです。 ・情報を減らすこと ・ルールを守ること ・装飾をしないこと こう答えると、見た目のカッコ良さを期待していた人には、がっかりされることもあります。（笑） でも、ビジネスの資料で、最も優先すべきことは「わかりやすさ」です。そして、資料のわかりやすさに、装飾的なカッコ良さは関係ありません。むしろ、余計なあしらいが、わかりにくさを生んでしまうことも多いのです。 では、「資料にデザインは必要ないのか？」というと、そうではなくて、資料のデザインとは、グラフィック的な装飾ではなく、（視覚的に）情報を整理することなのです。 一般的に、デザインをフィニッシュワーク（清書や化粧のようなもの）と考
「これマジで美味いよ」適当に切ったトマトをオリーブ油で炒めて、弱火で放置。スパゲッティは粗塩多めで茹でるだけのシンプルなレシピ「トマトだけのスパゲッティの作り方」
ワダシノブ @shinoburun 材料 ・トマト ・スパゲッティ（１人分80ｇ） ・オリーブ油 ・塩（あら塩） 作り方） ①トマトを適当に切る ②オリーブ油をひいたフライパンで、①を軽く炒める ③弱火で放置 ④スパゲッティを茹でる（あら塩をしっかり入り） ⑤茹で上がったらフライパンのトマトとあえる ⑦完成！！！！
また、芯の摩耗が少なく、削らなくても長時間書き続けられることもメリットとして挙げられる。なるべく同じ面だけで書かず、芯の先端を均等に使うことで、芯の尖りをキープできるという。芯は合金素材でできているが、通常の鉛筆のように一般的な消しゴムで消すことが可能。水や水性マーカーなどでもにじまないので、水彩画やイラストの下書きとしても使えるという。 同商品について、サンスター文具は「マットな質感と14グラムという絶妙な重さで高級感を持たせることにこだわった。軸の形状も八角軸で、一味違った仕様に仕上げた」という。 関連記事 東大合格者は毎年500人以上！ 鉄緑会「公式ノート」が地味にスゴい 東大受験専門塾の看板を掲げる「鉄緑会」が、初の公式ノートを発売した。パッと見たところ「普通のノート」に感じるが、どのような工夫が施されているのか。開発に携わった、KADOKAWAの担当者に話を聞いたところ……。 ち
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
ユニクロで年配の女性が若い従業員に「これは黒？紺？」と尋ねたら「ネイビーです」と返されてでっかい声で「あ？」とキレてて面白かった
キネ @esqbt ユニクロで年配のおばさんが、若い従業員にこれは黒？紺？と尋ねたら、従業員が「ネイビーです」と返して、おばさんがでっかい声で「あ？」とキレてて面白かった
THYME | 性暴力被害者支援情報プラットホーム
【ワンストップセンターとは】 性暴力被害にあった人に早く公的支援を届けるために、内閣府が全国に設置しているセンターです。 各都道府県に1つ以上設置されており、現在は全国に52か所あります。 ワンストップセンター一覧はこちら：内閣府ホームページ ...
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコードなので、非常にシンプルでカスタマイズも簡単だと思います。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSSで実装するレイアウト・UIコンポーネント CSS Layoutの特徴 CSS Layoutはよく使われるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。
シンプルな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
よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout
最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ブックマークや、スニペットに登録しておくと便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSS Layoutの使い方 CSS LayoutのレイアウトやUI要素91種類 CSS Layoutの特徴 CSS Layoutは、CSSで作成された一般的なレイアウトとパターンのコレクションです。 依存は一切なし フレームワークも必要なし CSSハックもなし すべて実際の使用例 MITライセンスで、商用プロジェクトでも無料で利用できま
「精神科医から大事なお話をします。死ぬ程働くと…」そのお話がシンプルだけど驚くほど大事だった→様々な意見や経験談が集まる
SchneggemANTIFA @sunegebohbohman あなたが死ぬほど働くとあなたが死ぬのはもちろん、「あ、意外と働かせられるんやな」と経営者は思います。すると本来もう少し人員を割かないといけない仕事が「一人分」になります。そうすると他の人が死ぬほど働くことになります。ちなみに人手が充足してしまうと賃金は上がりません。サボれ。
齋藤 @saito_d 肌感覚だけど90年代でも真っ黒な人ってさほど多くはなかったし、そう考えると黒が最もベーシックなカラーとされるようになったのは極めて近年（下手したらまだ20年弱）のことだというのがわかる。意外とスリマン以降じゃないのか。 twitter.com/saito_d/status… 2023-07-14 14:46:29 リンク Wikipedia エディ・スリマン エディ・スリマン（Hedi Slimane, 1968年7月5日 - ）は、フランス出身のファッションデザイナー。20世紀終盤頃から21世紀初頭にかけてのファッションブランド「イヴ・サン＝ローラン」・「ディオール・オム」及び2012年から2016年にかけてのSAINT LAURENT PARISのクリエイティブディレクターとしての活動が最も広く知られている。 「少年性」と「ロック」をテーマにした繊細な作品群は熱
白央篤司 @hakuo416 フードライター、コラムニスト。新刊『台所をひらく』（大和書房）『名前のない鍋、きょうの鍋』（光文社）が発売中です。連絡先： hakuoatushi416@gmail.com note.com/hakuo416/n/n77… 白央篤司 @hakuo416 【お願い】みなさんのお雑煮を見せてくださいませんか。可能でしたらお住まいの地域も書き添えてほしいです。なにとぞ、よろしくお願いいたします。お願い初め🙇♂️
ための片付け計画を、汚部屋を見事に脱出した経験のある筆者が徹底的に解説します。 汚部屋を脱出したときの様子 本気を出してここまでキレイに片づけました 以前はあまりの汚部屋っぷりに新聞社から取材をうけたこともあります。が、今では無事に汚部屋を脱出。その「汚部屋を脱出したときのお話」が片付け本として宝島社より書籍化もされました。
以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You can create these elements without JavaScript by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブ対応のテキスト省略 スター レイティング ツールチップ・ドロップダウンメニュー モーダル フロートするラベル アコーディオン・トグル 終わりに はじめに スマホやWeb
📌 はじめに Pythonで開発を行うにあたり、リンタやフォーマッタ、パッケージマネージャ等のツールの選定は非常に重要な問題です。一方で歴史的な経緯もあり、沢山の選択肢から何を選ぶべきか情報がまとまっていないように感じました。この記事では2021年9月時点でモダンと言えるであろう開発環境を紹介します。基本的にはシェアが高いこと、著名なパッケージで使用されていることを主な選定理由としており、また特定のエディタに依存しないことを前提とします。 本記事で紹介する内容は一つのテンプレートに近く、必要に応じてカスタマイズするもよし、そのまま使ってもよし、として参考になればと思います。(CI/CDについてはPythonとは独立した問題なので触れません。またドキュメント生成はSphinxを推しますが、必須ではないので今回は割愛します。) 📄 要約 "モダン"な開発環境を箇条で列挙すると下記の通りです
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
これまで２社のブラック企業を経験したんだが共通点が物凄く多くて驚いた
「ブラック企業」に「黒人差別」の指摘 どう思いますか：朝日新聞デジタル
最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ
フォントが大好物な人は要チェック！2020年、日本語の新作フリーフォントのまとめ
「1台27万円」はぼったくりなのか？｜稲田 友 @ NTT Com｜note
SEOのプロ解説！ HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
削らずに16キロも書ける！ 芯まで金属なのに書けて、消せる「メタルペンシル」
光の98％以上を反射する「最も白い塗料」が開発される、白すぎて塗った物体が冷える
よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ
シンプルなHTMLで、モダンなWebページを簡単に作成できるclassレスの超軽量CSSフレームワーク -new.css
PCでBlu-rayを簡単に見る方法がないのは本当に不便で不便で不便
1978年の新宿の写真を見て気づく「黒い服を来た人がいない」→その理由はこれ？「『普通』ができたのごく最近」
【お願い】みなさんのお雑煮を見せてくださいませんか→各地のお雑煮が次々に集まる
年末3日間で「人を呼べるくらい」片付いた部屋にする計画を徹底解説！ - 華の部屋
HTMLとCSSも進化している！JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ
【2021】モダンなPython開発環境の紹介 - Qiita
bethany.hatenablog.jp
topics.smt.docomo.ne.jp
approach.yahoo.co.jp
x.com
gold.jaic.org
anond.hatelabo.jp