1.25款值得收藏的幽灵源码幽灵样式免费响应式网页模板
2.element-ui 组件库 button 源码分析
25款值得收藏的免费响应式网页模板
对于网页设计师和开发者而言，创意、按钮按钮经验和专业知识都是幽灵源码幽灵样式缺一不可的。而工作中最令人纠结的按钮按钮，却是幽灵源码幽灵样式有限的时间，重复而琐碎的按钮按钮傲玩至尊版源码工作，以及有限的幽灵源码幽灵样式预算。这也就是按钮按钮为什么大家都如此渴望干货，期待好素材，幽灵源码幽灵样式以及模板。按钮按钮对，幽灵源码幽灵样式充满创意、按钮按钮迎合潮流的幽灵源码幽灵样式HTML5/CSS3响应式网页模板，就是按钮按钮你们需要的 All in one 救场神器，好创意加持、幽灵源码幽灵样式源代码全套、有BIG的图、富有表现力的响应式布局、功能完善jQuery插件、良好的浏览器兼容，一次全部拥有。airsim源码解读
对于开发者和设计而言，网页设计的活儿是干不完的。不同类型的网站对设计的诉求截然不同，从现在开始搜集各种网页模板吧。万一明天就可以用上呢？所以，你可以开始收藏下面个响应式网页模板了。
1. Starta
Starta是一个抓人眼球的网响应式HTML5网页模板，适合打造漂亮的内容展示型网站和Web应用。
2. Directive
这是由HTML5UP所设计的一款HTML5/CSS3网站模板，在符合Creative Commons license的条件下，免费使用。
3. Alpha
Alpha同样是一个免费而漂亮的HTML5/CSS3网页模板，它对于移动端的支持非常不错。
4. Read Only
Read Only 也是一款漂亮的响应式网站模板，整个模板设计清爽而简约，不论是用来做博客还是Web应用都是不错的选择。
5. Iridium
这是一款依据 Creative Commons Attribution license 条款来免费分发的HTML5响应式网站模板，大背景布局+幽灵按钮，一次满足你3个愿望。
6. Kebrum
Kebrum是报表html源码一个扁平风的产品展示型响应式网站模板，目前正在W3layouts 免费发放中。你可以轻松调整模板，不论你要发布的产品是啥，总能让你得心应手。
7. Productively
Productively 也是一款扁平风的响应式网页设计模板，主打特色是移动端产品展示。尽管模板设计炫酷，但是可以按照需求轻松修改样式。
8. Flat Design Portfolio Template
这个展示模板有两种模式，一种是传统的多页展示，另外一种是时下流行的单页网站模式。
9. Dewi
Dewi是一个免费的多用途HTML5/CSS3网页模板，易于定制。可以商用，也可用来制作企业站、作品展示站或者自行定制。Dewi 是基于Bootstrap来制作的，应用范畴非常广。
. Resi
Resi 是一个清爽现代的网页设计模板，作为响应式模板可以轻松适应不同尺寸分辨率的ajax delete源码屏幕，兼容移动端浏览器。
. Blueasy
Blueasy是一款基于Bootstrap精心设计的，扁平化响应式网站设计模板。这款模板可以轻松定制调整，迎合不同的用户需求。
. Snow boarding
Snowboarding 是为体育类电商网站设计的网页模板，也是基于Bootstrap来制作的。
. Arsha
Arsha同样符合目前主流的设计，简约而现代，基于Bootstrap 3.2来制作。使用这一模板之后，在各种终端上浏览都轻松自然。
. Green
Green 是一款不错的响应式HTML网页模板，可以让你的业务增色不少。
. Horizons
Horizons 是一款免费的响应式HTML5网页模板，由Templated提供，使用者需要遵循 Creative Commons Attribution license的条款。
. Burn Studio
Burn Studio 同样是一款免费的HTML5响应式网页模板，只需要稍加调整CSS中的参数，Media Queries可以帮你让网站适应各种不同的枪战王者源码屏幕和终端。
. Dopetrope
Dopetrope 同样是免费的响应式HTML5网页模板，设计者AJ为HTML5UP所设计。使用这一模板需要遵循CCA的条款，个人和商用均可。
. Lonely
这是一款带有动效的单页滚动网页模板，适合用来做个人展示和相对简单的个人站点。
. Timeline
需要做漂亮的时间轴类型网站的朋友们有福了，这款响应式网页模板正好符合你们的需求，本身设计简单，而且应用广泛。
. Conquer
Conquer这款响应式网站模板基于Bootstrap V3.1.1来设计，适用于单页网站和滚动式布局。展示部分还包含了一个响应式展示工具lightbox。
. Learner
Learner是一款为教育领域所定制的扁平风响应式网页模板，由W3layouts独家提供。当然，这套模板还可以适用于产品展示之类的网站，对移动端支持也非常不错。
. Yellow
这款使用**色调的响应式网站模板是基于Bootstrap 3来制作的，色彩非常抓人眼球，也极容易突出网站内容。
. Artcore
Artcore 是一款总计包括个页面的响应式HTML5网页设计模板。首页采用了清爽的配色，并结合典型的瀑布流设计。项目展示部分可以使用单栏，双栏和三栏式布局。
. Meilleur
Meilleur 是一款专业的、多用途的单页响应式网页模板，同样基于Bootstrap 3框架来设计。
. Rainbow
顾名思义，彩虹，这是一款包含多种色彩的网页设计模板，对于移动端网页浏览优化非常不错，所以设计师在这个模板上还采用了单页设计。
element-ui 组件库 button 源码分析
团队将基于新的 UI 规范构建组件库，并需实现具备多种主题换肤能力的 button 组件。该组件需支持字体颜色、背景颜色、边框和禁用状态的调整，同时加入一种幽灵按钮类型。分析后，决定不在 element-ui 组件库上进行改造，以确保更好的维护性。因此，将参考 element-plus 的 css 自定义变量实现这一目标。
深入分析 element-ui 组件库中的 button 组件，我们关注到以下几个关键点：
首先，button 组件提供了丰富的属性，如尺寸（size）、类型（type）、朴素样式（plain）、圆角（round）、圆形（circle）、加载状态（loading）、禁用（disabled）、图标（icon）以及是否聚焦（autofocus）等，这些属性使按钮组件具有高度的定制性。
接下来，通过查看相关的文件路径，我们发现组件的逻辑主要集中在 button.vue 文件中。该文件定义了组件的属性和行为，而其样式逻辑则分散在多个文件中，包括 common/var.scss 和 theme-chalk/src/mixins/mixins.scss 等。
在 common/var.scss 文件中，定义了一系列公共变量，如主题颜色、字体颜色、字体大小等，这些变量可以通过不同的主题配置实现组件库的换肤。例如，$--color-primary 变量用于定义主要主题颜色。
为了实现组件的动态换肤，mix 函数被用于将两种颜色按不同比例混合，从而生成新的颜色。例如，mix($--color-white, $--color-primary, %) 表示将白色与主要主题颜色按 % 和 % 的比例混合。
为了遵循 Element 的样式规范，组件库采用了 BEM（Block Element Modifier）命名法来管理样式。在 packages/theme-chalk/src/mixins/mixins.scss 文件中，定义了一系列的函数，如 b()、e() 和 m()，分别用于创建基础类、元素类以及修饰符类。
在 button.scss 组件样式文件中，我们看到组件库的样式被单独管理，通过 Gulp 打包工具。文件中，@include b(button) 函数用于定义 el-button 类样式，同时考虑了相邻按钮间的间距、按钮大小、内边距、字体大小和边框圆角等参数。当需要定义不同状态的样式时，使用 when 函数来实现，如 when(loading) 用于定义加载状态的样式。
针对不同的按钮类型（type）、伪类状态和朴素按钮，组件通过覆盖默认的颜色、背景颜色和边框颜色来实现定制化。颜色的浅化通过 mix 函数与白色混合实现。文本按钮、按钮组以及不同的按钮状态都遵循 BEM 规范，通过生成相应的类样式来定义。
综上所述，通过研究 element-ui 组件库的 button 组件源码，我们深入理解了其设计的巧妙之处。这一过程不仅帮助我们学习了组件库设计的最佳实践，也为我们构建具备高度定制性和维护性的组件库提供了宝贵的启示。
