Todos

[FourwingsY]

• Make demo web with github page
• apply sub-text styles
• Improve SVG rendering
• Test other examples
• Zoom and Pan support
• Zoom In and Out with (Mouse point or center of screen as) origin
• hover to see detail style information
• Support background blur : https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter
• update github page with recent build

[qrpike]

Are you trying to render any sketch file using HTML/CSS/JS? What is the end goal?

Good work so far!

Thanks,

[FourwingsY]

@qrpike I have 2 goals.
One is make sketch viewer independent from server works. in this project, for now, using a static server that serves unzipped sketch file, as a directory. but this could be skipped with browser-able-unzip library.
The other one is making sketch viewer reliable, to anyone could use it with 75% satisfaction. Cause some sketch features like background blur isn't available with CSS, so i set my goal as 75%.
Thanks!

[mathieudutour]

background blur is actually available in CSS: https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter but I think only Safari supports it for now

[FourwingsY]

@mathieudutour thanks! i will try it for Safari 😄