2017年6月27日のブックマーク (2件)

  • スマホサイトでtableの横幅をはみ出さない方法 | ネットインパクト

    今年もニコニコ超会議に行って来たjyunzyです。 相変わらず人が多い!(今年の来場者数は15万人だったそうです。去年より3万人多い!) 生で有野課長を見れたし、色んなコスプレイヤーさんも見れたし、自衛隊ブースでの記念撮影も楽しめました。 関係ないですが、私は観光地やイベント会場などの人の多い所に行くと「写真を撮ってくれませんか?」と頼まれる事がよくあります。今回もそうでした。 頼みやすそうに見えるのかな?^^; さて、今回もレスポンシブ関係のネタで話をしたいと思います。 今回は「スマホサイトでtableの横幅をはみ出さない方法」です。 レスポンシブ対応をする時の基として、横幅を%やemなどで指定する事が挙げられるのですが、tableの場合はそれだけではうまく行かない場合があります。 セル内に英単語が入っていた場合、単語の途中で折り返さないため、それが邪魔をしてスマホで見た時にセルが小さ

  • CSSだけで背景色を2色にする方法 - cBlog

    更新:2017-07-01 #コードを簡略化しました このブログを購読していただいている方は既にお気づきと思いますが、ブログタイトルのデザインを変えたなしよ。正直ダサいと思うなっしー。それでも採用した理由、それはFCバルセロナのクラブカラーが「えんじと青」なように、この2色はまさにcruっしーのスピリッツなしよ。 このツートンカラーはCSSの背景色だけで実現しているなっしー。画像は使いたくなかったんだなっしー。でも、なかなか背景色を2色にするのは難しかったなっしー。がんばったなしよ。 CSSで背景色を二つ指定する情報が知りたい。そんな欲しがりさんたちのために今日はその方法をお送りするなっしー。 やり方 実は、背景色を二つにするアプローチではなかなか情報にたどり着けなかったなしよ。そんなときに出会ったこの神サイトでピンときたなっしー。発想の転換なしなー。 8ステップで完成!CSS3で「斜めの

    CSSだけで背景色を2色にする方法 - cBlog
    kurosiromoka
    kurosiromoka 2017/06/27
    “linear-gradient(#fff 50%,#ffc0cb 50%,#ffc0cb)”