web前端

移动端浏览器 vh 单位异常问题

在做一个响应式布局时用 vh 单位定义了元素的高度,结果在发现在移动端的 Chrome 和 Firefox 浏览器中,浏览器 URL 栏显示的情况下元素都出现了错位。 查找到原因是移动端下浏览器对 100vh 的定义不考虑 URL ...

静态网站生成器Hexo、Gitbook、Vuepress、Docsify、Docute、Nuxt

GitBook在不久前改版了,新版本向着商业化、平台化运作了,而作为开源工具的CLI也不在提供了(Gitbook V2 Important differences),查找静态网站生成器代替方案记录如下。 1 Hexo Hexo 是一个快速、简洁且高效...

SVG制作内阴影

1、在css中可以通过 box-shadow: inset 0 0 8px #f00 的方式去设置内阴影 2、在svg中应该怎么实现呢?这就不得不说svg中的滤镜功能,这里只谈内阴影的制作,至于其他的滤镜请自行百度搜索学习。 下面直接看代...

修改node.js默认的npm安装目录

默认的安装路径:C:/用户/[用户名]/AppData/Roming/npm/node_meodules 修改 一:打开CMD,查看配置 npm config ls 二:在其它物理盘建立文件夹如:D:\sw\develop\nodejs\npm 三:重新设置 npm config...

Hashslider – 带有 Hash 标签功能的 jQuery 内容滑块 – 梦想天空(山边小溪)

  Hashslider 实现了常见的 jQuery 滑块的功能,特别之处在于给 URL 加上了标签,因此你能够连接到滑块的某块内容。滑块的内容也可以从外部的 HTML 文件获取。您可能感兴趣的相关文章经验分享:10个简单实用的 ...

经典网页设计:滚动技术应用得出神入化的18个网站 – 梦想天空(山边小溪)

  曾经有一段时间,惯用的做法是尝试把所有的内容放在一屏里面。但现在,网页设计师和开发人员都喜欢内容滚动的设计,并以此为契机,实现浮动的背景显示,元素动画,以及其他页面滚动的基础上实现的聪明的效果...

案例分享:20佳应用大图片背景的优秀网站作品 – 梦想天空(山边小溪)

  使用大图片背景是定义网站基调和风格的一种简单方式,使用这种设计的网站越来越多。为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱无章,反而适得...

分享一套精美的现代 UI PSD 工具包【免费下载】 – 梦想天空(山边小溪)

  艾库特·耶尔马兹,是土耳其伊斯坦布尔的一位高级艺术总监,他向大家分享了一套美丽的现代 UI 工具包,你可以免费下载。所以,你可以使用这个优秀的素材设计视觉互动和有吸引力的用户界面。 此 UI 套件...