我们的新Slider元素几乎没有发生……
事实上,如果不是因为一个叫戴文·埃尔斯顿的人,这本书就永远见不到天日。
我听见你在问戴文·埃尔斯顿是谁?2018年,他来到了这里。

除了是Themeco的长期客户和全面的好人,Devin还是开发人员中的开发人员。他曾与一些最大的品牌合作,包括Hulu、CBS和目前的Beachbody。
他有一种独特而罕见的能力,可以同时谈论技术,争论代码,并进行战略思考!
“你知道你需要什么,凯尔。”他说。“你需要滑动元素。”
现在让我暂停一下,然后说,正如你所预料的,我们得到一个很多特性的请求。它与领土,它帮助我们保持基石在市场上最好的网站建设者!但他刚说完这句话,我心里就有了答案。
“是的,我同意,伙计……这就是为什么我们。已经有滑动元素。”
(凯尔1,德文0)。
“不,我不是在说旧元素……它很棒,但你真正需要的是更强大的东西。”
我又一次准备好了答案。
“那么,那些我们包含的第三方插件呢?你可以用它们做任何你想做的事情。”
(凯尔2,德文0)。
在这一点上,德文分享了他对一个更强大的,本地的滑块元素。一个可以把我们已经建立的简单优雅的东西赋予它更多的通用性,更多的可定制性,更多的应用程序。
不用说,在我们谈话结束时,游戏结束了,德文赢了。
几年过去了,团队正在讨论我们的开发路线图。一时兴起,我说:“滑动元素怎么样?”
在这一点上,我们的团队经历了一个相当独特和非常规的过程。
我们首先要做的不是继续推进这个想法——就好像它会发生一样——而是试着戳穿它。
- “是这样的不会工作……”
- “这就是它分解的地方……”
- “这就是为什么没人关心这件事……”
- “这就是为什么没有人应该关心这个……”
但当我们开始脚手架的想法为新的滑动条元素,几乎是准确的相反发生了。
我们很喜欢!我们喜欢它所代表的东西,更重要的是我们喜欢它可能变成的样子。
你看,大多数人认为“滑块”是90年代末,早期的网络怪物。它们通常是缓慢的,随机的,并且几乎没有可识别的粘性价值。说实话,大多数都很难看。
人们通常用图片或朗朗上口的口号填满它们,然后毫不犹豫地把它们放在网站的顶部——最重要的地方。

