Community,

Want to get your general thoughts on something. I have a love-hate
relationship with images. I don't like the fact that image loading is not in
my total control. I have an approach that changes this. I will keep this
short and provide code examples for you to reference and/or step through at
your convenience.

*Goal:* Embed the small decorator images found in resource folders (such as
triangles, checks, dots, lines and boxes) into qx code using qx decoration
entries and/or CSS/CSS3 code.

*Purposes:* 1) reduce number of http calls  2) enhance UX of apps - CSS is
fast and native

*Code:* 
See the comments to image references lines - I noted which images i replaced
with code
https://github.com/sqville/sqv/blob/master/source/class/sqv/theme/clean/Image.js

Mixin to enable before and after psudo elements and CSS3 functionality
https://github.com/sqville/sqv/blob/master/source/class/sqv/ui/decoration/MCssIcon.js

Appearance entry changes: around lines 1264 and 1308
https://github.com/sqville/sqv/blob/master/source/class/sqv/theme/clean/Appearance.js

Decorator entry changes: see line 1901
https://github.com/sqville/sqv/blob/master/source/class/sqv/theme/clean/Decoration.js

*In Summary:*
Question: Why?  Answer: Why not? :-)

SQ

 





--
View this message in context: 
http://qooxdoo.678.n2.nabble.com/Embed-design-elements-rather-than-use-images-tp7588132.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Site24x7 APM Insight: Get Deep Visibility into Application Performance
APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
Monitor end-to-end web transactions and take corrective actions now
Troubleshoot faster and improve end-user experience. Signup Now!
http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to