你是会员吗?寄存器登录

打开菜单
  1. 文章γ
  2. CSS

CSS

了解最新提示,技术,以及使用CSS和样式表布局网站的方法。

2019年将掌握5种新的CSS技术

CSS/2月2日25

2019年将掌握5种新的CSS技术

网页设计师们对尝试新的CSS技术和拓展CSS功能的方法非常着迷。精心设计的CSS几乎可以控制设计的任何方面,并通过更清晰和更一致的代码,为更好的整体用户体验做出贡献。

但哪些技术正在流行呢?接下来你应该学什么?我们对今年的最新进展有一些看法。潜入水中,看看什么是热的,尝试一下这些新的CSS技巧和技术,让你的下一个项目有一个令人兴奋的优势。

十大最佳脚本和手写谷歌字体

CSS/8月29日2018

十大最佳脚本和手写谷歌字体

很难找到好的字体。当涉及到这一特定的字体领域时,我非常挑剔,并且往往讨厌我所看到的大部分内容。有了这个帖子,你可以跳过垃圾分类的工作,直截了当地选择最适合阅读的脚本和手写谷歌字体,对你的网站有吸引力和完美。

所有字体都以独特的CSS处理方式显示(并提供快速实现所需的代码!)他们也都提供了谷歌字体,所以你可以快速复制和粘贴,不需要下载!

设计好桌子的15个技巧

CSS/8月22日2018

设计好桌子的15个技巧

信息表很无聊。从某种意义上说,他们就是这样的。一张好的桌子能简洁地传达很多信息,容易理解的方式。因为重点应该放在信息上,过度设计一张桌子会破坏效果。然而,在右手边,巧妙的设计不仅能使一张桌子更有吸引力,而且实际上还能提高可读性。

今天,我们将介绍几种改进表格功能和美观性的方法。我们目前在网上找到表格的最常见地方之一是Web应用程序的定价页面,因此我们的大多数示例将采用这种形式,请记住,这些原则可以应用于任何类型的信息网格(无论它实际上是否桌子

最适合设计师的CSS渐变生成器

CSS/8月20日2018

最适合设计师的CSS渐变生成器

我们将介绍十个最好的CSS渐变生成器,您可以使用它们来创建各种渐变样式(并直接使用CSS输出!).手工编码渐变并不有趣(尤其是当你通过一个简单的双色渐变时)。所以这些工具是书签文件夹中的必备工具。

网站设计中最流行的元素之一是使用渐变背景或颜色覆盖。双色线性渐变是这种趋势最流行的变化。虽然梯度可能花哨复杂,它们实际上很容易创建和部署……如果您使用的是正确的工具!

20 +的资源引导情人

CSS22马尔2018

20 +的资源引导情人

引导程序只是在Web开发社区中爆炸了。总有怀疑者和仇恨者,但总的来说,这个项目取得了巨大的成功,在Github的分叉图和观察图的顶部可以经常看到。

由于bootstrap的名声,开发界提出了大量的相关资源。今天,我们已经将我们的最爱收集到一个列表中,列出了您开始引导所需的一切。从入门教程到线框工具和自定义生成器,这里有一些东西给每一个自助爱好者。

13学习CSS网格的最佳方法

CSS/2月2日26

13学习CSS网格的最佳方法

CSS网格是一种越来越流行的创建复杂的响应式Web设计布局的方法,这种布局在浏览器中呈现得更加一致。现在是熟悉CSS网格的时候了,所以今天我们收集了13种最好的开始学习的方法。

而不是像桌子或盒子模型这样的老式方法,CSS网格允许您创建更不对称的布局和更标准化的跨浏览器兼容代码。大多数主要的网站浏览器已经支持CSS网格,这是W3C的候选建议,这将使它正式成为一种标准做法。人们普遍认为CSS网格将是网站布局的未来。

网络设计动画导论

CSS/ 11 SEP 2017

网络设计动画导论

动画不再仅仅是卡通。从全屏移动图像到小的悬停效果,动画片到处都是。动画很流行,乐趣和用户友好。

使用动画的障碍也开始减少。大多数用户都使用高速连接,从简单的动作或愚蠢的GIF到几分钟的动作都很容易创建任何东西,动画已经成为实用和有用的网页设计工具。

12个有趣的CSS文本阴影,您可以复制和粘贴

CSS/ 19六月2017

12个有趣的CSS文本阴影,您可以复制和粘贴

在网页设计中,排版是每个人最喜欢的玩具。CSS提供的一个特别有趣的工具是文本阴影,一开始看起来很简单,但可以用一点独创性和创造性创造出一些显著的效果。

今天我们要跑几个文本阴影可以为自己的工作复制和粘贴的示例。

10种很棒的谷歌字体组合,你可以复制

CSS/ 13六月2017

10种很棒的谷歌字体组合,你可以复制

一般人认为哪种多里托斯的味道会和他的喜力很好。这位老练的人考虑哪种奶酪能与他所选的葡萄酒搭配得很好。当然,设计师会考虑哪两种字体在同一页上看起来很好。

今天,我们将使用谷歌字体API作为混合字体和找到理想配对的操场。您将能够浏览并立即抓取您认为适合您的项目的选择。最好的部分?您只需要复制和粘贴我们的代码就可以在您的站点上实现这些字体。它完全免费,不需要下载。

学习网页设计的5种方法:哪一种适合你?

CSS28军2017

学习网页设计的5种方法:哪一种适合你?

网页设计教育行业已经从一个小的利基市场发展到一个强大的市场,不断扩大的力量。全世界无数的人都有兴趣学习如何建立和设计网站,大量的公司涌现出来,承诺最终的解决方案。

对你来说,好消息是这个领域的竞争加剧对客户来说是件好事。你比以往任何时候都有更多的选择来学习关于网络技术的任何你想知道的东西。但最大的问题是,有这么多的选择,哪一个适合你?我们将介绍一些用于教学Web开发的不同策略,并讨论如何找出最适合您独特学习风格的策略。我们还将包含一些资源,让您可以在每个可用路径上开始。

如何在你的互动中加入魔法

CSS2017年5月3日

如何在你的互动中加入魔法

每次用户对你的设计做些什么,创建交互。一些相互作用,比如点击,用户几乎没有注意到。但是其他的交互包括一些让用户更想使用设计的魔力。

一个具有魔力的互动和一个完全可以压倒一切的互动之间有一条细线。最神奇的互动有点出乎意料,简单的,创建一个情绪化的反应,让用户想再次使用它。

你需要知道的关于高清设计的一切

CSS28马尔2016

你需要知道的关于高清设计的一切

如果你还没有注意到,网络的定义越来越高。从图像到背景到用户界面元素,高清是新常态。

它从视网膜和高分辨率屏幕开始,但获得更快的联系也强调了这一现象,提供从任何设备访问高清网站的更大权限。你在考虑和设计高清晰度?这里有几件事要考虑。