html
-
整理一份适合自己的web前端代码规范入门
想念是一种很廉价的感情 相隔几百几千几万里路的关心 永远比不上同撑一把伞 同行一段路 抖音刷到过一条视频,里面说到雷总的代码和诗一样优美;本周想重构Banner插画网,在阅读凹凸实验室,TX前端代码规范之后,总…
-
原生JS递归寻找一维数据转多层级评论回复
我可以一个人 坐地铁一直到终点 ,也可以 一个人看电影到凌晨六点 ,你以为我过的孤独 我只是想过的舒服 唠叨一会 原本是打算做星宿UI的评论留言的但是wodpress过来的json数据是一级的,就知道了评论回复不好写,由…
-
网站Footer导航完美自动固定在底部div+css
网站Footer导航完美自动固定在底部div+css,为啥要添加完美呢?因为马上过年,我们需要一个比今年更完美一点 我们在设计网页的时候,都会遇到一个问题: 我底部导航要在底部,用position: absolute;定位的话…
-
基于ThinkPhp 5.1 导航网工具箱网站带后台微信引流
基于ThinkPhp 5.1 导航网工具箱网站带后台微信引流,为啥会有这文章呢?因为枫瑞的运营大佬指点了以下迷津,于是准备在现在的基础上在搞一个工具集合类型的网站。最终的目的是希望能在大家带来一个方便下载工具的地…
-
扁平化自适应移动端app下载页4种配色
扁平化自适应移动端app下载页4种配色,这是在枫瑞网盘里面一个很久的下载页,无意看了下之前杀马特的文章,发现了还有一个引导页没有去分享,于是修改了几个东西,贡献一下吧。一共四种配色,橙色,蓝色(好看),…
-
WordPress博客美化文章底部添加百度收录以及申明
目前自媒体给了不少新人一些可观的收入,门槛极低。但是随着现在越来越多的人开始注重版权这块。那新博主在辛辛苦苦写了文章之后给第三方采集,出处都不带的那种“借鉴”!在不说版权这块上,也有不少人想知道自己写…
-
使用Dreamweaver做地图热点且删除热点边框
Adobe Dreamweaver,简称“DW”,中文名称 “梦想编织者”,最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等…
-
利用flex布局横向滚动制作滑动选项卡以及内容滑块
利用flex布局横向滚动 首先介绍一下什么是flex布局,为啥喜欢用flex布局呢,枫瑞之前在做项目的评论留言的时候采用浮动(float),又要两边对齐,有要左浮动,又要右浮动,最后话要防止塌陷。在认识flex布局之后才…
-
CSS3自定义webkit修改浏览器滚动条样式
之前在做一个设计一个宽屏幕大数据界面的时候,底部会有一个滚动条。起初是因为按甲方**宽度设计,在真实环境下是不会出现滚动条的,但是我们在普通电脑调试的时候会有。于是前端大佬给我补充一下基础知识。支持所…
-
MUI 显示本地上传图片api 单张图片预览
MUI 显示本地上传图片api 单张图片预览 真正彻底的跨平台开发,不是简单的跨iOS和Android。 基于mui,一套HTML5工程,通过前端构建工具(如grunt)条件编译,可同时发行到iOS Appstore、安卓各大应用商店、普通手机…
-
CSS3 filter(滤镜) 制作图片高斯模糊无需JS
CSS3 filter(滤镜) 制作图片高斯模糊无需JS 这是一个寂寞的工作日,因为没有女盆友所以很寂寞,因为很寂寞所以来写教程。希望再看教程的你也是单身!啊,知道你是单身枫瑞贼开心!爽的一B!!!起初我在不停的切图,…
-
CSS3 @media 媒体查询配合ZOOM属性快速做自适应网站
CSS3 @media 媒体查询配合ZOOM属性快速做自适应网站 其实枫瑞在写这文章的时候比较纠结,这个方式目前还需要嘛?我们在设计网站的时候都会要求适应不同分辨率以及移动端,也好在目前主流前端UI框架都可以帮助我们处…
-
扁平化MUI警务移动审批流程审批源码折叠面板
扁平化MUI警务移动审批流程审批源码折叠面板 轻量 追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 原生UI 鉴于之前的…
-
纯html+css3绘制任天堂switch掌机Dome
纯html+css3绘制任天堂switch掌机Dome [tip type=”worning”]声明:在学习html+css的路上偶遇一个大神写的switch,便下载下来学习学习,分析下怎么写的。本文章只是详解绘制switch中所需要的技术栈以及对名词…
-
自适应扁平化登入注册界面html源码
自适应扁平化登入注册界面html源码 [tip]技术栈:[/tip] html css2以及css3中flex布局 [tip type=”worning”]声明:[/tip] ui设计版权归原作者所有 练习html,仅适合新手参考 请勿用于商业用途 [tip type=”success”]…