随笔分类 -  CSS3

1 2 3 4 5 ··· 17 下一页
样式设置
摘要:悬停效果一直是向网站添加交互元素的最简单方法之一,我们看到它们经常用于突出显示文本链接或按钮。悬停效果尤其强大的一个领域是当它们应用于图像时,无论是作为小型卡片布局的一部分还是大型相册的一部分,都可以产生很棒的效果。今天,我们将向您展示设计师将悬停效果集成到图像中的一些创意方法。他们将演示我们如何以创新的方式为我们自己的项目增添趣味。 阅读全文
posted @ 2024-02-17 22:12 梦想天空(山边小溪) 阅读(57) 评论(0) 推荐(0) 编辑
摘要:2019 年对于大前端技术领域而言变化不算太大,目前三大技术框架日趋成熟,短期内不大可能出现颠覆性的前端框架 (内心 OS:出了也学不动了)。本文结合个人和团队经历对 2019 上半年做个技术总结,将各类技术框架、语言、工具分作两个维度,按照大前端技术架构图进行分层,大体分为:状态管理、UI 组件、小程序、跨平台、框架层、编程语言、工程化、监控、测试和服务端。 阅读全文
posted @ 2019-09-03 13:52 梦想天空(山边小溪) 阅读(13282) 评论(4) 推荐(3) 编辑
摘要:iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。笔者通过查阅了一些官方文档,以及结合实际项目中的一些处理经验,整理了一套简单的适配方案分享给大家,希望对大家有所帮助, 阅读全文
posted @ 2017-12-10 22:24 梦想天空(山边小溪) 阅读(10997) 评论(0) 推荐(1) 编辑
摘要:今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。 阅读全文
posted @ 2017-08-21 10:42 梦想天空(山边小溪) 阅读(6590) 评论(3) 推荐(3) 编辑
摘要:在Reina(视网膜)屏幕的手机上,使用CSS设置的1px的边框实际会比视觉稿粗很多。在之前的项目中,UI告诉我说我们移动项目中的边框全部都变粗了,UI把他的设计稿跟我的屏幕截图跟我看,居然真的不一样。没有办法,只有在后面的版本中去修改了,但是要改的话,需要知道是为什么。所以查了很多资料,终于搞懂了这个问题,并且总结了几种方法。 阅读全文
posted @ 2017-08-13 21:05 梦想天空(山边小溪) 阅读(7652) 评论(0) 推荐(2) 编辑
摘要:今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。 阅读全文
posted @ 2017-05-18 13:24 梦想天空(山边小溪) 阅读(4463) 评论(2) 推荐(2) 编辑
摘要:《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经五年半,总共发布了30多期。今天这篇是2017年第1期(总第35期),希望你能在这里发现有用的资料。梦想天空专注前端开发技术,分享提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用...... 阅读全文
posted @ 2017-03-28 13:25 梦想天空(山边小溪) 阅读(3591) 评论(0) 推荐(1) 编辑
摘要:AOS 是一个用于在页面滚动的时候呈现元素动画的工具库,你可能会觉得它和 WOWJS 一样,的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库,当你滚动页面的时候能让元素动起来,当页面滚回顶部的时候,元素能够回到前一个状态,如此达到循环动画的效果。 阅读全文
posted @ 2016-10-07 22:36 梦想天空(山边小溪) 阅读(9582) 评论(0) 推荐(0) 编辑
摘要:CssStats 是一个在线的 CSS 代码分析工具,你只需要输入网址或者直接 CSS 地址即可进行 CSS 代码的全方位分析,是前端开发人员和网页设计师分析网站 CSS 代码的利器,可以统计出 CSS 代码里的规则数量、字体颜色、字体大小、背景颜色数等等。 阅读全文
posted @ 2016-09-06 15:25 梦想天空(山边小溪) 阅读(2675) 评论(1) 推荐(2) 编辑
摘要:Sass 是 CSS 的扩展,增加了嵌套规则,变量,混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架,使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。在这篇文章中,我们已经收集了一组有用的 Sass 和 Compass 工具,将帮助您快速构建 Web 应用程序。 阅读全文
posted @ 2016-06-02 21:59 梦想天空(山边小溪) 阅读(2827) 评论(0) 推荐(0) 编辑
摘要:CSS 代码是很难管理,尤其是在大型项目。 样式都写在一个全局作用域里,通过复杂的选择器来指向特定的页面元素。冗余、膨胀和维护可以成为前端开发人员的一场噩梦。幸运的是我们有一些 CSS 工具来帮助开发者克服这种情况。这里集合了15款用于管理 CSS 代码的优秀的 CSS 工具,分享给大家。 阅读全文
posted @ 2016-05-15 22:31 梦想天空(山边小溪) 阅读(5155) 评论(4) 推荐(1) 编辑
摘要:之前给大家分了很多的在线工具和参考文档,这里又为大家搜集了前端开发必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。相信你会在这个列表中发现对你很有用的资料。 阅读全文
posted @ 2016-04-08 12:35 梦想天空(山边小溪) 阅读(10174) 评论(1) 推荐(0) 编辑
摘要:CSS所能做的就是改变网页的布局、排版和调整字间距等,但编写 CSS 并不是一项容易的任务,当你接触新的 CSS3 属性及其各自的浏览器前缀的时候,你会发现很伤脑经。值得庆幸的是一些优秀的开发人员提供了很多在线的 Web 应用程序来帮助我们。 阅读全文
posted @ 2016-03-07 12:25 梦想天空(山边小溪) 阅读(5197) 评论(0) 推荐(2) 编辑
摘要:Foundation 6 让您的项目从原型到成平比以往任何时候都更有效!它包括了广泛的模块和灵活的组件。这些多功能就像轻便的积木,可以很容易地把你的想法实现。所有的代码片段支持ARIA属性和作用以及如何正确使用这些组件的说明。 阅读全文
posted @ 2015-12-28 12:30 梦想天空(山边小溪) 阅读(8183) 评论(0) 推荐(1) 编辑
摘要:每一个网页设计师希望创建让用户能够赏识的网站。当然,这是不可能满足每个人的口味的。幸运的是,我们有最强大的工具和资源。实际上,我们有这么多的网站模板,框架,内容管理系统,先进的工具和其他的东西。这篇文章展示了使用一组使用 CSS3 制作的文本特效,快来欣赏。 阅读全文
posted @ 2015-11-22 11:16 梦想天空(山边小溪) 阅读(8650) 评论(4) 推荐(0) 编辑
摘要:被请求的HTTP对象之间的延迟会有一个时间段,这个期间网页看起来不完整。Gradify 可以分析出图像中4个最常见的颜色,创建一个梯度(或纯色)作为图片占位符。Gradify 可以在在任何图像发现最突出的颜色并产生一个可伸缩的、响应式的 CSS 渐变。 阅读全文
posted @ 2015-07-16 09:09 梦想天空(山边小溪) 阅读(5754) 评论(3) 推荐(0) 编辑
摘要:Wee 包含许多开发人员在搭建响应的,互动的网站和应用程序时需要的组件。正如它的名字一样,Wee 是一个微小、移动优先的CSS 复位框架。Wee 组织在一个简单的、可扩展的层次结构,拥有一致的样式和脚本。 阅读全文
posted @ 2015-06-19 12:56 梦想天空(山边小溪) 阅读(5742) 评论(2) 推荐(0) 编辑
摘要:Primer 是一个 CSS 工具包,支撑着 GitHub 的前端设计。它的目的仅限于提供通用部件,为我们的开发者提供最大的灵活性,并保持 GitHub 的独特风格。它基于 SCSS 建成,可以通过 Bower 获取,所以很容易在自己的项目中包括全部或部分。 阅读全文
posted @ 2015-06-04 11:45 梦想天空(山边小溪) 阅读(3869) 评论(0) 推荐(0) 编辑
摘要:今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子,这些 Demo 可以说都是艺术品。CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品,也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。 阅读全文
posted @ 2015-05-26 09:50 梦想天空(山边小溪) 阅读(7601) 评论(5) 推荐(1) 编辑
摘要:CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。你在上面可以在线分享自己的 Web 作品,也可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果。今天这篇文章为大家挑选了15个超炫的 CSS 动画效果的例子,这些 Demo 可以说都是艺术品。 阅读全文
posted @ 2015-05-25 13:37 梦想天空(山边小溪) 阅读(16296) 评论(13) 推荐(8) 编辑

1 2 3 4 5 ··· 17 下一页