XboxYan

在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影 可以看到，只有滚动以后才...

在很多创意网站上，我们都会见到很多文字涂鸦效果，本期我们就介绍五种方法来实现这些文字涂鸦效果，康康如何通过前端技术，一起来让你的网页更有创意吧。...

最近在项目中碰到一个这样的角标设计，如下 像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完） 一、圆角矩形和三角形 从设计上可以...

通过命令行脚手架的方式，快速搭建一个完善的 Electron 项目，解决项目搭建、开发构建、程序打包等多方面的难题，帮助Electron开发者们提高开发效率。...

很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode 抽象开来，其实就是这样一个布局...

在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户："现在可以放在这里了~"，例如这样的 之前在这篇文章讲述了如何自定义 ...

在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示： 实际效果可...

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情 🍇 写在前面 关于transition和animation这两个CSS3属性...

看到团队内很多小伙伴都在用Git的图形化工具，我并不排斥，但我觉得作为一名有理想的程序猿咱最后还是要走命令行的路子...

mac下安装tree和brew 第一次看别人输入一个命令'tree'就把目录列成树结构的时候我是觉得很神奇的，心里就想着：卧槽~还能这样？...

本文主要给你分享nvm、nrm、npm、cnpm安装、使用及一些常用命令，希望对你有所帮助。 npm大家都比较熟悉了，算是老朋友了，咱们就不做过多的赘述了，今天主要说一下n...

VScode结合ESLint和Prettier让代码规范更简单，在结合vscode中的插件eslint和vetur让不规范代码高亮显示并且一键保存自动规范代码。一个字：爽~...

辛勤动手之后收获的美好往往才能给自己极大的满足感，动手用iTerm2 + oh-my-zsh + powerlevel9k 打造你喜欢的编码终端吧，让你的编程更加心情愉悦...