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

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

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