12 comments

  • Vinicius Coelho, over 5 years ago

    So many years and I had never heard of the truncate text snippet. Thanks!

    2 points
  • Mattia AstorinoMattia Astorino, over 5 years ago

    The clearfix is now considered an hack and the floating divs is an obsolete method to make layouts since we have a full supported flex layout module and grid layout module. BTW nice project, it needs just some updates :)

    UDPATE: It should show the original floating scope, floating elements inside the inline content flow. Like this

    1 point
    • Thomas Michael SemmlerThomas Michael Semmler, over 5 years ago

      If you progressively enhance your website, you might every now and then still add a clearfix, because it is only obsolete, if your browser supports display: flow-root.

      Floating is not an obsolete technique, it was a hack because we used it for layouts. Now it can be used for what it was intended.

      The Author of the posted content might want to add resources to the clearfix so people learn about the concepts involved in it. It is quite important to know why the clearfix is needed in many situations and what concepts are in place that make that so.

      0 points
      • Mattia AstorinoMattia Astorino, over 5 years ago

        The clearfix is an hack (not the floating) used when you use float to make a layout. In the linked project the floating is used to put divs one beside each other (as the demo shows and why i said is an obsolete way to make layouts) and this is not what it was intended for.

        Floating elements does not need any clearfix because is behavior is to be floated inside the inline content flow. Check this example of the "original" floating behavior:

        https://jsfiddle.net/fceuvtu5/1/

        0 points
        • Thomas Michael SemmlerThomas Michael Semmler, 5 years ago

          I didn't say that it wasn't a hack. It is, but it deals with collapsing boxes, which of course is not the only technique, but one that works consistently and that does not require another element to work. I said...

          Floating is not an obsolete technique, it was a hack because we used it for layouts. Now it can be used for what it was intended.

          Which is true. Your fiddle is showing the intended behaviour. I said, that if you want to progressively enhance your website, you might still add a clearfix because you might have a layout that still floats for the most part. Again, a clearfix is not the only solution for dealing with collapsed containers.

          The big issue is that many people don't even know why they use a clearfix, they just put it on, thinking that it must be done.

          0 points
  • Alex Kearns, over 5 years ago

    Great resource. The gradient button effect is very nice. Plus, I learnt a new and very useful CSS rule: text-overflow: ellipsi Thanks!

    1 point
  • Tony SargeantTony Sargeant, 5 years ago

    Thanks, for highlighting, this great little resource, it is amazing. The wonders of this wide web, of ours, never cease to amaze. Keep grinnin'.

    0 points
  • Louis CoyleLouis Coyle, 5 years ago

    The "pretty text underline" is not needed in newer versions of chrome.

    0 points