2014年值得研发者关注的8款HTML/CSS框架
<div style="color: black; text-align: left; margin-bottom: 10px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Semantic UI framework</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1231/3781571776~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=w5%2BCb9RKRJLTD9SDIp594oMKUAU%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">它有<span style="color: black;">非常多</span>非常酷的元素，如可折叠功能、3D动画等，<span style="color: black;">况且</span>动画效果看起来比Bootstrap更简洁。<span style="color: black;">针对</span>用户<span style="color: black;">来讲</span>，它的运行速度惊人的流畅！预计这个工具在2014年会火。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Bootstrap</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1235/2972778303~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=SeXeFzn%2BrDKUYB2cL6mhxVTEIA4%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Bootstrap是近两年来最火热的一款前端框架，它对互联网的美化实在是功不可没。用久了虽然有点审美疲劳，<span style="color: black;">不外</span>它仍然会<span style="color: black;">始终</span>火下去的。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Zurb Foundation</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1234/3211861637~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=M0C7T%2FxbkVSKUAW8BIKBP8wdzEs%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Zurb相比Bootstrap更加扁平和偏移动，能快速<span style="color: black;">研发</span>响应式网站。<span style="color: black;">包含</span>：布局、组件、字体、表单元素和其它常用的页面元素。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Gumby</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1235/2972853201~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=AqN00T19PAZxHh0i6jldi8KeL50%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Gumby<span style="color: black;">运用</span>Sass<span style="color: black;">做为</span>它的CSS处理器。它是一个响应式的960 像素宽度的 CSS 网格框架，支持 PC、平板和手机屏幕<span style="color: black;">表示</span>。<span style="color: black;">倘若</span>你<span style="color: black;">爱好</span>Sass，<span style="color: black;">举荐</span>你用Gumby。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Ratchet</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1233/3334710766~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=IuvqnxL7BR0rr3mcwEWNc7spZkc%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">它是一个轻量级的JavaScript MVC框架，<span style="color: black;">帮忙</span>移动<span style="color: black;">研发</span>人员仅<span style="color: black;">运用</span>简单 HTML，CSS 和 Javascript 组件就能够快速的制作出 iPhone 应用程序的原型。Ratchet <span style="color: black;">供给</span>了众多效果类似原生应用的界面组件，值得一试！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML kickstart</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1231/3781680188~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=w%2FhYYKSS5R55hPnqp0%2B3eAcSKvU%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">极简的网站<span style="color: black;">研发</span>框架，适合只<span style="color: black;">把握</span>了CSS和HTML的<span style="color: black;">研发</span>者。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Responsable</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1238/2467733520~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=ipd8xXJ5Pyee3NojQIjkZRHQFHg%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">帮忙</span><span style="color: black;">研发</span>基于网格的响应式网站，<span style="color: black;">此刻</span>在CSS框架中集<span style="color: black;">成为了</span>基线网格之后，<span style="color: black;">研发</span>速度会更快。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Clank</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/1234/3211956363~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728744552&x-signature=AmMPhR7bL7LY9WS9zf94k445x6o%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">开源且免费的HTML/CSS框架，用于创建原生移动和桌面应用程序原型。该框架是基于组件的，<span style="color: black;">能够</span><span style="color: black;">选取</span>和<span style="color: black;">运用</span>所需的部分，组件<span style="color: black;">包含</span>按钮，表格，滑块，切换等等。</p>
</div>
百度seo优化论坛 http://www.fok120.com/ 楼主的文章非常有意义，提升了我的知识水平。
页:
[1]