シンプルなCSSで実装できる！記事は中央に固定幅、画像は幅いっぱいに、フルブリードレイアウトを実装するテクニック
記事のテキストが多いサイトで見かけるレイアウト、記事は中央に固定幅、画像は幅いっぱいに表示するフルブリードレイアウトをシンプルなHTMLとCSSで実装するテクニックを紹介します。 記事の固定幅は自由自在、画像の幅いっぱいも最大値を制限するなども簡単にでき、いろいろな応用も効く実装テクニックです。 Full-Bleed Layout Using CSS Grid by Josh Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのレイアウトにおける問題 解決策 CSS Grid 子カラムの割り当て方 子をフルブリードにする まとめ はじめに 以前、誰もが実装しようと努力したゴールドスタンダードのレイアウトがありましたが、そのレイアウトを正しく実装するのは非常に困難でした。 そのレイアウトとは、聖杯レイア
エンジニアなら知っておきたい生産性を爆上げするツール8選 - Qiita
はじめに 今まで自分が使ってきた中で、これは生産性が爆上げする！と思うものを厳選しました 是非最後までご覧ください 1. Biscuit 公式サイト -> Biscuit 複数のアプリをグループ分けしたり、まとめることができるアプリケーション 調べ物が多いエンジニアは、Chromeのタブがカオスになっていることがよくあります 個人的にはあれこれなんでも登録するのではなく、よく使うアプリだけをまとめるのが良いかなと思っています 設定のインポートやエクスポートも簡単なので、別のPCへの移行も楽チン 僕のBiscuitはこんな感じです⬇︎ 2. Notion 公式サイト -> Notion 結論から言うと、私はNotionがないとダメな体になっています 出会いは2020年の2月頃、メモ帳よりも自由度が高くて何か良いものはないだろうかと模索していた頃にジャストフィットしました 単純なメモも取れる、
小心者のストレス発散
仕事をクビになった時、絶望して自暴自棄になり「こうなったら吐くまでやけ食いしてやる」とスーパーへ行ったところ、 急に妙に冷静になり大好きなスナックは避けて低カロリーの海藻と野菜のサラダを何個か買い、 号泣しながら「ちょっとお腹いっぱい過ぎる」程度食べて寝た 今も過去のトラウマと現在のままならない苦しみで抑えきれない苛立ちや悲しみに振り回されて泣いているが、 「こうなりゃやけ酒してやる」と思い立ったものの、あんまりお酒が好きじゃないので水を飲んでいる やり場のないイライラをネットで匿名で弱者を叩くことで晴らす のも逮捕されるのは怖いからやってない 気持ちを爆発させてしまえばいいのに変な所でブレーキを掛けてしまう 結果的に自分の健康や周りへの八つ当たりが抑えられているのはいい事かも知れないが、真夜中に泣きながらひとり酒徘徊とか、そういうのちょっと憧れる
まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog
この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。これには修正時に複数コンポーネントにまたがって修正が必要になるのを防ぐという意味もあります。 Flexboxの例関連したCSSが複数の要素に分かれることはよくあります。その代表例がdisplay: flexです。例えばこんなレイアウトを考えてみましょう。左側のボックスの幅が決まっていて右側の幅が可変の2カラムレイアウトです。 左のカラム (100px)右のカラムこのレイアウトはおおよそ次のように実現できます。 /* 親要素 */ display: flex; /* 子要素（左） */ flex: 100px 0 0; /* 子要素（右） */ flex: auto 1 0;では、Reactではどの
『鬼滅の刃』盗難の温泉施設、無事に全巻返却されたと報告 「怖くて返せなくなっていた」と謝罪の手紙も
※本記事はアフィリエイトプログラムによる収益を得ています 施設内に置いていた『鬼滅の刃』20冊がなくなっていたとして、Twitterで自主的な返却を訴えていた山口県の温浴施設「おんせんの森」が（関連記事）、10月15日、スタッフブログを更新し（1・2）、なくなっていた『鬼滅の刃』が無事返却されたことを報告しました。 ブログによると、当該の『鬼滅の刃』は段ボールで10月13日に郵送されてきたとのこと。段ボールには差出人からの手紙も入っており、「この度は大変ご迷惑をお掛けしました。返せば済む話ではありませんが、先ずはお返し致します」「読み終わったら返そうと思っていた矢先に大事になっており、怖くて返せなくなっておりました」など、反省の言葉もつづられていたそうです。 10月13日に届いたという段ボール 「おんせんの森」のハンコもしっかりと押されていました 同封されていた手紙 編集部ではあらためて施
嫁にプログラミング教えるの辛い
前提 嫁のことは好き 嫁はバリバリの文系。もともとIT関係ない職だったけど、興味を持ったらしくITに転職しようとしてる自分の過去の職歴に若干コンプレックスを持ってる節（自分には専門性がない、とか）があり、それを克服するためにも応援したいと思ってる自分はバリバリの理系＆IT系なので、半年くらい少しずつ教えてる 最初はProgate やってた。一通り終わったらしいので、edabit を勧めておいた。leetcodeにも手を出し始めた 悩み論理的思考力の話 何かのロジックを自分で考えるのが苦手。過去のパターンに当てはまることはできるけど、少し捻った問題だと途端にフリーズしてしまう なんというか、理解しているのではなく、パターンを暗記している感がある うまく動いていない時に、プログラムの流れを追うのが苦手。あれこれ適当に試してうまくいったら満足してしまう 関数の呼出しの流れとかを追うのがきついみた
運転免許証とマイナカード統合へ ネットで住所変更可に - 日本経済新聞
政府はマイナンバーカード（マイナカード）と運転免許証を一体にし、行政のテジタル化を加速する。免許証の住所変更や更新時の講習はオンラインで完結する仕組みに変える。運転免許証の保有者は全国で8000万人に上るため、2割にとどまるマイナカードの普及率が大きく上がる可能性が高い。菅義偉首相の検討指示を受け、平井卓也デジタル改革相と河野太郎規制改革相、小此木八郎国家公安委員長は16日にも会談する見通しだ
映画館で働いてる人が鬼滅公開に怯えて書いたの
映画館で働いている人間が鬼滅公開にビビりちらして書いたものです。 とはいえ鬼滅に限らず全ての映画に共通する所もあると思いますので興味のある方は軽く読み流してくれたら嬉しいです。 ※この記事は鬼滅含む特定の映画を侮辱する目的で書いたものではありません。 ※あくまで私が勤務している映画館を基準に書いてあるので、違った仕様の映画館もあるということをご理解いただいた上でお読みください。 入場時の混雑ここからは鬼滅が公開されたらこれが怖いな～と思うことをいくつか挙げていきます。 まずは入場時。場所にもよるかもしれませんが、現在私が働いている映画館では 検温→チケット確認→入場者プレゼントがある場合は渡す という感じなのですが、検温の機械は髪型などによっては認識が遅く時間がかかる場合があり、また鬼滅のように上映時間が多い作品は特にチケットに記載されている時間や日付などもしっかり確認してからお客さんを通
なんで妊娠出産は自費診療なの？？
妊娠出産ってなんで自費診療なの？？ 健康保険適用して3割負担にすることでなんか問題って起きる？？ タバコ依存の治療が健康保険適用なのに？？おじいちゃん、おばあちゃんが腰が痛いとか、肩が痛いとかで、形成外科でマッサージしてもらったり、シップ貰いに行ったりするのが健康保険でしかも一割負担？？ 少子高齢化が止まらない、何故だーじゃねーよ！ まず、そこから変えてよ！！ 妊婦健診で自己負担毎回5000円以上、出産も普通の病院で自己負担20万！！ しんどすぎるよ！ 妊娠は病気じゃないから.... じゃあ病気の定義ってなに！妊婦体調悪いよ！！吐くし、腰痛いし、息苦しいし、しかも産むときめっちゃいたいよ！ 死ね！！ 追記 妊婦健診助成券、出産一時金使って、その上で自己負担がこれだけ出るという話です。出産費用は4年前、都内、ごくごく普通の個人病院、大部屋でトータル65万でした。 妊婦健診、都内は一回、自己負
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もうすぐ50歳だけど格闘技を習ってホームセンターで働いて裏で弱い人のため..
作業を始める前に、一旦SNSやYouTubeの動画を開くと止まらなくなるあの現象を表した名前がドンピシャすぎて怖いと話題に