G
r
d
o
r
一个
一个

你知道公司喜欢什么吗苹果(科技)网飞公司(流)索拉纳(加密),抽搐(游戏)都有什么共同点?

这不是他们近乎无限的网页设计预算,也不是他们通过网站销售的数十亿美元。

不,他们都是有远见的技术公司,他们都使用CSS网格。

他们使用它不仅仅是因为它“漂亮”或最新的时尚,他们使用它是因为它允许他们这样做创造性地吸引他们的访问者,把这些访问者变成线索和顾客。

CSS Grid是一项技术的真正动力。它允许你建立这些看起来不可能的布局它们似乎不受地心引力的影响。

它是一个隐形的武器最大的品牌和顶级设计师。只有一个相当重要的问题。大多数建立或管理网站的人都不知道它是如何工作的许多人甚至从未听说过它!

我们想要改变这一点,因为我们相信……

如果十亿和万亿美元公司在他们的网站上使用CSS Grid,你也可以!

(我们可以告诉你怎么做)。

CSS Grid是所以前瞻性思维和所以网站,布局,甚至客户端明天将会是要求它保持相关性。你真的别无选择。

这让我们思考…

如果有一个地方你可以去那里你需要知道的一切关于CSS网格…从地面…所以you or your team can go from zero to hero in as little as a day?

如果你有一些今天市场上最好的CSS Grid的例子。是的,给!你可以在个人或客户网站上立即使用设计。

想象一下,如果除了这些,我们还创造了一个强大的可视化编辑器让你自定义那些CSS网格布局(或构建自己的),而不必与任何繁琐的代码混淆?

那真是太棒了!

向Gridorama问好

很高兴认识你。

从培训到模板,从技术到工具,Gridorama提供了所有你需要开始使用CSS网格的东西,就像那些大男孩一样。

不管你是一个人的乐队还是一个大型的网络机构——一个新手还是一个经验丰富的专业人士。格里多拉玛会牵着你的手教你该知道的一切。

  • 厌倦了所有的布局看起来都一样?
  • 想要扩大你的设计组合?
  • 想要吸引更高价值的客户?

Gridorama就是答案!加入我们,快速参观我们为你准备的所有东西。

让我看看货物

完成你的设计。

有时候,最好的学习方法就是从目标出发。这在设计世界中当然是正确的,甚至更真实学习CSS Grid的时候。

鉴于此,我们制定了一个令人惊叹的模板集合帮助你学习和使用CSS Grid…正确的方式。

从剖面到滑块,许多设计灵感都来自领先品牌……那些价值数十亿甚至万亿美元的公司不断的测试参与度和转化率以及他们的网站最前沿的可能。

我们不仅给你设计图,我们将教你如何将它们组合在一起,然后让你根据自己的需要使用它们……所有内置到我们的可视化网格编辑器!看看我们最喜欢的几个。

Gridorama例子
Gridorama例子
Gridorama例子
Gridorama例子
Gridorama例子
Gridorama例子

我们希望CSS网格是简单的和可接近的所有技能水平。这些现成的设计将用不可思议的资产集合加速您的Grid之旅!

但是等等,还有更多

网格大师类。

了解Grid就是热爱Grid,但是了解Grid…你首先需要了解Grid!

这就是我们联合起来的原因关于CSS网格最全面的课程今天上市。

你不仅会学到ins而且出局对于这个强大的布局引擎,我们将教你如何从今天开始将其纳入设计!

事实上,这次旅程的向导不是别人,正是我们自己代韦克菲尔德-Themeco的首席开发者。

科里是一个所有CSS网格的顶级专家并且从一开始就走在这项技术的最前沿。跟随Kory教给你的:

  • CSS网格的力量
  • 网格术语101
  • 第二维度
  • 内容注意事项
  • 构建第一个模板
  • 简化的百分比
  • 人工智能电网
  • 极大极小的魔法
  • 对齐和论证
  • 尺寸和位置
  • 基石中的网格
  • 自动响应式布局
  • 间隙技巧
  • 二维思维
  • 内容的电子对
  • 汽车的秘密力量
  • 创造性的模板
  • Grid能做到吗?

这些只是高级的话题!看一些实际的事情你会学会怎么做的。记住,这只是一个小样本。

  • 实现“人工智能”在您的设计中,网格可以在没有响应样式的情况下适应布局。
  • 学习如何创建有机网格画布根据布局中的元素来调整行轨迹。
  • 发现分段过渡是您最好的新朋友在你最需要的时候,也会非常非常宽容。
  • 看看你怎么做打破CSS网格的盒子创建一些真正高级的布局。
  • 学习如何创建密集的网格使用一个大的电子商务玩家的例子(并让模板启动)。
  • 利用自动关键字以独特和开箱即用的方式,可以解锁各种布局潜力。
  • 将网格与创造性互动和滚动效果为您的用户创建独特的体验。
  • 了解如何使用CSS网格不可思议的地方比如背景设计,megamenus, slider等等。
  • 解锁的力量源顺序独立性使用CSS Grid创建的布局,打破他们的自然流程。
出售!我该如何开始?

成为一个网格管理员。

97

获得即时访问所有Gridorama培训和模板!

得到Gridorama

新Themeco客户?包含了可视化网格编辑器免费的与每一个专业主题购买。获得Pro + Gridorama和保存更多!

捆绑并节省40%

常规:196美元
118

Gridorama +
Pro单License

购买

捆绑并节省40%

常规:596美元
358

Gridorama +
专业无限许可证

购买

问题和答案。

问:谁应该买Gridorama?
答:如果你以任何方式建立或管理网站,Gridorama是为你准备的!

问:我需要了解编码吗?
A:有一些背景知识当然会有帮助,但我们会从基层做起。Gridorama非常适合初学者,也可以帮助专业人士提升技能。

问:我可以在WordPress之外使用这个吗?
答:是的!课程的前半部分是教授和解释CSS Grid规范是如何工作的。这可以在任何平台上使用,从Shopify到Squarespace,从WordPress到Wix。如果您自己编写HTML / CSS,也可以使用它。第二部分的课程和模板使用我们的基石网站建设者。我们将重点介绍这一部分的培训和应用,特别是WordPress。

问:如何访问可视化网格编辑器?
答:这是为我们的专业主题用户建立的基石,所以如果你有专业版,你就可以去了。你只需要购买Gridorama访问培训和模板。如果您还没有拥有Pro,我们有一个特殊的包包括Gridorama + Pro为你需要的一切!