网页

8神奇纯CSS边框效果代码片段

边框通常被认为是用来修饰图像或容器元素的小细节。他们表现得很好,但几乎没有什么值得兴奋的地方。但是随着CSS的发展,它们有可能成为更多的东西。具有更复杂的色彩和特殊效果,设计师可以利用边界来吸引人们对重要信息的关注。他们也可以在用户参与中发挥作用,微相互作用.考虑到这一点,让我们来看看一些边界示例,这些示例使用CSS(也许还有一点JavaScript)所能提供的最佳性能来进一步增强这些边界。SVG边界魔术SV...

网页

演示响应性文本技术的10个CSS代码片段

在设计响应性网站时,我们通常会花费大部分时间确保布局和图像等项目在较小的屏幕上正常工作。但排版我们也应该把它放在首位。确保文本看起来很棒,并为任何设备的可读性进行优化是伟大设计的关键部件。虽然CSS媒体查询可以帮助我们调整文本以满足移动设备的需求,但是还有其他令人兴奋的方式来应对这一挑战。让我们看一看使用响应性文本的一些更有趣的技术。无响应如果您使用的CSS预处理器较少,此混合器将自动生成代码,这...

网页

网站设计中杂志布局的14个漂亮例子

下一次浏览流行的印刷品/纸质报纸或杂志时,要注意页面布局的多样性。有些页面布局简洁、干净、可读性强。其他的也许更时尚,更有艺术性。然而,他们都坚持最高的设计标准和内容清楚,紧凑和美丽。维护这些高标准不是件容易的事,但却是始终如一的实现。而且,这些高设计标准往往反映在它们的网络版本中,往往在它们这样做的同时推动创新,尤其是在它们必须向这么多不同的设备和屏幕尺寸提供内容的情况下。杂志风格的网站设计非常流...

网页

创建简单条形图的10个CSS片段

寻找一种在网上创建简单的CSS条形图的方法?这个集合肯定会有所帮助,因为它充满了用CSS设计的免费开源条形图。这些图表中的大多数都带有额外的CSS动画和渐变效果。但是,您会发现一些数据的定位、大小、形状和设计都有不同的地方。完美的收藏任何前端开发人员寻找一个光滑的条形图用户界面。1.数据图表在这一组,你会发现一些图表是美丽的设计和非常好的执行。开发人员KrisOlszewski主要关注这些条形图的UX,以及每...

网页

30个设计精美的代理网站

多年来,设计机构一直在生产干净宽敞的网页使用一个简单的尝试和测试的公式:大型标志,一个简单的,中等大小的标语,中央部分,用来展示他们的一些最好的工作,最后列出一些基本的联系方式在页脚。这是一个非常简单的公式,但行之有效。几年后Web设计趋势已经发生了巨大的变化,技术有了很大的提高,用户的期望也大大提高了。现在印刷术要大得多,静态图像又回来了,视差滚动单一的寻呼机太受欢迎了。有太多的改变和改进,我们不...

网页

10个设计精美的投资组合网站

设计师的作品并不是什么稀奇的东西。这不是奢侈或奢侈。相反,当我们在网上冲浪时,我们每天都会碰面,这是一件很平常的事情。我们正在见证一个个人网站的时代,这些网站在这里、那里和几乎任何地方都会出现。开发者,设计师,创意总监,摄影师其他艺术家也急于发表声明。他们希望这是大胆的。像Dribbble、Behance和Codepen这样的社区已经不足以满足他们的需求了。每个人都想要一个个人的投资组合,因为它给了你做你想做的任何事...

网页

25个摄影师组合网站的网页设计灵感

无论你是婚纱摄影还是肖像摄影,有一件事是很清楚的:你需要有一个网站来展示你的摄影技巧,让潜在的客户很容易预订你的服务。当涉及到展示你的摄影技巧,有几种选择。您可以使用主页添加全宽英雄形象或者是一张幻灯...

