Category: Quick Tips

  • SVG Spriting

    SVG sprites offer the same efficiencies as PNG sprites, but they can be trickier to implement because of their innate scalability.

  • Creating Social Icons from Glyphs

    Even though using font glyphs for social icons allows only one color, complex color can be added with background gradients in a CSS-styled structure around the glyph.

  • Styling :before

    On the desktop version of a shopping cart I was styling I had “column headers” (flexed divs in a non-table layout) that had no relevance when the page was viewed in mobile, since the columns stacked vertically. I needed to remove the desktop headers and apply the labels to each individual element instead.   I…