Note: This procedure only learning and exchange.
UIUX Lab @uiux_lab
- Base Structure
- Base Stylesheets
- Text
- Buttons
- Forms
- Tables
- Grids
- Layouts
- Icons
- Images
- Dividing Line
- Paginators
- Navigation
- Classification
- Striking
- Search Box
- Tags
Tested under:
- Safari 4+
- Chrome 4+
- Firefox 3.5+
- Opera 10.15+
- Internet Explorer 6+
- Other
Improve the efficiency of CSS/HTML website based development and responsive layout.
IE6 +, Firefox, Safari, Opera, Chrome and more
- Compatible with more browsers and adapt to the china/foreign websites
- 18 color-scheme embedded in each label
- 12 grids with percentage of layout
- Pure CSS development framework which based on HTML and CSS3.
- Do not include the additional javascript plug-ins.
- 384 web vector icons and adjusted freely.
- Easy to change the button control with a rich combination.
Check out: http://www.c945.com/d-s/dsure
If use flat style when the core CSS file is dsure.flat.css not dsure.css.
<!doctype html><!-- Template OK -->
<!--[if lt IE 7 ]> <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie6"> <![endif]-->
<!--[if IE 7 ]> <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js ie ie9"> <![endif]-->
<!--[if !IE]><!--> <html dir="ltr" lang="zh-CN" xml:lang="zh-CN" class="no-js"> <!--<![endif]-->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Site Name</title>
<!-- Dsure Development Framework begin -->
<link rel="stylesheet" type="text/css" href="dsure/dsure.flat.css" />
<script src="dsure/dsure.modernizr.js"></script>
<!--[if lt IE 7 ]>
<script src="dsure/dsure.png.js"></script>
<script>
DD_belatedPNG.fix('img, a, span, h1, h2, h3, em, section, header');
document.execCommand("BackgroundImageCache", false, true);
</script>
<![endif]-->
<!-- /Dsure Development Framework end -->
<!-- Other extended .css&.js file begin -->
...
<!-- /Other extended .css&.js file end -->
<!-- Dsure Development Framework begin -->
<!--[if lt IE 9]>
<script src="dsure/dsure.respond.js"></script>
<![endif]-->
<!-- /Dsure Development Framework end -->
</head>
<body>
....
</body>
</html>This Product is released under a Creative Commons Attribution 3.0 License
License text may be found here: http://creativecommons.org/licenses/by-nc/3.0/deed.zh