Page MenuHomePhabricator

Replace images and image sprites in Gamepress with CSS
Open, Needs TriagePublic

Description

  • Noise effect - Use an SVG filter to replicate the effect (example: https://codepen.io/chriswrightdesign/pen/aOpGVe ), use a background-image as a fallback. Good browser support as shown in http://caniuse.com/#feat=svg-filters, the only thing to worry about is that it only goes back to IE10, versions previous of it aren't supported at all.
  • Gradient header - CSS gradient
  • List image icons - Possible solutions
    • Use list-style CSS property
    • use content property and :before psuedo-selector, text, and other necessary properties like font-weight to make them look a little nicer.
  • Footer border - border property
  • stripe-pattern.png - CSS gradient
  • border-dotted.png - border property
  • border-solid.png - border property

etc etc.

Event Timeline

SamanthaNguyen renamed this task from Replace images and image sprites in Nimbus with CSS to Replace images and image sprites in Gamepress with CSS.Dec 29 2016, 12:06 AM
SamanthaNguyen moved this task from Backlog to Feedback on the Nimbus board.
SamanthaNguyen edited projects, added Gamepress; removed Nimbus.
SamanthaNguyen moved this task from Backlog to Feedback on the Gamepress board.