Stitches - An HTML5 sprite sheet generator. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with WebKit and Firefox browsers.
Stitches is developed by Matthew Cobbs in concert with the lovely open-source community at Github. Thanks are owed to the developers at Twitter for Bootstrap, and Glyphicons for some cool little icons. Copyright © 2013 Matthew Cobbs Licensed under the MIT license. Implementation After dependencies, Stitches requires a stylesheet, a script, and an HTML element to get the job done: Documentation Documentation is available here. Dependencies Contributing License. The ultimate CSS tools for web designers | CSSmatic. HTML KickStart HTML Elements & Documentation. Setup Download HTML KickStart Include jQuery and HTML KickStart <script src=" src="js/kickstart.js"></script><! -- KICKSTART --><link rel="stylesheet" href="css/kickstart.css" media="all" /><! -- KICKSTART --> Copy Elements into your HTML Browsers HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android.
Notes Don't forget to use an HTML5 Doctype <! Buttons A.button With Icons Colors .orange Styles .pop Tooltips Tooltips are awesome. Hover over the examples on the right to preview. Use: class="tooltip" + title="my tooltip content" Tooltip Positions .tooltip (default) .tooltip-top .tooltip-right .tooltip-left .tooltip-bottom Tooltips with HTML Content .tooltip + data-content="#ID" HTML Content This is more HTML content. Paragraphs Blockquote lobortis nisl ut aliquip ex ea commodo consequat. Blockquote Small Inline Styles Heading 3 Heading 4 Heading 5 Heading 6 Address col_12. CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator. Ui Parade - Live Tools.