更糟糕的是,它们还可能是性能消耗者。这不仅会让你的访问者感到沮丧(谁喜欢坐着等待一个毫无意义的滑动条加载?),他们也会对你的搜索排名产生负面影响。
我们知道谷歌将性能、用户粘性和跳出率作为3个重要指标。你最不想要的就是给他们更多的理由不给你排名。
金博宝188官网网址另一方面,现代滑块更加通用。更加微妙。多更有效。
只是一个大问题。
在市场上的网站建设者中,还没有人真正破解了这个问题。至少不是我们的愿景。
选项要么太窄(没有印象),要么你必须使用一个复杂的插件,这就是过度使用的定义。
我们把这个看做独特的机会。
所以我们开始重新定义什么是Slider可以,然后为我们的基石网站建设者创建一个本地元素。
对于那些可能不知道的人来说,Cornerstone是当今市场上最流行的两个WordPress主题(x和Pro)背后的网站建设者。
随着视觉的聚焦,我们意识到滑块可以用于这么多不同的东西。如果使用得当,它实际上可以变成秘密武器在任何网站建设者的工具包。
金博宝188官网网址可以用于……
- 定价表
- 时间线
- 头
- 产品的比较
- 甚至是类似netflix的内容展示
- 还有很多很多
再过几年,鼓声响起,我们到了极很荣幸地宣布我们的新的滑块元素是活的!
从多年前的一次谈话中开始的愿景现在已经成为现实,我们不能更兴奋了(Devin也是如此……稍后会详细介绍)。
我们把一切我们知道现代滑块金博宝188官网网址应该建立和开发一个世界级的元素,供我们的客户使用。
这是一个不可思议的工具,可以让你本机构建了一些绝对卓越的网络体验,而Element就是免费为所有X和专业客户!
事实上,在发布后的几个小时内,这些只是几我们收到的关于它的评论(附注:你在下面看到的滑块是用新的滑块元素构建的)。
但我们并不想就此止步。这个元素比我们看到的要复杂得多。
是的,你可以用它来做一些简单的事情,比如推荐或图片画廊任何东西真的,这就是元素的力量。
但是如果你能从Themeco首席开发者Kory Wakefield的肩膀上看到他解构了15个不同的现实生活例子呢?
如果,除了从他的肩膀上看,我们给了你有15个不可思议的滑块?像定价表,时间表,标题,和更多!
滑块是专业制作和转换优化-准备立即使用或使用作为一个完美的起点- 100小时的头开始!
这是完全你得到了什么金博宝188官网网址现代的滑块,我们邀请你看看这门课程和扩展包中包含的所有内容。
首先,让我们看看您将收到15个自定义滑块。
接下来,让我们来看看课程。除了这些漂亮的滑块,你还能得到专家培训来自Themeco首席开发者Kory Wakefield。
Kory构建了X的第一个版本,是当今WordPress中最有才华的前端开发人员之一。
当他带你去看他的肩膀循序渐进的通过每个滑块的设置和思考过程。只需要一个样本你会学到什么。
-
视频1:定价滑块
21分钟
了解如何使用新的滑块元素来构建漂亮的定价部分。你会学到…
-
一个巧妙的技巧,自动调整所有的字体大小,填充,和定位与点击一个按钮。
-
一个简单的变换如何使滚动的箭头以正确的方式垂直居中。
-
如何让你的滑块“听”你是否在链的开始或结束。这是一个超级高端的抛光项目,将使你的最终设计完全不同。
-
最好的滚动效果,给你的导航项目,微妙的流行和动画。
-
如何滑动平衡控制可以提供完美的过渡动画滚动通过不同的定价水平。
-
-
视频2:全屏滑块
8分钟
了解如何创建一个引人入胜的全屏滑块。你会学到…
-
如何使用背景颜色使过渡不那么不和谐。
-
为什么你不应该在全屏滑块上使用滑动交互。
-
为什么100vh是完美的最低高度,它会为你(和你的访客)做什么。
-
科里最喜欢的字体大小技巧之一。
-
科里最喜欢的混合混合模式的黑客之一。
-
-
视频3:时间轴滑块
14分钟
真正无限的可能性与这个水平时间轴滑块。你会学到…
-
在创建时间线或阶梯旅行时,“At Edges”容器选项的秘密力量。
-
min-width如何为移动访客提供完美的体验。
-
如何使用循环器来设置和管理你的时间线。
-
如何完成、待办事项和目标可以用来显示进度。
-
如何同时使用多个滚动效果。
-
-
视频4:英雄张贴滑块
18分钟
你知道你可以创建“英雄”滑块吗?你可以,我们会告诉你怎么做!你会学到…
-
如何滑动交互工作,以及如何不陷阱你的访客。
-
全局容器的力量和重要性。
-
如何使用多个幻灯片分页。
-
如何错开效果来创建一个美丽的动画序列。
-
如何“隐藏”单词,直到它们以溢出进入视图。
-
-
视频5:页面产品滑块
26分钟
我们的De Stijl滑块(快说三遍)。你会学到…
-
如何在滑块中创建响应性的内容“页面”。
-
为什么基石中包含的幻灯片分页元素是如此强大。
-
如何利用滑块的“Gap”控件作为内容之间的伪边界。
-
旋转木马滑块的一个创造性的定心技巧。
-
如何“主动地”设置标记的样式,使其能够预测各种类型的内容并相应地做出响应。
-
-
视频6:英雄提示滑块
20分钟
这是我们将新的滑块元素推向极限。你会学到…
-
自适应高度如何适用于不同的幻灯片序列。
-
CSS Grid的强大功能以及它如何与Slider元素一起工作。
-
如何使幻灯片的内容在不同的断点上有不同的响应。
-
如何自动地创造一个交错的过渡。
-
如何使用按钮或文本作为下一步或上一页。
-
-
视频7:后滚动滑块
11分钟
发现一个有趣和现代的方式来显示内容。你会学到…
-
如何创建受Netflix启发的内容演示。
-
对于这种类型的滑块,链接子交互的重要性。
-
如何使用最小高度和最大高度来创建地板和天花板。
-
-
视频8:后旋转木马滑块
16分钟
了解如何在创意旋转木马中展示帖子。你会学到…
-
一个有趣的技巧,可以让悬停时的阴影与照片的色调相匹配。
-
分页如何兼具功能性和/或美感。很有创意!
-
按幻灯片滚动和按内容滚动的区别。
-
如何使用“过渡杂耍”来创造一些真正有创意的效果。
-
-
视频9:标志旋转滑块
15分钟
用这种强大的参与模式展示你值得信赖的合作伙伴和最大的粉丝。你会学到…
-
如何利用“自动”幻灯片宽度功能,该功能允许在不同尺寸的幻灯片之间平滑过渡。
-
为了使这项技术正确工作,需要实现细微的视觉调整。
-
如何以创造性的方式使用CSS过滤器将用户的注意力吸引到当前幻灯片。
-
CSS对比度()过滤器的一个特殊的细微差别,以及如何从它获得更多的里程。
-
-
视频10:堆叠的奖状滑块
18分钟
有很多人喜欢你的工作吗?用这种模式分享他们的话,而不是让你的访问者不知所措。你会学到…
-
如何使用网格元素来定位您的滑块标记,并从一个地方轻松更改其大小。
-
为什么需要“自动”网格行来解释幻灯片中可变高度的内容。金宝搏体育官方网站
-
如何使用堆叠滑块模式和滚动效果创建一个人造垂直滑动容器。
-
如何实现一个独特的,垂直方向的幻灯片导航。
-
-
视频11:透视旋转木马滑块
20分钟
用这个模块把你的滚动效果提升到一个全新的水平。你会学到…
-
秘密的“平衡”和“距离”属性应用于幻灯片,可以用于各种创造性的效果。
-
如何创建3D覆盖效果。
-
关于新的CSS clamp()函数以及如何使用它来争论棘手的3D旋转。
-
如何将交互效果(即悬停状态)与滚动效果配对,以创建真正独特的东西。
-
如何为您的滑块使用响应式导航,在所有设备上创建理想的用户体验。
-
-
视频12:图像画廊旋转木马滑块
17分钟
谁不喜欢一个经典的图片库呢?你会学到…
-
如何设置标记,以帮助您从设计中获得更多的里程。
-
关于特殊的“逃生舱口”基石的滑块有,可以让你的内容总是伸展全宽度在你的网站,无论现在深嵌套你的标记。
-
如何使用元素条件在设计中输出可选内容。
-
如何将有条件的内容与滚动效果配对,以便只在需要时将用户的注意力吸引到该内容上。
-
如何在背景滤镜上使用模糊来减少内容周围的视觉噪声。
-
-
视频13:标准的传送带滑块
14分钟
从你的客户那里得到了更多热情洋溢的推荐?有了这个滑块图案,你可以让它们闪闪发光。你会学到…
-
如何使用一个有用的CSS技巧将滑块导航垂直居中。
-
为什么你需要在基石中找到“无指针事件”选项来正确地实现你的垂直导航,而不妨碍你的用户体验。
-
“对齐”控件如何通过点击鼠标来改变内容的感觉。
-
如何使用滚动效果,对CSS过滤器,转换和不透明度,使不活跃的幻灯片从一个较小的,灰度输出转换为全尺寸的颜色时,成为“当前”幻灯片。
-
-
视频14:自动播放进度滑块
21分钟
自定义UI元素很容易创建与基石的滑块API。你会学到…
-
关于自动播放进度自定义属性以及如何构建进度指示器的所有内容。
-
一种非常有创意的使用clamp()的方法,它利用了这个属性。
-
如何结合变换和不透明度的效果,以实现内容之间的平稳过渡。
-
-
视频15:人们旋转木马滑块
11分钟
一个简单而有吸引力的滑块,具有创造性的审美。你会学到…
-
如何使用“自动播放”控件为原本静态的内容部分添加细微的移动,帮助它在页面上脱颖而出。
-
如何使用vmin单元与“地板”和“天花板”配对来控制您的内容。
-
box-shadow()和drop-shadow()过滤器之间的区别。
-
如何在浏览器中应用photoshop样式的过滤器。
-