Dsure Front-end Development Framework ( Ultimate Personal Learning Edition 2014 )
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dsure.mobile
img
package
.gitattributes
.gitignore
LICENSE
README.md
dsure.PIE.htc
dsure.css
dsure.devolop.css
dsure.flat.css
dsure.flat.devolop.css
dsure.modernizr.js
dsure.png.js
dsure.respond.js
license.txt

README.md

Dsure Front-end Development Framework

Ultimate Personal Learning Edition 2014

Note: This procedure only learning and exchange.

UIUX Lab @uiux_lab

Author URI

Module

  • Base Structure
  • Base Stylesheets
  • Text
  • Buttons
  • Forms
  • Tables
  • Grids
  • Layouts
  • Icons
  • Images
  • Dividing Line
  • Paginators
  • Navigation
  • Classification
  • Striking
  • Search Box
  • Tags

Browser compatibility:

Tested under:

  • Safari 4+
  • Chrome 4+
  • Firefox 3.5+
  • Opera 10.15+
  • Internet Explorer 6+
  • Other

Typical uses:

Improve the efficiency of CSS/HTML website based development and responsive layout.

Browser Support:

IE6 +, Firefox, Safari, Opera, Chrome and more

Features:

  • 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.

How to use?

Check out: http://www.c945.com/d-s/dsure

Note:

If use flat style when the core CSS file is dsure.flat.css not dsure.css.

How does it work?

<!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>

Licensing

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

Credits:

https://icomoon.io/

http://modernizr.com/

https://github.com/scottjehl/Respond/