タグ

2021年11月30日のブックマーク (3件)

  • 【flexbox】flex-direction:columnで起こるIE 11のレイアウトバグに対応する | ファブリカコミュニケーションズ

    レスポンシブデザインが主流となり、コンテンツの並び方向や出現順をCSSだけで簡単に変更できることからflexboxを使用することが多くなっています。 しかしIE11にも対応させる必要がある場合は頻繁にレイアウトバグが起こるため実装には注意が必要です。 バグの種類は多岐にわたりますが、今回は「flex-direction:column」や「flex-direction:column-reverse」を使用した際に起こるレイアウトバグの発生原因とその修正方法を紹介します。 想定するレイアウト 3列のボックス(flexコンテナー)があり、それぞれイメージ・テキスト・リンクの各アイテムを配置するとします。 リンクアイテムを下付きで配置したいので、テキストアイテムをイメージとリンクアイテム以外の隙間をすべて埋める形で、すべてのテキストアイテムの高さが同じになるようなレイアウトを想定します。 テキスト

    sugarte
    sugarte 2021/11/30
    flex-direction:columnした時の要素はみ出しとか伸び過ぎ問題についての解決方法がわかりやすくまとまってる
  • JavaScript実行済みのDOMをHTMLファイルとして保存するブックマークレット - 無駄と文化

    この記事の公開後に noromanba 様から「DOMのテキスト変換はXMLSerializerを使えば一撃でいけるよ!」的なご指摘を頂いたので追記しました。 当にありがとうございます。 スクレイピングネタです。 クローリング+スクレイピングするにあたってパスワード認証の掛かったページから情報を取得するのはなかなかに厄介な課題ですよね。 スクレイピングのフレームワークによっては認証のための機能が備わっていたりしますが、それが無い場合には自分でHTTPのレスポンスをフックしてCookieわせたりなんだりともう大変。 しかも、100ページ超のページを対象にスクレイピングしたいならばいざ知らず、5, 6ページとかそこいらのページから情報取りたいだけで、パスワード認証のための下準備をするなんて発狂しそうになりませんか? そんなときに新しいソリューション、パスワード認証の突破はあなたの手とあなた

    JavaScript実行済みのDOMをHTMLファイルとして保存するブックマークレット - 無駄と文化
  • 【ブログ高速化】 Amazonの広告リンクが重い!広告表示を速くする方法

    FC2ブロガーのMです。今回は、ブログが重くなる原因のひとつ「Amazonアソシエイト」の広告リンクについて。ページ読み込みが遅くなる原因や、アマゾンの広告表示を速くする方法について書き記しておこうと思います。 これまでに度々、このブログ上で高速化の手法やカスタマイズ方法について書いてきました。当ブログもおかけさまでページ表示速度測定ツールから100点のお墨付きをいただきました。 ▼関連記事 FC2ブログの高速化が完了、ページ表示速度測定ツールで100点を達成! こんにちは。FC2ブロガーのMです。これまで当ブログでたびたび行なってきましたページ読み込み速度の高速化ですが、このたび、FC2ブログ「ゆうらり Happy Smile」の高速化のフルカスタマイズが完了いたしました。この結果、あの阿部寛のホームページや、それに勝るとも劣らぬページ読み込み速度を誇るFC2の公式爆速テンプレートにかな

    【ブログ高速化】 Amazonの広告リンクが重い!広告表示を速くする方法