kpdecker / border-image-generator Goto Github PK
View Code? Open in Web Editor NEWWYSIWYG editor for border-image styles
Home Page: border-image.com
License: BSD 3-Clause "New" or "Revised" License
WYSIWYG editor for border-image styles
Home Page: border-image.com
License: BSD 3-Clause "New" or "Revised" License
border-image-generator allows web developers to quickly and easily generate preview border-image styles.
http://github.com/lrbabe/borderimage/ allows for border-image functionality in some otherwise non-supporting browsers. We should provide the option to output the call necessary to use this API.
The output CSS should be optimized when possible by removing duplicate values (I.e. border-width: 4px; vs. border-width: 4px 4px 4px 4px;)
Pressing [toggle style]
changes background color but after reloading the page it always returns to black.
I refer to border-image.com in my article "CSS, Retina, and Physical Pixels". The image I use is mostly black with transparent background:
It is hard to see it on dark background.
Allow output of CSS for wrapper divs (for negative margins) if the dev wants to do this.
file:// URLs appear to be failing due to security restrictions. Need to find some way to allow usage of images stored locally.
https://twitter.com/#!/thechosenrick/statuses/149684132069376001
"Can u add #imageEl{image-rendering:-moz-crisp-edges;} ?"
Should look into this on both moz and webkit.
It appears that the vertical and horizontal repeat options are reversed.
Any ideas for IE9 Support
Need to do this for usability.
Having values of (40, 0, 0, 0) creates output like the following:
border-width: 40px;
-moz-border-image: url(firediff_small.PNG) 40;
-webkit-border-image: url(firediff_small.PNG) 40;
border-image: url(firediff_small.PNG) 40;
We need to allow changing the text color as some images will make this text difficult to read.
We should add methods to support setting border-image-repeat and platform specific implementations.
Since there are differences between the platform specific and standard implementations here, we should provide some hints as to what to expect on other platforms and spec differences.
Need to handle support for border-image as defined by the spec and impl in later browsers.
http://blog.assortedgarbage.com/2011/12/change-happens/
Might run into concerns here when trying to support both new and old implementations. Perhaps could use canvas manipulation to create assets that have the specified behavior on the older browsers.
Need to double check opera support.
Reports are that most features are working but the visual editor has some issues.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.