网页

15表单验证jQuery插件和库

表单验证。这两个词让任何开发人员都不寒而栗。建立表格?没问题。那验证一下呢?无可奉告。我们今天为您提供的是一系列健壮、可靠和易于使用的表单验证。JQuery插件图书馆会让你的生活变得简单得多。它们在这里:...

网页

10免费插件,用于定制WordPress仪表板

WordPress管理区域(也称为仪表板)可以通过多种方式进行定制。菜单项可以添加、隐藏或重新排列。可以为特定的用户角色设置对设置的访问。可以添加自定义小部件以帮助指导或将重要信息传递给用户。不管你想做什么样的调整,很可能有一个WordPress插件可以让它成为现实。让我们探索10个WordPress插件,您可以使用它来个性化仪表板以满足您的需要。自定义仪表板Widget&仪表板联系人表单当将WordPress站点交给客户时,将...

网页

8 CSS&JavaScript片段,用于创建真实的液体效果

特效已经在网页设计中使用多年了(Flash,有人吗?)但是今天的技术为设计师提供了更好的方法将它们集成到我们的项目中。在CSS 3(JavaScript库和拥有强大硬件的用户)之间,我们拥有创建引人注目的效果所需的所有资源。最受欢迎和最复杂的影响是液体模拟。要正确地做到这一点,它需要来自代码和处理器的能量。幸运的是,这些物品不再短缺。因此,我们发现了许多液体效应的例子。有些看上去非常现实,而另一些则更让人联想到科幻...

网页

创建视差滚动效果的10个CSS和JavaScript片段

关于视差设计和它是如何在网络上工作的,有很多困惑。一般说来,视差设计是利用运动在页面上创造深度的错觉。这可以与背景更改或半固定位置项相关,这些项与用户的滚动一起移动。我们已经报道了许多例子但还没有详细介绍所涉及的技术。对于这个集合,我选择了我最喜欢的视差设计,这些设计提供了免费的源代码,您可以随意使用,甚至可以在自己的项目中使用。1.大瀑布大瀑布由CJGammon设计的是我发现过的最独特的接口之一。它使...

网页

与惊慌失措的设计客户打交道

每个人都有你想要的那种客户打孔--范围轨枕微观管理者,非支付者。这是非常令人恼火的,但这是一个长期存在的自由撰稿人的一部分。但有一种客户,特别是对他们自己和他们对你来说都是危险的。当然,我说的是那些惊慌失措的客户,那些把一切都看作是有史以来最紧急的紧急事件的客户。那些在凌晨2点给你打了20次电话的人,他们发出了“紧急”的信息和任务,出于某种神秘的原因,他们不能等到一个像样的小时。我们要解决这些问题,并研...

网页

为WordPress Gutenberg编辑器创建自定义调色板

WordPress Gutenberg块编辑器的美妙之处在于它允许内容创建者有更多的设计自由。但对于网页设计师来说,让客户访问某些功能并不总是可取的。调色板就是这样一个值得关注的领域。访问整个彩虹的客户端可能无意中弊大于利。除了与你精心挑选的颜色不同之外,当涉及到可访问性时,也可能会产生负面影响。幸运的是,WordPress为设计者提供了一种限制块编辑器中可用颜色的方法。这将确保块保持在品牌指南和可能的范围内(只需少量使...

网页

给我看Emoji:标志性代码片段

表情符号似乎侵入了我们文化的每一部分。什么一开始作为移动电话用户和计算机极客的一个利基特征,极客已经成为自己的一种现象。现在,我们在t恤上看到这些小角色,营销活动,甚至不那么有趣。故事片.如果说表情符号已经成为一种共同的语言,那就不算太过分了。无论你说英语、日语还是斯瓦希里语,某些字符都是公认的。因此,他们可以用自己可爱的方式打破障碍。自然,网页设计社区使用和实验的表情符号相当多。今天,我们想展示一...