把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件,在最后引入
相信很多人不光是在编程的过程中,在平时的生活中,也经常会收藏一些有用的网站,方便使用的时候,靠这些网站来解决一些麻烦的事情。 比如:
图标是网站中非常友好的附加物,许多网站都会使用各种图标来美化页面样式,给用户提供更好的指引。本文将会和大家一起学习页面图标的发展历史,以及最优的解决方案。
首先将所需标题的文字编辑好,在上方工具栏中选择视图,在视图栏中点击大纲(即可切换为大纲视角)
在进行文章编写或者需要添加注解时,需要进行尾注的添加,下面将详细说明如何进行尾注的添加
蘑菇博客前端页面最开始使用的图标都是一张张的 png 图片,在不同的分辨率上会出现失真的情况,后面在其它小伙伴的介绍下,我了解到了矢量图标。
给大家分享一个用原生JS实现的腾讯视频轮播图特效,实现效果如下: 以下是代码实现,欢迎大家复制粘贴。 <!DOCTYPE html> <html> <head> <meta http-equ
最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过 KgCaptcha 来说说如何修改验证码中的图标。
注意:fa前缀最新版本中已弃用。新的默认设置是实心的fas样式和品牌的fab样式。
github地址:https://github.com/shuaijia/NoteText
之前发布的PS安装包链接下载下来的压缩包需要解压密码才能解压,而猫猫资源的时候没有注意到这个事情,所以,猫猫今天补救一下,重新发一份没有解压密码的PS安装包,请大家自行获取。
由于历史原因,Android在发布之初对通知栏Notification的设计相当简单,而如今面对各式各样的通知栏玩法,谷歌也不得不对其进行更新迭代调整,增加新功能的同时,也在不断地改变样式,试图迎合更多人的口味。本文总结了Android 通知栏的版本迭代过程,在通知栏开发过程中所遇到的各种各样的坑,以及一些解决技巧,特别的,对于大众期盼的Android 8.0的到来,通知栏又会发生怎样的改变呢?接下来一一进行介绍。
CSS布局总算是告一段落啦,现在开始学习一些CSS的高级技巧,能坚持到这里真不容易.
ps:多日后的补充说明 部分看了文章的设计师,来找我说怎么切图。sorry?在我的理解,这就是切图啊,但是他们所指的“切图”是,怎么把设计图制作成html页面。 在我看来,现在人们对于前端都是有误区的。认为前端是切图的,(也确实是这么叫的,本人情感上很不愿意听前端被叫做“切图的”)所以也会误认为我的这篇文章是写给设计师的。 其实不然,这篇文章适用于计算机出身的前端甚至后端、对于ps等设计软件没有基础的人使用的,用来把设计师交于前端工程师的设计图稿或者psd源文件提取、整理,转化成布局页面时使用的图片。 再者
部分看了文章的设计师,来找我说怎么切图。sorry?在我的理解,这就是切图啊,但是他们所指的“切图”是,怎么把设计图制作成html页面。
为了生成风格比较统一的图片,让博客的整体风格看起来比较统一,而不是很乱的感觉,自己动手写了一款简单的图像生成小工具,看下博客之前和现在的对比图。
对于前端切图,相信很多小伙伴都不会陌生,但是对于新手,有时却很棘手,想着我本是来写代码的,你给我一张图干嘛的, 有时,或许你总奢望着UI设计师,把所有的图都给你切好,你只管撸码的,然而事实并非如此,有时候呢,设计师给我们的图,也并非是一成不变,往往也需要作一些调整,更改,完美的将UI设计图,进行还原实现产品经理的意图,是前端小伙伴职责所在,那么熟练简单的ps操作,就很重要了,虽然我们不是设计者,但是我们是具体的实现者,实现从0到1的过程,至于前端ps操作,绝大多数工作是简单的切图(抠图),测量,图片简单的处理,将图片利用web技术进行填充布局实现静态页面展现就可以了,至于,ps软件,我也只是停留在简单的使用,有时候,在一些群里,看到一些小伙伴,对于切图,有些畏惧,打开ps软件,无从下手,有时候呢,即使自己曾今,ps技术玩的很溜,但是只要一段时间没有去接触,就会很陌生,一些习以为常的技巧,忘得一干二净,非常苦恼,您将在本篇学会一些常用的奇淫绝技,完全可以胜任ps切图工作,今天,就我的学习和使用,跟大家分享一下自己的学习心得,如果你已经是老司机了,可以直接忽略,欢迎路过的老师,多提意见和指正
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。 iOS设计规范系列共10篇。本文是第8篇,介绍图标和图像(Icons and Images)。
Setting Up Your Development Environment 设置你的开发环境 To setup your development machine download and install .NET Core and Visual Studio Code with the C# extension. Node.js and npm is also required. If not already installed visit nodejs.org. 首先在你的机器上下载.Net Co
简述:本文将以4399小游戏《 宠物连连看经典版2 》作为测试案例,通过识别小图标,模拟鼠标点击,快速完成配对。对于有兴趣学习游戏脚本的同学有一定的帮助。
Android 定义颜色color时有6位或8位值的区别,6位(如:#0470C4)就是RGB,值8位(如:#1E000000)头两位是透明度,后6位是RGB值,00是完全透明,FF是完全不透明,比较适中的透明度值是 1E。
在日常文章数据统计的过程中,纯手动方式已经难以应付,于是乎,逐步开始了程序介入方式进行统计.
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
Font Awesome介绍 Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。 一个字库,675个图标 仅一个Font Awesome字库,就包含了与网页相关的所有形象图标。 无需依赖JavaScript Font Awesome完全不依赖JavaScript,因此无需担心兼容性。 无限缩放 无论在任何尺寸下,可缩放的矢量图形都会为您呈现出完美的图标。 如言语一般自由 Font Awesome完全免费,哪
javascript原名livescript,简称(js),因为当时公司和sun公司合作,为了营销考虑,让它看起来更像当时 特别火热的java,所以更名为javascript,微软因为收购不成功,挖走研发人员,重新写了一个 名为jscript,javascript为了成为业内标准,向ISO申请,ISO未采纳javascrip名字,推出了 ECMAscript标准,javascript符合ECMA标准。
使用有道词典配合Markdown,可以快速准确做出美观精致的笔记,下面我们来看一下如何使用有道词典的MarkDown功能。
从事前端的朋友应该对“字体图标”这个词汇不陌生,为了适应越来越挑剔的屏幕,网页图标和简单图案使用 .png 来搭建已经基本上被淘汰了。取而代之的是使用 css3 和 svg 来绘制,而对于网页小图标,
1、打开cmd,然后输入快捷键 control 打开控制面板 2、修改查看方式为“小图标” 类型,然后点击系统📷3、点击更改设置,跳出对话框📷4、点击更改,输入新的主机名📷5、输入新的名称,点击确定。📷6、重启服务器,耐心等待几分钟7、打开cmd,输入 hostname 确认更改成功。END
伪元素表示了某个元素的子元素。这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。
在按住Win键的情况下,按P键,呼唤出搜索框。 在搜索框中输入control panel,如下图所示:
图像尺寸和分辨率 iOS用于将内容放置在屏幕上的坐标系基于以点为单位的测量,它们映射到显示屏中的像素。在标准分辨率屏幕上,一点等于一个像素。高分辨率屏幕具有较高的像素密度。因为在相同量的物理空间中有更
识别提取文字的方法有很多,大家平时也都会使用到自己的方法,但是你所使用到的方法是不是简单而且识别效果很不错呢?其实手机里有很多的识别转换工具,但是很多的识别效果都不如人意,小编最近发现的一个简单有效的方法,一起来看看吧。
1、前景层 2、背景层 3、可以选择前景层logo,也可以直接用文字 4、对前景层进行大小缩放
很多新手都喜欢一个人完成项目,从项目的规划、搭建,到实施、debug、验收,一整套流程都是自己纯手完成,当然,对于提高自己的整体开发能力和自适应能力很有帮助。ok,不废话,下面开始介绍小白如何快速完成一个微信小程序。
好比:我们去超市买水果,若买一个带回家一个,那么效率很低,不如买完一次性打包带回家更方便。
因为最近在windows7的vm12中安装了ubuntu作为服务器,想让局域网内其他服务器可以访问到,捣鼓了一阵,做个总结 Vmware网络连接方式分三种,桥接方式,NAT方式,仅主机模式方式.桥接模式对应 VMnet0虚拟网络,将虚拟机看成和主机在同一个网段的另一台物理主机.本次研究结果是使用桥接方式 1 关掉windwos防火墙 控制面板-windows防火墙-打开或关闭防火墙 然后将防火墙关掉 2 修改虚拟网络编辑器 VM-编辑-虚拟网络编辑器 1)选择vmnet0 2)vmnet信息选择“桥接模式” 3)“桥接到”选择和windows一样的网卡驱动 (查看本机网卡驱动方法: 1右键无线网连接小图标。2,打开网络共享中心.3,更改设配器设置。找到自己连接的无线网,我的是Inter (R) wireless-N 7260) 4)点击确定 3 虚拟机设置为桥接模式 右键虚拟机系统-设置-网络设配器 选择vmnet0(桥接模式) 4 设置本机为静态ip 1)右键无线网连接小图标。 2)打开网络共享中心. 3)更改设配器设置。 4)找到自己连接的无线网,右键-属性-双击ICP/IPv4 5)选择使用下面的ip地址 (这里需要填写动态获取时一样的ip,查看方法:win+r 输入cmd,控制台输入ipconfig/all, 找到自己连接的网络信息) ipv4地址,子网掩码,默认网关,dns服务器填写 5 设置虚拟机系统网络 编辑网络,IPv4settings method:manual adress:和主机ip在一个网段,最后一个数字不一样就行 netmask:和本机子网掩码一样,255.255.255.0 默认网关:和本机一样 dns:和本机一样
EaseMobile 主题的左侧的Off Canvas 侧边栏导航中是可以为每个菜单项设置小图标的。本文通过图文+视频教程为购买EaseMobile 主题的客户告知导航菜单设置小图标的方法。当然,如果
# 效果图 # 注意事项 美化有风险,请提前备份好数据! 为避免兼容问题,请保持系统最新版本! 美化后,升级 Windows10 版本需先卸载主题破解补丁! 本文以 Windows10 1909 为例
在我们有房APP1.1的版本中增加了房产资讯的功能,昨天晚上有同事在群里反馈从APP中分享的资讯到微信中,然后再次分享出去的时候标题和小图标不见了,见下图:
💬个人网站:【芒果个人日志】 💬原文地址:Font-Awesome如何引入矢量字体图标 - 芒果个人日志 (wyz-math.cn) 💂作者简介: THUNDER王,一名热爱财税和SAP ABAP编程以及热爱分享的博主。目前于江西师范大学会计学专业大二本科在读,同时任汉硕云(广东)科技有限公司ABAP开发顾问。在学习工作中,我通常使用偏后端的开发语言ABAP,SQL进行任务的完成,对SAP企业管理系统,SAP ABAP开发和数据库具有较深入的研究。 💅文章概要:在开发网页的过程中,我们
俗话说「人靠衣装马靠鞍」,一个网页的漂亮与否CSS起到了很大的作用。它能够帮助我们进行美化。因此 CSS 在前端开发中的地位不用多说。
一般来说,我们的个人博客都会放上一些社交图标以及社交链接。这样一来,想要关注我们更多的最新研究或工作的读者就可以很快找到路径。于是,在 Jekyll 博客主题设计的时候,通常会在个人简介的地方放置几个社交小图标,点击社交小图标即可把读者带到你的社交个人主页上。对于不同类型的作者,常用的或者关注的社交平台基本上不大一样,社交小图标也会有不一样的需求。比如说,对于从事科研工作的人来说,像谷歌学术、ResearchGate、ORCID 等等能够列举发表论文或者相关研究的平台就比较重要;对于一般程序员来说,像 Github、Gitlab、Segmentfault、CSDN、简书等等能够展示自己所参与的项目和技术心得体会的平台就比较重要;对于前端设计师来说,像 Instgram、UI 中国、Dribble等等能够展示 UI 设计作品的平台就比较重要。因此,对于一款 Jekyll 博客主题的设计者来说,同时要兼顾到这么多不同的需求可能会有点为难,毕竟领域不同、了解的程度也很有限。
1 Chip 中文翻译为碎片的意思,一般也是用作商品或者一些东西的标签。 2 构造函数 Chip({ Key key, this.avatar, @required this.label, this.labelStyle, this.labelPadding, this.deleteIcon, this.onDeleted, this.deleteIconColor, this.deleteButtonTooltipMessage,
在上一篇如何做好一个开源项目(一),笔者已经介绍过开源项目运作和维护的一些理念了,本篇开始,笔者将着重于介绍一些开源项目维护过程中的一些细节,比如徽章、构建等等。由于最近经常出差,所以博客有中断,非常抱歉。
介绍:这是一款编辑非常方便的线上思维导图工具,排版简洁,多种风格供用户切换。工具栏也十分简单,只有一些常用功能,非常容易上手。而且你会发现他没有保存按钮,你可以通过Ctril+S进行保存,实际上百度脑图做到了编辑即保存,每隔10s会自动将你修改后的内容保存至云端。
想要改变图标的位置? 新功能,加个图标? 画布太大,文件空白太多? 图标多余,要删除?
Notification与Widget,他们为什么要一起讲呢?因为他们很相似,甚至自定义界面的方法都是一样的,这点可能很多书里没有写
领取专属 10元无门槛券
手把手带您无忧上云