CSS 图标 第2页

用Icon Font来代替图标图片，了解并动手制作

现在在提起IconFont，已经不是什么新鲜的词汇了，网上已经有很多介绍它的文章，并且很多网站也在运用。本篇主要是将制作IconFont的整个流程整理一下，并且加入了自己在制作中遇到的问题，使得大家可以在今后使用的时候可以很快上手并且避免这些问题。一、什么是IconFont？我认为，我们现在通...

750 多个 Google 发布的 Material Design 风格扁平化简约黑白图标打包

人人都是产品经理社区推出产品经理培训课程，让BAT产品总监手把手带你学产品吧！对于非美术出身的人，想为自己的作品设计一些好看的图标往往是很大的难题。在手机APP、网站越来越流行的今天，高质量的图标需求量也越来越多，要在网上找一堆风格合适的图标真是费尽脑筋。因此，Google为了拯救程序员人类，...

教你设计一个顶尖的“联系我们”页面

网站的每一个部分都很重要，你是否忽略了“联系我们”页面？来看看有什么设计这个页面的技巧吧。简化联系表格YummygumYummygum的联系页面很干净很简单，只有3个框和一个提交按钮。简单的好处是不会让游客望而却步。大号的文字显得简练易读，方便浏览者快速校对信息，从而有更大的满足感。以现在的网页技术...

StarBlog的Vue前端开发笔记:(4)使用FontAwesome图标库

前言在现代前端开发中，图标已成为构建用户友好界面的重要元素。FontAwesome是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，FontAwesome都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。一般做个demo项目的话...

Weather Icons:具有 222 个天气主题图标的图标字体和 CSS的项目

WeatherIcons是唯一具有222个天气主题图标的图标字体和CSS，可直接放入Bootstrap或任何需要高质量天气、海事和气象图标的项目中！25个新2.0图标！白天黑夜中性的各种各样的月相时间方向箭头其他...基本用法将5个字体文件和主weather-icons.min...

不容错过的17款面向CSS开发人员的实用框架及工具

几乎每一天我们都以找到值得分享的实用工具，帮助大家在CSS开发这条探索之路上找到新的光明前景与几乎无尽的可能性。遥想当初，我们一路见证了CSS的成长，而如今我们能够不容置疑地断言，CSS已经成为Web开发领域的PhotoShop。就在几个月之前，我们曾经列举过一些能够帮助大家简化开发任务的出色CSS...

历时4个多月，学习了这 66 个CSS 特效

这66个特效，是我历时4个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。我们是9点上班，我基本7点半就到公司自学了，这样我就有一个半小时的时间来做这些了...

ICON设计规范之图标尺寸

编辑导语：图标设计是UI设计中不可缺少的元素，它看似简单，但其实内含门道。本篇文章里，作者就对icon设计的相关知识和icon绘制方法做出经验介绍。如果你对icon设计也想要有所了解的话，那就点进来看一下吧。图标是一种抽象的、跨语言的符号，是UI设计中最不可或缺的视觉元素，在设计中看似只占一个很小的...

Heroicons - 漂亮精致的开源矢量图标库，由Tailwind CSS 官方出品

漂亮精致的图标库，很难得地适配了超小尺寸的显示效果，实用性很强。Heroicons介绍Heroicons是一套简单直接的高品质图标库，由大名鼎鼎的前端框架TailwindCSS的团队制作并且发布。接触过TailwindCSS的开发者可能也注意到，TailwindCSS生态里的前端...