飞码网-免费源码博客分享网站

点击这里给我发消息

24小时更新:0篇     当月更新:852篇最新发布

其它资料

比较Bootstrap与Google的Material Design Lite(简称MDL)|-CSS教程

0

codefrees 发布于 2021/01/14 18:57:59

自从Google宣布将Material Design引入Android 5.0以来,大量的前端框架应运而生,其目标是将该概念引入Web应用程序。我们已经有许多库可以推广该概念-MUI,Material-UI和Polymer,它们是围绕Web组件构建的。

2015年7月开始,Google公开发布了一个易于使用且没有其他依赖项的新框架。它被称为Material Design Lite(简称MDL),它直接针对非常流行的Bootstrap框架。

阅读()评论(0)赞 ()

其它资料

使用伪选择器的表单元素样式|-CSS教程

0

codefrees 发布于 2021/01/14 18:51:05

自从CSS发明以来,各地的Web开发人员都希望找到一种样式化内置浏览器控件的方法。对于诸如按钮和文本输入之类的简单元素而言,这很简单,但对于诸如selectand之类的一些更复杂的元素而言,却很难range。在此快速提示中,我们将向您展示如何做到这一点。

阅读()评论(0)赞 ()

其它资料

使用CSS视口单元简化的样式表|-CSS教程

0

codefrees 发布于 2021/01/14 18:47:48

视口单位已经存在了几年,但我们确实还没有看到它们被大量使用。现在,所有主流浏览器(caniuse)都支持它们,并提供独特的功能,这些功能在特定情况下特别是涉及响应设计的情况下非常有用。

阅读()评论(0)赞 ()

其它资料

响应式网页设计的50个有用的库和资源|-CSS教程

0

codefrees 发布于 2021/01/14 18:44:15

让我们谈谈响应式网页设计。人们越来越依赖于他们的智能移动设备,并且很可能您网站的大部分访问者都使用他们的手机或平板电脑来访问它。在本文中,您将找到50篇文章,工具和资源,它们将帮助您了解什么是响应能力,以及如何将这些技术应用于当前网站。

阅读()评论(0)赞 ()

其它资料

如何创建社交按钮jQuery插件|-CSS教程

0

codefrees 发布于 2021/01/14 11:40:44

社交共享按钮是必不可少的,它使访问者可以轻松地与他们的朋友和专业网络共享我们的内容。但是作为Web开发人员,我们必须对共享按钮带来的速度下降感到厌倦。页面中包含的每个按钮都会加载自己的一组脚本和样式表,这会使页面加载速度变慢。

这就是为什么今天我们发布一个很酷的新jQuery插件,该插件在您的网站上添加社交共享按钮而不会使其速度变慢。它易于使用,由CSS3提供支持,移动友好且完全可定制。

阅读()评论(0)赞 ()

其它资料

12种有趣的分享按钮效果|CSS教程

0

codefrees 发布于 2021/01/14 11:38:29

每个人都喜欢眼睛糖果和流畅的CSS3动画。这就是为什么今天我们要与您共享我们的最新实验-揭示共享按钮效果的集合。您可以在投资组合,图库中使用它们!

阅读()评论(0)赞 ()

其它资料

如何使用CSS为你的网站创建内联帮助提示|-CSS教程

0

codefrees 发布于 2021/01/14 11:35:33

创建Web应用程序时,通常需要向人们提供友好的帮助提示,以解释界面的各个部分。一种方法是使用链接到帮助主题的单独页面。但是,这会导致人们失去他们正在做的事情的上下文,并且不是很友好。

更好的方法是在需要的地方显示帮助文本。这是仅使用一些CSS规则和少量HTML的方法!

阅读()评论(0)赞 ()

其它资料

20种令人印象深刻的CSS3技术、库和示例|-CSS教程

0

codefrees 发布于 2021/01/14 11:32:21

在此列表中,我们为您收集了一些CSS优点的最佳来源。我们从不同的艺术家那里选择了一些惊人的演示,以证明当今CSS可以实现一切。我们还提供了描述CSS3令人敬畏的新功能的文章以及一些充满CSS技巧的有用库。有很多东西可以吸引您的目光,也有很多东西可以学习,所以我们最好开始吧!

阅读()评论(0)赞 ()

其它资料

隐藏溢出文本的新技术|-CSS教程

0

codefrees 发布于 2021/01/14 11:30:35

为Web开发人员,我们应该构建我们的网站,以便它们容纳可变长度的文本。您必须确保使用50个字符的用户名和使用5个字符的用户名看起来一样好。过去,这只能通过在服务器端对文本进行切片或使用JavaScript来实现,但如今,由于max-width和text-overflow之类的属性,我们只能使用CSS做到这一点。

阅读()评论(0)赞 ()

其它资料

12个CSS3特性|-CSS教程

0

codefrees 发布于 2021/01/14 11:26:51

如果您像我一样,当您看到令人印象深刻的新CSS3功能演示时,就迫不及待要在网站上开始使用它。当然,然后您会看到它仅在一种或两种主要的浏览器中可用(并且它永远不包括IE),因此最终您决定等待。

请注意-这些功能中的大多数功能在旧版本的IE(9及更低版本)中将不起作用。如果这些浏览器在您的受众中占很大比例,恐怕您将不得不依靠后备。

阅读()评论(0)赞 ()

其它资料

使用CSS3和jQuery进行实时相册预览|-CSS教程

0

codefrees 发布于 2021/01/14 11:18:10

我们将制作一个脚本,用于以类似幻灯片演示的动画预览专辑的内容。可用于照片库,在线商店,个人资料页面等。该示例的灵感来自Facebook,您可以将其悬停在相册上并对其其中的一些照片进行幻灯片演示。

阅读()评论(0)赞 ()

其它资料

制作Photoshop模拟撕碎的照片|-Photoshop教程

0

codefrees 发布于 2021/01/14 01:51:19

电视连续剧的最新一季,索尔·古德曼(Saul Goodman)的一系列照片被撕裂了。当然,最自然的方法就是将它们撕开然后照相。但是,出于本教程的考虑,由于并非每个人都精通摄影(包括我自己),因此我们将使用Photoshop复制这种效果。要遵循本教程,您可以使用Photoshop CC 2014或更早版本。我们将使用链接的智能对象,手动绘画和一些巧妙的变形来将照片撕开。你准备好了吗?让我们继续。

阅读()评论(0)赞 ()