レイアウトシフトとは、Webページがロードされる時に画像のスペースが確保されず、画像が表示された時にその分レイアウトがずれてしまうことです。 このレイアウトシフトを回避するために10年以上もの間、アスペクト比を手動で適用する必要がありました。しかし、現在ではそんな馬鹿げたハックは必要ありません。最近登場した2つの優れた解決方法を紹介します。 Avoiding <img> layout shifts by Jake Archibald (@jaffathecake) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レイアウトシフトとは aspect-ratioプロパティによるレイアウトシフトの回避方法 widthとheightによるレイアウトシフトの回避方法 どちらの方法を使用すべきか レイアウトシフトとは デフォルトでは、<im

何故か女児限定なんだけど、 幼少のみぎりに必ずと言ってよいほど 『占い・おまじないBOOK』 的な本を手に取る（目にする）機会がある。 男児はあんまり興味を持たないけど、女児は必ずといっていいほど興味を持つ。 30年ほど前にMy birthdayという占い雑誌が一大ムーブメントを巻き起こして以降、 今でも本屋や図書館の女児向けの棚には必ず占い・おまじないの本があるし、 消しゴムに好きな人の名前を書いて、誰にも貸さず最後まで使い切る……のは意外と面倒で途中で挫折した経験のある女性は多いだろう。 個人的にアレが女性におけるスピリチュアルの奔りっぽい気がするというか、 あんまり良くないんじゃないかな？　……と。 あの流れがやがて女性向けにしか存在しない一冊まるごと占い特集に繋がり、 バイオリズムだのスピリチュアルだの自然派だのといった根拠に乏しい疑似科学的なあれそれの門戸になっている気がする。

マッチングアプリで会った女性と行ったお店がぼったくりバーで、最終的に20万円請求されて支払ってしまったという話。女性とはすでに連絡が取れない状態。 最近マッチングアプリを使った手口が増えているらしく、「新宿 ぼったくりバー マッチングアプリ」などでググると、同様の事例がたくさんヒットする。 マッチングアプリで引っ掛けた男性から得た利益を女性に配分する仕組みらしい。 正直なところ、今まで詐欺なんて引っかかる方が悪いだろうと思っていたが、手口を知らないと容易に引っかかるんだなと認識を改めた。 マッチングしてやり取りしているうちに飲みに誘われ、こちらからいくつか店の候補を提示したのだが、「会ってから決めたい」「行ってみたかったお店がある」と言われ、行きたいお店があるならそこに行ったほうが良いかなと思い、ついていった。 そうして連れて行かれたのは新宿歌舞伎町の雑居ビルのバーだった。自分たち以外に客

2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。 ↑私が10年以上利用している会計ソフト！ モバイル幅Webサイトの特徴 デスクトップで見ても狭いコンテンツの幅 よくあるWebサイトでは、コンテンツ部分の枠がデバイスの幅によって変化します。例えばモバイルサイズでは幅が狭くなり、デスクトップサイズでは幅が広がって画面中央に表示されます。このブログでもそうですよね。しかし、昨今見られるようになったレイアウトでは、デスクトップサイズで見てもコンテンツ枠の幅は狭いままで表示されています。画面中央に表示

Chaos Night #1 で発表した内容です。

こんにちは。Forkwell の赤川です。 2022年5月、あなたは上位何％？ITエンジニアの年収分布まとめ【データベース完全公開】を公開したところ、ITmedia でも一部が取り上げられ、累計4,000RT以上の反響がありました。特に「エンジニアは自社内で”昇給を頑張る”よりも転職したほうが昇給できるバグがある」という一言に注目が集まりました。そこで今回は「このバグの正体」を掘り下げます。 この記事では、所属する企業タイプによって給与がどの程度変化するのかを報告し、さらに読者の手元で年収シミュレーションが可能なグラフを公開します。また、前回の記事では説明しきれなかった「どのようなアプローチが給与アップに効くのか？」という疑問に取り組みます。これについて結論を先にお伝えすると、自身の役割を変化させるよりも、給与払いの良い企業群に属することが有効、という身も蓋もない話をしています。 データは