タグ

2017年7月1日のブックマーク (2件)

  • CSSではみ出した文字を省略する「text-overflow: ellipsis;」がいつの間にかPCでも使えるようになってた! - tacamy--blog

    領域をはみ出したときに三点リーダー(…)で省略するtext-overflow: ellipsis;は、スマホサイトでは普通に使っていたけど、PCでは数年前に使おうとしてなんかのブラウザでダメだった記憶があって、使えないものとばかり思い込んでいた。 でも、ふとCan I use CSS3 Text-overflowをみたら、めっちゃ対応してた!IEなんて6から対応してるし、Firefoxも7から使えるようになってた。 実際に書いてみたら、いつものこんな感じのコードで普通に使えました。 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 昔、JSでなんとかそれっぽくできないかみたいに、誰かががんばっていたのはなんだったのか。 わたしみたいに使えないと思い込んでて、意外としらない人いるかもしれないので、ブログに書いてみま

    CSSではみ出した文字を省略する「text-overflow: ellipsis;」がいつの間にかPCでも使えるようになってた! - tacamy--blog
  • Bootstrap 4で、Sticky Footerを実現する - yyUX開発者ブログ

    Sticky Footerについて SNSやオンラインショッピングサイトなどにはページの最下部にフッターを構えるケースが多いですよね。「利用規約」や「お問い合わせ」など、メインサービスからは少し外れる内容を掲載することが多い箇所です。 今回はそんなサイト最下部のフッターを実現する方法について書いていきます。 特に、フッターといってもSticky Footer ((最下部に)くっ付くフッター)について。 なお、Sticky Footerについてですが、以下の特性を持ったフッターのことを言います。 十分にコンテンツがある場合、最下部までスクロールした時に、最下部にフッターがくっ付いている 十分にコンテンツがない場合、コンテンツのすぐ下にフッターがくるのではなく、ブラウザの最下部にフッターがくっ付いている このSticky Footerを実現するためにはHTMLCSSに少しテクニックが必要なの

    Bootstrap 4で、Sticky Footerを実現する - yyUX開発者ブログ