ライティング力が勝手に上達する「写経」
文章が上手になる方法 「文章」や「記事」を書くことが苦手な方は是非参考にしてください。 「文章を書く」と聞いただけで諦めてしまう方が多いのも現実です。 そもそも「文章を書く」事が苦手な方の原因ははっきりしています。 はっきり言いますが、原因は「練習してない」からです。 「では、今までに文章を書く練習をどのくらいしましたか？」 ほとんどの方が「やっていない」と答えます。 書けないのではなく、やっていないだけです。 文章を上手になる方法は「書いた量＝実力」と言うことです。 つまり、書けば書くほど上達します。 更に、ほとんどの人が「練習していない」のです。 今から始めても全く遅くはありません。 文章が溢れるトレーニング 「文章が上手くなりたい」 そんな方には「写経」をお勧めします。 「写経」とは「好きな文章そっくりそのまま書き写す」作業です。 句読点やスペースも全く同じように写してください。 手
いちかり君🏡お部屋探しの教科書(東京/神奈川) @ichikaritokyo 部屋探しプロが『一人暮らし、カップルさん向け賃貸暮らしライフハック』発信🗣️ フォローすると賃貸暮らしの失敗が減ります | 過去ツイを定期で再ツイ |この中の人→@nakayudayo《東京：仲介手数料0円〜お部屋探しエージェントマッチング▶︎https://t.co/HdkO4pyd3A》 youtube.com/channel/UC2ju9…
CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました、画像をアスペクト比で実装する今までとこれからの実装方法
先日アップデートされたSafari 15とSamsung Internet 15により、すべてのエバーグリーンブラウザでaspect-ratioプロパティがサポートされました。 ※エバーグリーンとは、最新版に自動アップデートされるブラウザのことです。 aspect-ratioプロパティを使用することで、レスポンシブ対応の画像をアスペクト比を維持したまま簡単に実装できます。 CSSでアスペクト比を実装する今までとこれからの実装方法を紹介します。 CSS ways to Create Fixed Aspect Ratio aspect-ratioプロパティとは 1. Padding Hack 2. Viewport width solution 3. aspect-ratioプロパティ デモ aspect-ratioプロパティとは aspect-ratioプロパティは名前の通り、アスペクト比を
100日間サイゼリヤを食べ続けた人の感想「100日間食べ続けても飽きることはない」「大人になるとサイゼリヤの本当のありがたみがわかる」
進撃のグルメ＠コンビニ新商品とチェーン店の新メニュー＠SHINGEKI @rekishichosadan ツイートに載せきれなかった全100項目は、ブログに記載しています。 よろしければ、ご覧ください。 【必読】100日間サイゼリヤ生活を終えてわかったこと100個まとめました foodfighter.jp/saizeriya-100m… 2021-06-21 05:35:24 リンク 進撃のグルメ（デカ盛り・メガ盛り・特盛・大盛りetc） 【必読】100日間サイゼリヤ生活を終えてわかったこと100個まとめました進撃のグルメ（デカ盛り・メガ盛り・特盛・大盛りetc）世界一のデカ盛り・大盛りグルメサイトを目指しています！！！ 毎日、デカ盛り、大盛り、おかわり自由、食べ放題のお店を探しています。 夢中になれるものを見つけま… 7 users
【シドニー共同】東京五輪に出場したオーストラリアのサッカーと7人制ラグビーの男子代表選手らが、帰国時に搭乗した日航機内で酔っぱらって歌うなどして騒ぎ、乗務員による着席やマスク着用の指示を拒否したため日航が苦情を訴えたと複数のオーストラリアメディアが3日報じた。 オーストラリアン紙電子版によると、2人以上の選手が嘔吐し、トイレが汚れて使えなくなった。また保管してあった酒類を勝手に持ち出し、乗務員がやめるよう頼んでも応じなかったという。 日航はオーストラリア・オリンピック委員会に「極めて異例な」（同紙）書面による苦情を申し立てたという。
徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは
長い間信じていたガセネタを教えてください
私の場合 ・鼻血を止める時は眉間をつまむといいと信じてた ・切り傷はかさぶたを作って、剥がれてきたら治った証拠と思ってた ・指のさかむけは、親の言うことを聞かないからと信じてた ・朝見たクモは殺してはいけないと思ってた ・うなぎと梅干しを一緒に食べるとお腹を壊すと信じてた ・北枕で寝てはいけないと思ってた ・しゃっくりが100回出ると死ぬと思ってた ・トイレをきれいにすると運が良くなると思ってた ・手が冷たい人は心が温かいと思ってた と言っても、ここに書いたことをまだ信じている部分もあります 幼い頃の刷り込みは一生続くのですね、怖いですね
アイコンのサイズをテキストに揃えて配置する時、どのように実装していますか？ テキストのサイズぴったりにアイコンを簡単に配置できるCSSの新しい単位「lh」「rlh」が登場します。 'lh' and 'rlh' units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSS Values and Units Module Level 4に見たこともない新しい単位がありました！ lh それが使われている要素のline-heightプロパティの計算値に等しい rlh ルート要素（おそらく<html>要素）のline-heightプロパティの計算値に等しい これらの新しい単位が役立つシーンはどこだと思いますか？ Šime Vidasの記事によると、
スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。 高さを縮ませるのはヘッダに限らず、パネルやバナーなど他の要素でも簡単に実装でき、汎用性にも優れていると思います。 Shrinking Header on Scroll Without JavaScript by Håvard Brynjulfsen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デモページのデザインがシンプルなので、一見見落とすかもしれませんが、ページをスクロールするとヘッダの高さが縮んで上部に固定表示されます。 デモページ 仕組みは、簡単です。 ヘッダは外側と内側の2
はじめに 私事ながら.... 今年・2022年3月でフロントエンドエンジニア2年目を迎えました 技術力がまだまだ足りなく、現在進行形で奮闘中ですが この１年間で、技術がない中でも自分のバリューを発揮するために工夫して、これは結果が出たな、という取組をまとめてみたいと思います！！ すぐに実践できるよう具体的に書いていますので、よければチラ見していってください。 ひよっこエンジニア仲間で何か出来ることがないか悩んでいる方(わたしだけ？🐥)や これからエンジニアになるので策を練っている方 などなどの方に１つでも習得のある記事になれば幸いです。 1. 技術力を少しでも上げるために (1) あたり前田のインプット まずは、いやそリャそうだろと言われてしまいそうですがインプットをすることです。 先輩エンジニアとの会話が理解できるようになるところから始まり、良いコードの書き方が学べたり、自分の作ってい
ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ
いつも課長から1時間以上も詰められていた仕事のできないおじさんがいたけど自分が辛い時も声をかけて支えてくれた「仕事だけで人を判断したくない」
品質さん @chokyori_tsukin 仕事はあまりできないおじさん。いつも年下の課長から、会議室で1時間以上も詰められていた。けど、このおじさんは毎回家族で旅行行っただとか、定年は奥さんと何やりたいだとか聞かせてくれて、自分が辛い時も声をかけて支えてくれた。だから自分は決して仕事できるできないで人を判断したくない。 twitter.com/i/web/status/1… 2023-02-13 06:57:02
丸亀製麺は“讃岐うどん”の看板を下ろしたほうがいい、これだけの理由：スピン経済の歩き方（1/6 ページ） 丸亀製麺からすれば、「これいつまで叩かれ続けられないといけないの？」とゲンナリしているのではないか。 2月20日、J-CASTニュースが報じた『丸亀製麺が「本場」香川で苦戦 県内残り1店舗に「地元のうどん屋が強すぎる」の声』という記事が話題になったことを受けて、かれこれ10年もの間、ことあるごとに炎上を繰り返してきた例のネタが再び蒸し返されてしまったからだ。 それは“丸亀製麺、実は丸亀と全く関係ナシ問題”である。 あまりにも有名な話なのでご存じの方も多いだろうが、丸亀製麺を運営するトリドールホールディングスは兵庫県が発祥で、創業時は焼き鳥屋である。「讃岐うどん」の本場である香川県と縁もゆかりもないし、屋号である丸亀市には店鋪はもちろん、製麺所を経営したこともない。 しかし、われわれ一般
新しい料理番組『DAIGOも台所』はDAIGOが皮むきや計量するたびに先生が褒めてくれる超初心者向け番組らしい「成長が楽しみ」
もやし @moyashi_k きょうから始まった「DAIGOも台所」って料理番組、料理超初心者のDAIGOが料理の先生に「（ジャガイモの皮を1ストローク剥いて）順調ですか？！」「（しょうゆ大さじ1計って）どうっすか？！」って聞きまくって、先生が「いいですね～」「完璧です～」って褒めるやり取りがおもしろすぎたwwwまた観る！ 2022-04-04 15:38:33
どんぐり @oak_tree3 これほんとそう思う。 米人は率直で歯に衣着せぬ物言いすると聞いた事があるけど、育ちがいいほど言い回しがすごく婉曲で空気読む。 twitter.com/knagasaki/stat… 2021-12-23 07:43:00
sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅（親要素の幅）になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか？ ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block;を加えると思います。 しかし、ブロック要素のwidthにfit-content値を使用すると、ブロック要素のまま（displayの値を変更せずに）コンテンツのサイズに合わせることができます。 「古い方法」「より良い方法」としたのは、上記画像の直訳です。古いからダメということではなく、より良い方法が使えるようになり、ケースバイケースで使用するのがお勧めです。 古い方法
Some Amazon and Max cartoons may have been partially animated in North Korea
大型の台風19号は猛烈な勢力に発達し、日本のはるか南の海上を進んでいます。今週土曜日から日曜日にかけて暴風域を伴って九州や四国、本州にかなり接近し、週末からの３連休は各地で暴風や大雨となるおそれがあります。気象庁は、今後の台風の情報に注意し、早めに備えを進めるよう呼びかけています。 台風は北上を続け、11日金曜日ごろには沖縄の大東島地方へ接近し、その後、進路を北寄りに変え、12日土曜日から13日日曜日にかけて暴風域を伴って九州や四国、本州にかなり接近するおそれがあります。 台風の北上に伴い小笠原諸島や沖縄・奄美では今週半ば以降、西日本と東日本の太平洋側では金曜日ごろから波が高まる見込みです。 また西日本から北日本の広い範囲で、土曜日ごろから暴風や大雨のおそれがあります。気象庁は今後の台風の情報に注意し、早めに備えを進めるよう呼びかけています。
先日、KDDIが大規模な通信障害を起こした。社会インフラである携帯電話に関する障害ということもあって影響は大きく、SNSでもさまざまな話題のタネになった。障害対応をしている真っ最中の現場など、関係各所に「今どうなってるんだ」と怒鳴り込み、解決を遅らせる「今どうなってるんだおじさん」もその一つだ。 例えばauの障害時は、auショップに怒鳴り込む人が相次いだという。総務省がKDDIに幹部を直接送り込んだ報道に対しても「『今どうなってるんだおじさん』ではないのか」と疑問視する声が見られ、後に総務省が「足を引っ張ったわけではない」と詳細を説明していた。 実はこの問題、携帯回線だけでなく、クラウドなど、他のITインフラの障害時にも起こり得る。もし周りでITインフラが障害を起こしたとき、今どうなってるんだおじさんにならないためにどんな考え方をすればいいのか。auの一件や、エンジニアやコンサルタントとし
EXILEの音ゲーがファンに寄り添いすぎててこれまでの音ゲーの概念を覆しまくってる「ライブ音源なので観客の絶叫で音が聞こえん」
みじんこ🫡 @mizink00 EXILE音ゲー、音源がライブなので歌の途中で「京セラのみなさーん！」とか叫んでリズム狂ったり盛り上がってきたときに客席の＼ﾜｱｱｱｱ！！！／って歓声で曲聞こえなくなったりするのリズムゲームとしてオモロすぎるからみんな一回は遊んでみてほしい。 2022-03-02 12:22:01 みじんこ🫡 @mizink00 ライブ映像使ってるからEXILEの人たちだけじゃなくて客席の感極まってるオネーチャンとかも映るのオモロすぎるだろこの音ゲー……一般の人だぞ……。 2022-03-01 23:31:47 リンク extreme-lives.com 【エクスト】ライブ体感アプリ［EXtreme LIVES］好評配信中 EXILE TRIBE6グループ総勢52名が集結したリズムゲームアプリ［EXtreme LIVES］20年に渡って奏で、紡いできたLIVE映像・名パ
社で何かキャッチアップするのがめちゃくちゃ上手い人がいる。 情報がまとまっているか、参照しやすいかといった社の状況にもよるのだけれど、上手い人には一定のパターンがある気がしていて、そのへんを雑にまとめておきたい。 検索対象の選択肢を持ち、最速を意識している Slackのやりとりを検索する、GitHubのIssueやPRを探す、Google Driveを検索するといった感じでまずシュッと探してみる癖が染み付いている どこに情報がまとまっているかを見極め、選択肢のうちどこからあたるかのが最速かを素早く判断している 検索条件を駆使している ワードでの検索だけではなく、日時の範囲指定、投稿者・メンション先といったフィルタリング、除外設定などを駆使している インデックスとなる人や聞く場所を作っている 人に聞いた方が早いことも多いので、どこで誰に聞けば辿れるかインデックスを作っている。人や場所がない場
リンク トクバイニュース 豚こま肉はあえて"買い"な超便利食材ｰｰ切り落としとの違いや柔らかく調理するコツ 他の部位に比べるとお買い得な価格である豚こま切れ肉。その理由をちゃんと知っていますか。価格が低いからと言って、品質やおいしさが劣るわけではないんです。むしろそれ以上に魅力たっぷり。その理由を管理栄養士の尾花友理先生が解説してくれました。切り落とし肉との違いも紹介します。 2
のぞみ全車指定のJR西日本、「お乗りになってから初めて自由席がないことにお気付きのお客様」とつい煽ってしまう
陰謀論を信じる妻よ
いや、ええねん。 陰謀論をまるっきり信じて、やれ「日本が潰される」とか、 「ワクチンで人間が操作される」とかさ。 それを信じることによって何か生産的なことが出来るようになるなら別にええんやけどさ。 「準備しなきゃ」とか「なんとかしなきゃ」って口だけで何も動いてへんやん。 今日も都市伝説やら食糧危機が来るだの動画見てるけどさ。 いや、ずっと動画見てるだけやん。 それさ、某宗教とまったく同じなんよな。 人生の指標になったり、人生を豊かにしたり、そのために宗教ってあるはずなんやけど、 最終的に宗教を広めるために宗教やって、それだけに時間使ってるみたいな。 いやいや、本末転倒虫やん。 そんなんする暇あったらさ、なにがしか金稼ぐ努力してくれへんかな。 金もないのに何も準備なんかできへんやん。 一回見たことあるような動画も何回も見てるしさ。 今のあなたの脳内、都市伝説の嘘かほんまかわからん謎の知識で埋
客観的に自分の変化を知る方法『同じ小説を数年おきに繰り返し読む』以前読んだときと全く違う感想に「気に留めてなかった文章が響く」
本の感想に自分の変化があらわれるの、とてもよくわかる。そのとき抱えている問題や焦っていることが感想に出たりしがち。
ポンデべッキオ @pondebekkio コミュ障で悩んでる人の多くは礼儀作法を重んじた昭和型社会の方が生きやすかった気がするんだよな。昭和の頃はルールブックがあってコミュ障もそれさえ守れば世間という柵の中で包括されたんだけど、時は令和になり古臭いルールブックは焚書され柵も撤去された。昭和はJRPGで令和はオープンワールド。 2022-05-24 11:21:46
続：離婚すべきかと相談する妻にどう対応しよう
続き。 離婚すべきかと相談する妻にどう対応しよう https://anond.hatelabo.jp/20221113180824 結論、離婚が確実になった。 今日帰宅すると妻が不在で不審に思っていると、急に妻の父親から電話がかかってきた。 妻は病歴を隠していたそうで、一度精神疾患で数ヶ月ほど大きな病院に入院の経験があり（それは上司のパワハラが原因らしい）、自傷の傾向もあるらしい。 妻は運動が好きでヨガやマラソンを長く続けていると聞いていたが、実は痩せているのは運動のためではなく精神面の不調のせいだと。 体力があるように見せていたのは威勢を張っていたらしい。 妻のお父さんは非常に申し訳無さそうに「娘が帰ってきて話を聞いたが自分も疲れている。娘は結婚には向いていない。判断したほうがいいのかなと思っている。あなたなら大丈夫だと思っていたのだけど」と伝えてきた。 神経質な性格だとは感じていた。確
マジではてブ民の言う「リモコンを探す」ってなに？
スマートスピーカーのメリットで「リモコンを探す必要がない！」ってはてブがいっぱいあってびっくりしたんだけど。 いや、「リモコンを探す」ってなに？ リモコンってテレビ見るソファーのところに置くよね？ 探す必要なくない？ なんでリモコンが移動するの？ テレビがない部屋にリモコンを持っていくとかあるわけないよね？ なんで探す必要があるの？ しかもなんでかなりの人数が探しているの？
＊2020/10/26追記＊ 本稿で「心理的安全性」と書かれているのは「安心」のことなんじゃないか？定義が間違ってるんじゃないか？というような指摘をtwitter等で頂いてるのを散見して「なるほど確かに。。」と思っています。なんとなく響きで言葉を使ってしまったところや、思慮が足りない部分がありました。こうやってたくさんの人に読んでもらうと一人で悶々と考えてるだけでは詰め切れてないところを詰めていけるのがありがたいです。いつかもうちょっとよく考えた上で改稿したいです。 タイトルが本稿の結論で、これから書くのはなぜそう思うのか？ということなので、タイトルを読んで「うんそうだよね。そう思ってたよ」という人はここで読むのをやめて大丈夫！ 心理的安全性という言葉の定義もなんとなくあやふやなんだが、ざっくりと「良いと思うことを良いと言い、悪いと思うことを悪いと言い、やりたいことをやりたいと言い、やりた
minmax()はCSSの関数で、要素サイズの最小値と最大値を定義することができます。カードを配置するグリッド、記事を中央配置で画像を幅いっぱいにするフルブリードなど、ページのレイアウトやUIコンポーネントの実装に非常に便利です。 CSS Gridにおけるminmax()関数の実用的で、便利な使い方を紹介します。 A Deep Dive Into CSS Grid minmax() by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Gridにおけるminmax()関数 minmax()のバリデーション minmax()をシンプルなグリッドに使用する auto-fitとauto-fillの相違点 minmax()の便利な使い方 考えなしに、auto-fitを使うことの弊害 終わりに
社長と副社長は双子姉妹、腐女子・夢女子ゲームのCOLYが中々お目にかかれない資本構成で上場へ : 市況かぶ全力２階建
決算発表が出ないことを怪しんでストップ高まで買われたエックスネット、TOBされるどころか逆に資本提携解消で切られて過剰にお金が流出するお笑い劇場に
CSSで句読点括弧のカーニングができるようになるぞ！ 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ
CSSのこの機能を待っていた人も多いと思います！ CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読
Web制作者の念願がついに叶った！ height: 0;からheight: auto;へのトランジションをJavaScriptは無し、CSSで実装する方法
今までJavaScriptを使用しないと実装できなったことが、CSSだけで実装できるようになったものが増えてきました。たとえば、表示・非表示をdisplayプロパティでアニメーションできるようになったり、スクロールをトリガーにしたアニメーションなど、新機能が登場しました。 今回紹介するのは、height: 0;からheight: auto;へのトランジションです。高さが固定値であれば簡単にアニメーションできますが、コンテンツ量が不明で成り行きの場合はJavaScriptで高さを取得する必要がありました。 height: 0;からheight: auto;へのトランジションをCSSで実装する方法を紹介します。元記事を読んで、CSS Gridをここで使用するのか！ と驚きました。 🧙♂️ CSS trick: transition from height 0 to auto! by Fra
ある発達障害当事者の人の講演に参加したとき「社会に何を求めるか」という話題で障害者が「景気が良くなってほしい」と言っていたことが印象に残った
かとう（コミュゲ研）TRPG・発達・余暇支援・コミュニケーションの研究者 @comgame2014 昔、ある発達障害当事者の人の講演に参加したとき、「社会に何を求めるか」という話題で、壇上の当事者の一人が「支援や制度も大事だけど、何より景気が良くなって欲しい。社会に余裕があれば、私たち（発達障害のある人たち）への理解や支援も進み易いから」と言っていたのが今も印象に残っている。 2021-04-30 17:15:02
CSSの新しいプロパティ「field-sizing: content;」が便利！ フォームのサイズを入力された文字量に合わせて自動変更
今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは
先日リリースされたChrome 108で、CSSの新しいビューポート単位（svh, lvh, dvhなど）がサポートされました。SafariとFirefoxではすでにサポートされていましたが、Chromeでもサポートされたのは朗報です。 この新しいビューポート単位の基本的な使い方と注意事項を紹介します。 The large, small, and dynamic viewport units by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 はじめに おさらい: ビューポートとその単位 新しいビューポート単位の必要性 注意事項 リソース はじめに 先日リリースされたChrome 108で、動的なバーがあるスマホのビューポートを考慮したCSSの新しいビューポート単位がサポートされました。SafariとFirefoxではすでにサポート
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お部屋探しで “おとり物件” に振り回されないために注意すべきあれこれがこちら「騙されると一日ムダになる」
![[拷問242]姫様“拷問”の時間です - 春原ロビンソン/ひらけい | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1393bac9e381f5c0e4286d464ac793231bc2dbd/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Fseries-thumbnail%2F10834108156649530406-dea1e97d5b839a0e2590e0ffb2173b35%3F1722512037)
![[7話]MAD - 大鳥雄介 | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fe710cba47db119d9b69bb43370c3bfd6d2e544/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Fseries-thumbnail%2F17106371875013423642-9e5d8bd78c3881ea0848997b6f58571e%3F1722847793)
![[おまけ漫画45]恋人以上友人未満 - yatoyato | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c3bbe8320cc68d62eeb9bee5e4c08d2b0b224ae/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Fseries-thumbnail%2F3269754496837584589-b3224d85d04cef4853a13aa3bb6e8ff8%3F1722512042)
![[二十話]ごぜほたる - 十三野こう | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/8451c5b2c212d4ec66e5ae8fb76af32b08cb40d6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Fseries-thumbnail%2F9324103629133160788-4c46816528ca3e9ca1add6d2074791a7%3F1723775726)
豪選手ら帰国時、日航機で騒ぐ トイレ汚し、会社側が苦情（共同通信） - Yahoo!ニュース
FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA
エ場長 on Twitter: "トイレせっっまww って思ったらドアが２つの機能を持っていた。 作った人、天才なのでは… https://t.co/SDR14XoZIe"
CSSでアイコンをテキストに揃えるのはこれで簡単になる！CSSの新しい単位「lh」「rlh」が登場
JavaScriptは無し、スクロールした時にヘッダの高さを縮ませて上部に固定表示させるCSSの実装テクニック
1年目エンジニアがバリューを出すためにした工夫、結果が出たモノのみ具体的にまとめてみる。
CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
丸亀製麺は“讃岐うどん”の看板を下ろしたほうがいい、これだけの理由
「米国人に言ったら驚かれた」的な話、育ちの良い米国人は相手が重要だと思ってる話には驚いてみせるので単に社交辞令と思うべき
CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法
Engadget | Technology News & Reviews
台風19号 猛烈な勢力に 週末からの３連休 列島に接近か | NHKニュース
ITインフラの障害時、「今どうなってるんだおじさん」にならないために 必要な心構えを考える
社内の知らないことを探すパターン - Konifar's ZATSU
豚こま肉って安いけど物足りない？→ちょっとの工夫で柔らか・激うまになる簡単豚こまレシピ集めました
電電公社への回帰、NTTがNTTドコモを完全コドモ化 : 市況かぶ全力２階建
アンカーから紛失防止トラッカー、iPhoneの「探す」に対応
「コミュ障」の多くは昭和型社会のほうが生きやすかったのでは？「昭和はJRPGで令和はオープンワールド」
心理的安全性の総量は増やせない、最適に配分できるだけだ。（追記あり）｜青木耕平
しっかり理解しておくと便利なCSSのテクニック、minmax()関数の使い方
なぜ、地方の女子学生は東京大学を目指さないのか【2023年度調査結果】 ｜#YourChoiceProject
CSSの100vhがスマホで高さいっぱいにならない問題はこれで解決！ CSSの新しいビューポート単位の使い方と注意事項
様子見していたあのゲーム、今こそ買い時かも！特選Steamサマーセール「過去最安」編【Steamサマーセール2024年夏】 | Game*Spark - 国内・海外ゲーム情報サイト
eigakansou.biz
fujinkoron.jp
perfectworld.tokyo
jp.reuters.com
www.crank-in.net
www.sponichi.co.jp