网站的各种颜色设置建议,仅供个人使用 … [阅读全文...] 关于 网站设计-颜色-个人
前端说
前端主要特效
Accordion(手风琴/折叠面板) accordion()的使用 … [阅读全文...] 关于 前端主要特效
bootstrap tabs
参考:https://wordpress.org/plugins/tabby-responsive-tabs/ … [阅读全文...] 关于 bootstrap tabs
百度MIP-HTML规范
百度移动网页加速器MIP使用教程之MIP HTML规范 MIP (百度移动网页加速器) MIP是Mobile Instant Pages的缩写,指百度移动网页加速器, 是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-JS运行环境以及MIP-Cache页面缓存系统,实现移动网页加速。 【注意】 百度搜索资源平台 MIP 入口下线通知因业务调整,搜索资源平台的“资源提交-MIP”入口即日起下线。MIP 核心、组件等前端静态资源仍正常维护与使用,不影响已改造为 MIP 标准的站点的正常访问、收录、排序。 … [阅读全文...] 关于 百度MIP-HTML规范
prism:一个轻量,健壮,优雅的语法高亮库
Prism- 轻巧,健壮,优雅的语法高亮显示 Prism是一个轻量,健壮,优雅的语法高亮库。 Prism是一种轻量级的,可扩展的语法突出显示工具,其构建考虑了现代Web标准。它已在数千个网站中使用,其中包括您每天访问的网站。 官方介绍: https://prismjs.com/官方下载: https://prismjs.com/download.html官方演示: https://prismjs.com/test.htmlGithub: https://github.com/PrismJS/prism/中文文档: https://www.awesomes.cn/repo/PrismJS/prism … [阅读全文...] 关于 prism:一个轻量,健壮,优雅的语法高亮库
使用Animate.css和wow.js实现页面加载动画
实现原理 Animate.css+wow.js 可以不依赖JQuery,并且在移动端也有不错的效果 使用方法 在想添加动画的元素中添加'wow' (必须) 在想添加动画的元素中添加'animatecss' (为动画的Class,可以在该网站找到合适的动画http://daneden.github.io/animate.css/ 自己写也可以) 第一步:引入文件 分别wow.js与Animate.css 第二步:针对需要动画的内容(boxClass)添加类(wow): 例子2: 第三步:添加js脚本 参考链接:https://www.dowebok.com/131.html … [阅读全文...] 关于 使用Animate.css和wow.js实现页面加载动画
ONEPAGE网站常用特效或功能
Animate.css 一款强大的预设css3动画库 插件描述:Animate.css内置了很多典型的css3动画,兼容性好使用方便。 链接:http://www.jq22.com/jquery-info819 使用: 1、首先引入animate … [阅读全文...] 关于 ONEPAGE网站常用特效或功能
前端网站资源
Frontopen - 独行在前方的开拓者:http://www.frontopen.com/ 云瑞:https://www.yrucd.com/ … [阅读全文...] 关于 前端网站资源
网站制作-颜色
网页颜色选择器:http://tool.chinaz.com/tools/pagecolor.aspx … [阅读全文...] 关于 网站制作-颜色
中文在线云字体-有字库
网址:https://www.webfont.com/ 新增WordPress插件 近日,根据多数用户对WordPress需求,有字库增加了对Wordpress的支持;开发了专用插件。 下载地址:https://www.youziku.com/sdk/MV95ems/593a170af629d80bdc4b1a61.html … [阅读全文...] 关于 中文在线云字体-有字库
Bootstrap4和WordPress建站,国内CDN的配置
国内推荐使用 Staticfile CDN 上的库: 注意:popper.min.js 用于设置弹窗、提示、下拉菜单,目前 bootstrap.bundle.min.js 已经包含了 popper.min.js。 此外,你还可以使用以下的 CDN 服务: 国内推荐使用 : https://www.staticfile.org/国际推荐使用:https://cdnjs.com/ 以下代码放在 add_action('wp_enqueue_scripts', 'xxx'); 里。 … [阅读全文...] 关于 Bootstrap4和WordPress建站,国内CDN的配置
插件和特效:Animated Typing Effect-动画打字特效
Animated Typing Effect:https://wordpress.org/plugins/animated-typing-effect/ 键入效果使您可以生成一个简短代码,该简短代码可以在页面或帖子中,小部件中或直接在主题或模板文件中“键入”单词。 该插件基于Matt Boldt的Typed.js键入动画脚本 进入主菜单:Typing Effect(Typing Effect shortcode generator) 输入需要您的单词或句子,单击“生成简码”,然后将简码复制并粘贴到页面,帖子或文本小部件中即可。 您还可以配置设置,例如打字效果发生的速度,开始或退格之前的延迟,将动画设置为重复循环或随机化键入或删除单词或句子的顺序。 测试: … [阅读全文...] 关于 插件和特效:Animated Typing Effect-动画打字特效
什么是瀑布流布局
瀑布流布局(waterfall … [阅读全文...] 关于 什么是瀑布流布局
如何实现瀑布流布局
1、传统多列浮动。代表网站蘑菇街和哇哦。2、用CSS3实现。3、绝对定位。代表网站Pinterest。或者用图片延迟加载。 … [阅读全文...] 关于 如何实现瀑布流布局
响应式网页设计(草稿)
响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。 响应式界面的四个层次 同一页面在不同大小和比例上看起来都应该是舒适的;同一页面在不同分辨率上看起来都应该是合理的;同一页面在不同操作方式(如鼠标和触屏)下,体验应该是统一的;同一页面在不同类型的设备(手机、平板、电脑)上,交互方式应该是符合习惯的。 响应式界面的基本规则 参考:布局分类: static 静态布局fluid 流式布局adaptive 自适应布局responsive 响应式布局 起因因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet … [阅读全文...] 关于 响应式网页设计(草稿)