新的设计工具和网页插件分享

简介:

很多的网页设计师都是身兼界面设计以及前端代码的职责,工作实在繁忙,所以我们经常使用一些辅助工具来加快完成自己的项目。今天整理了8个新的设计工具和插件给网页设计师们,希望大家喜欢。

本文中的设计工具jQuery插件可能现在用不上,但是你可以先mark到微博上or收藏到书签,方便日后使用!

1.Scrollme JQuery插件

这是一个有点类似视差滑动特效的插件,当你页面滑动指区域,然后会加载对应动画。就是一边下拉滚动一边有动画跟着播放一样,具体看DEMO吧!

073116GdR

在线演示及下载

2.Avocode

一个photoshop扩展工具,主要用来预览和检查,很多小功能,比如点击某图层就能直接预览对应CSS代码样式、字体、颜色、SVG等等,具体没有测试过,因为目前是内测中,大家可以输入自己的邮箱去获取。

073116BwD

进入Avocode网站

3.Mocha

一个运动在node.js上的测试框架。

073116hig

进入mocha网站

4.Responsive Nav

一个自适应网站菜单,如果做兼容手机设备的网站,可以试用这个插件,只有1KB大小而已。

菜单是点击从上方展示出来,

073116kQW

查看演示及下载

5.PSD文件转PND工具(MacOS)

直接把一个或多个PSD文件直接输.jpg格式,使用方法很简单,直接将PSD拖入PSDt.jpg.APP里面即可。

073116bIy

进入下载页

6.Kreate.Js

kreate.js插件可以快速生成DOM,适用于测试使用。

073116yhI

演示及下载

7.Headroom.Js

当用户向下滚动页面时,页面头部将会自动隐藏。

073116Xc3

演示及下载

8.Bootstrap Live Customizer

Bootstrap官方的自定义工具不够强大或不好用?这个在线样式生成工具你一会喜欢上,以后做BS架构的网页都用它来定义样式吧,实现太方便了,支持实时预览,喜欢!

第一次加载有点慢,但加载完后就好了哦。

073116BbE

查看网站

目录
相关文章
|
27天前
【ripro美化】全站美化包WordPress RiPro主题二开美化版sucaihu-childV1.9(功能集成到后台)
1、【宝塔】删除ripro文件,上传最新ripro版本,然后上传压缩包内的ripro里面的对应文件到ripro主题对应内覆盖(找到对应路径单个文件去覆盖)。 2、然后上传ripro-chlid子主题美化包到/wp-content/themes路径下 3、注意顺序 原版–>美化包–>后台启用子主题(已启用请忽略)。
18 0
【ripro美化】全站美化包WordPress RiPro主题二开美化版sucaihu-childV1.9(功能集成到后台)
|
1月前
|
Web App开发 人工智能 JavaScript
从零写一个基于油猴脚本的 Google 辅助插件(文末附完整代码)
这是一个关于如何使用JavaScript和油猴脚本为Google搜索结果添加快捷键的功能介绍。作者首先阐述了想通过快捷键选择搜索结果的需求,然后选择了油猴插件作为开发平台。实现步骤包括:获取搜索结果列表、在结果前添加序号以及监听键盘事件触发点击。最后,作者还扩展了通过快捷键平滑滚动页面的功能,并分享了完整代码的GitHub链接。
31 0
从零写一个基于油猴脚本的 Google 辅助插件(文末附完整代码)
|
6月前
|
Web App开发 搜索推荐 NoSQL
如何搭建一个集成导航与在线工具的个性化浏览器私有书签(附详细搭建教程)
在这个信息爆炸的时代,我们都希望拥有一个能够轻松解决多端、多浏览器的收藏和笔记同步问题的神奇工具。Mtab书签正是为此而设计的顶级应用。它将基础导航、记事本、在线小工具和多端同步集于一身,为用户提供了更便利的网络浏览体验,并解决了多端同步的烦恼。
168 0
如何搭建一个集成导航与在线工具的个性化浏览器私有书签(附详细搭建教程)
|
9月前
|
Web App开发 前端开发 JavaScript
从开发chrome插件到插件系统设计
最近ChatGPT的技术概念很火热,开发了一个node-gptcommit开源项目,主要利用GPT用来自动生成git commit的信息。
218 0
|
数据采集 运维 资源调度
|
数据采集 JavaScript
Puppeteer + Nodejs 通用全屏网页截图方案(一)基本功能
学习一个网页截图程序的实现基本功能。
|
Web App开发 Python 数据采集
一个浏览器插件,测试xpath的工具
相信大家有一个感觉,就是每当写爬虫时,需要写xpath来找到我们要的数据,调试xpath会浪费很多时间,一次又一次的requests请求,每每看到取到的元素与自己心中想要的元素不符时.......... 今天为大家介绍一款谷歌浏览器插件,能帮大家在待抓取页面直接写xpath并且可以看到取到的元素,话不多说 上图: 打开Chrome商店,搜索 xpath-helper 会出现如图中的搜索结果,点击添加至CHROME按钮,根据提示完成添加即可。
1592 0
|
Web App开发
使用火狐浏览器插件 katalon 做自动化浏览操作
今天参加全国公共英语考试,使用了 katalon 这个火狐(Firefox)浏览器的插件(基于 selenium),简化了重复劳动。整理成文档,希望可以帮助到有需要的朋友。 安装 从火狐浏览器的菜单里进入“附加组件” 到“插件”页面,搜索框里输入“katalon”,敲回车键。
4669 0