样板是可以重用在许多地方的一套代码文件,只需很少或根本不需修改。然而,这里我们正在谈论的boilerplates通常可以作为您项目的坚实基础。另外,这也是学习编码技巧和窍门的好地方。

  样板是非常有用的,因为它通常包括最佳编码实践,也包含很多的技巧和窍门,否则将需要几年的时间学习。要是没有HTML电子邮件样板作为例子,建立一个EDM(Email Direct Marketing,即电子邮件营销)是不容易的,它需要你回到HTML1.0,没有更多的div,span或高级的CSS设置,如浮,位置等,你需要用表格做布局,内联CSS做简单的样式。使构建EDM更糟的是,电子邮件客户端有严格的限制,它们不具有相同的行为,如果你在多个老浏览器的工作,它都呈现不同的页面!有了电子邮件的样板,它包含CSS设置的HTML结构,甚至一些技巧和窍门,可以帮助和指导你如何避免展现不一致的问题。

  没有做更多,笔者只是为不同的web技术平台收集16 样板 - HTML,CSS jQuery,WordPress等等,他们执行最佳实践并不断更新,笔者肯定它能为您的项目打下一个非常良好的基础。

  HTML & Miscelaneous

  HTML5 Boilerplate

  HTML5 Boilerplate是一个专业和著名的基于HTML / CSS/ JS的快速、稳健和未来安全的网站模板。

  HTML Email Boilerplate

  这个网站及其代码示例创建了各种各样的模板,设计或布局的展现,这有助于你避免一些最常见的电子邮件客户端的渲染问题 - Outlook,Gmail,雅虎邮件等,这是一个好东西,我把它用在我的工作,它包含了很多的技巧和窍门来节省您大量解决问题的时间。

  HTML5 Mobile Boilerplate

  HTML5 Mobile Boilerplate,是你值得信赖的模板,用于创建定制丰富和高性能的移动网络应用程序。你能获得A级智能手机之间跨浏览器的的一致性,和传统的黑莓,Symbian,以及移动的后援支持。

  Twitter Bootstrap

  简单,灵活的HTML,CSS,JavaScript框架,用于流行的用户界面组件和交互。它不是一个真正的样板,但它有很多快速原型和开发可重用的组件。

  Zend Framework Boilerplate

  Zend框架(ZF)的样板,是一个基于Zend框架企业级PHP应用开发的所有功能于一身的平台。

  CSS

  GetSkeleton

  GetSkeleton是一套CSS和JS文件,可以帮助你快速开发外观漂亮不同规模大小网站,用于17“笔记本电脑的屏幕或iPhone。GetSkeleton建立在三个核心原则:Responsive Grid Down to Mobile,快速启动和风格无关。

  CSS Media Queries Boilerplate

  CSS Media Queries快查片段。

  Boilerplate for Responsive Mobile

  YAMP是一套小工具和最佳实践,可让网页设计师更快地建立响应式网站。

  jQuery

  jQuery Boilerplate

  该项目将不寻求每一个可能的模式提供了一个完美的解决方案,但将尝试覆盖了简单的模板,适合初学者及以上。

  Stefan Gabos jQuery Plugin Boilerplate

  快速上手的jQuery插件开发样板。

  Essential jQuery Plugin Patterns

  一个jQuery插件开发的JavaScript模式。除了大家都知道的JavaScript模式有用外,开发的另一个侧面可以受益于它自己的一套设计模式:jQuery插件。官方jQuery插件创作指南,提供了一个很好的起点,编写插件和widget入门,但我们更进一步。

  WordPress

  WordPress Widget Boilerplate

  一个组织良好的构建WordPress部件的维护样板。

  Root Theme

  Root是基于HTML5 Boilerplate 和来自Twitter的Bootstrap上的一个WordPress主题。

  Bones

  Bones是一个WordPress主题开发样板。它包含经典(fixed grid)和响应布局可选择。

  Starkers Theme

  Starkers是一个极简单的WordPress的主题,可创建充当为主题设计师的基础。

  TwentyTen Five HTML5 Base Theme

  将HTML5引入WordPress,你可以使用这TwentyTen Five WordPress模板建立你的HTML主题。

转载于:https://www.cnblogs.com/hnyei/archive/2012/03/14/2395334.html

十六个 HTML,CSS,jQuery,WordPress等快速启动项目样板相关推荐

  1. 分享 10 个 Tailwind CSS UI 站点,助你快速启动项目

    Midjourney 创作,未来UI Tailwind CSS 是一个为快速创建定制化 UI 组件而设计的实用型框架.与其他 CSS 框架或库不同,Tailwind CSS 组件没有预先设置好样式.相 ...

  2. “约见”面试官系列之常见面试题第三十六篇之CSS常见兼容性问题及解决方案(建议收藏)

    CSS常见兼容性问题及解决方案: 1. 上下margin重合问题: 问题描述:相邻的margin-left和margin-right是不会重合的,但是相邻的块级元素margin-top 和margin ...

  3. [Vue 牛刀小试]:第十六章 - 针对传统后端开发人员的前端项目框架搭建

    一.前言 在之前学习 Vue 基础知识点的文章中,我们还是采用传统的方式,通过在 html 页面上引用 vue.js 这个文件,从而将 Vue 引入到我们的项目开发中.伴随着 Node.js 的出现, ...

  4. 第十六届全国大学生智能车竞赛全部比赛胜利结束了

    §01 比赛胜利收官   第十六届全国大学生智能车竞赛 全部比赛项目截止到8月23日都已经进行完毕.由于受到疫情影响, 全国总决赛与东北赛区比赛 .两个创意组总决赛都采用了线上比赛的形式.   疫情可 ...

  5. Python 爬虫十六式 - 第六式:JQuery的假兄弟-pyquery

    PyQuery:一个类似jquery的python库 学习一时爽,一直学习一直爽   Hello,大家好,我是 Connor,一个从无到有的技术小白.上一次我们说到了 BeautifulSoup 美味 ...

  6. SAP UI5 应用开发教程之三十六 - 使用 Chrome 开发者工具 Elements 标签动态修改 CSS 类试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  7. 谈谈一些有趣的CSS题目(十六)-- 奇妙的 background-clip: text

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  8. SAP UI5 应用开发教程之六十六 - 基于 OData V4 的 SAP UI5 表格控件如何实现删除功能试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  9. SAP UI5 应用开发教程之五十六 - SAP UI5 树控件(tree)的开发试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

最新文章

  1. Consul入门01 - 安装Consul
  2. Java 读书笔记 (十一) Number Math 类
  3. Python实现鸢尾花数据集分类问题——基于skearn的SVM(有详细注释的)
  4. 中移动12580领跑世界杯商旅营销
  5. Matplotlib学习---用matplotlib画误差线(errorbar)
  6. sqlserver中 事物 索引及视图
  7. mysql数据库druid密码加密_Druid数据库密码加密
  8. php is_subclass_of,PHP_PHP is_subclass_of函数的一个BUG和解决方法,is_subclass_of的作用: 复制代码 - phpStudy...
  9. 我装上去了 php editor打不开
  10. 拓端tecdat|R语言逻辑回归logistic模型分析泰坦尼克titanic数据集预测生还情况
  11. 微服务网关(一)微服务的选择以及网关的功能
  12. 【北京迅为】i.MX6ULL终结者MPU6050 六轴传感器例程原理分析
  13. ie不能加载flash html,IE11无法显示flash?IE11无法播放视频的解决方法
  14. 狂神说SpringCloud学习笔记
  15. C++解决猜大小问题
  16. 速学计算机,新手电脑配置速成学习
  17. 2021春深入理解计算机系统大作业——程序人生
  18. 2012年移动互联网小心倒春寒
  19. win7语言栏或输入法图标不见了
  20. Tomcat小猫咪安装与环境配置

热门文章

  1. 高亮屏幕一条条线_惠普Z24N G2显示器评测 设计师都想要的好屏幕
  2. java string转jsonobject_超赞!终于有网友用Java实现了第三方qq账号登录
  3. Python的注释方式
  4. 用计算机模拟光子行为,光量子玻色—费米模拟系统的设计与实现
  5. vivado烧写FPGA速度调节
  6. android vue.js点击反应慢,解决vue 界面在苹果手机上滑动点击事件等卡顿问题
  7. mysql优化器分析器_MySQL查询优化器的概念和原理整个执行过程
  8. 旋转矩阵求旋转角度_(加餐)欧拉角及矩阵旋转
  9. windowbuilder点击按钮出现新界面_掌握这几招,轻松设计出高点击率的行为召唤按钮...
  10. 中文路径_中文分词的原理、方法与工具