复活了一个可视化频谱

昨晚突发奇想,想在网页上做一个频谱背景图,可是找了半天,这块区域好像资源匮乏,只找到一个,还是2年前的一个项目,开源在github上,也没更新了。github地址:Azusa官方的demo有问题,因为three.js已经更新很多代了,个人测试找到一个能用的旧版本,用法就用了官方提供的umd这种传统方式,能用,也就是仅仅能用吧,有兴趣可以了解下。<div id="bg" style="height:100vh;"></div> <canvas id="app" style="positi...

2113 0 0
复活了一个可视化频谱

帮群友写了个落地页

帮群友写了个落地页参考了下某框架里面的主题落地页,花了几个小时做出来了,满意,虽然可能赶时间,class的命名有点怪怪的,哈哈哈。。。

2041 0 0
帮群友写了个落地页

flex弹性布局和grid格子布局常用5种布局结构

flex弹性布局flex第一种基本布局header会占据除去footer的所有高度,footer高度可以自己设置,默认是占满的。<div id="layout"> <div class="one">header</div> <div class="two">footer</div> </div>html,body { height: 100%; margin: 0; padding: 0; } #layout { heigh...

3031 3 0
flex弹性布局和grid格子布局常用5种布局结构

仿写了一个angular落地页

最近看了angular的官网,感觉还阔以,以前一直想做一个这种页面,这次我logo材料也凑齐了,对侧边栏的一些问题也搞定了,b4也学了,jq也会了,完事具备只欠东风,说干就干预览图demodemo最重要的一点是明白了怎么搞定手机端浏览器底部工具条的问题,这玩意特别让人头疼。

2211 0 0
仿写了一个angular落地页

html class="no-js"

这个class是需要配合一个js文件才有效果,主要就是检查浏览器是否支持css3和html5的特性,通过js的一些操作,减少不同浏览器之前的差异。配合modernizr.js文件,该文件需要在head标签中引用。modernizr官网引用后给html标签加上class<html class="no-js">当然,我没有去测试这个东西,只是作为一个知识去了解一下,因为typecho的官方默认主题就用了这个class,但是他没有对应的效果,也没有引入modernizr,而是使用html5shiv,加上我写主题,本着懂的地方我就可以动,不懂就不动的做法,这个cl...

1809 0 0

html lang中文的最新标准

通过lang属性可以告诉浏览器,这是一个什么语言的界面,像网页的那些自动翻页工具,也会通过检测lang的属性来判断当前页面是什么语言。那么,这么多年了,lang的中文属性是否有变动呢?答案是有的,这里我就简单说一下一般设置为什么值才表示这个网页是中文简体。兼容性写法:<html lang="zh-CN">最新写法<html lang="zh-Hans-CN">表示:中国大陆的简体中文

2492 0 0

html的嵌套错误

学html的时候根本没有人讲过关于的嵌套的问题,我一直都是自由组合随便搭配,怎么方便怎么来,但是实际上html是有一些嵌套的规定的,具体我暂时并没有去深入了解,主要是我今天使用js的时候发现明明spen元素里面有p元素,就是无法获取到,具体代码如下:<p id="er"> <span id="ps">span</span> <span class="td"><i>sad</i>span</span> <span>...

2495 0 0
html的嵌套错误

为博客文章加上标签

突然想给博客加个标签,然后说干就干,反正挺简单的,然后效果还不错,美滋滋........

2048 0 0
为博客文章加上标签

什么是上下文节点???

学html+css的时候有在书上看到过上下文节点,但是也没详细说明,看视频的时候也有人说过,但是也是一笔带过,也没在意,今天学XPath的时候就有关于上下文节点有一个说明,但是只说了一点,没啥详细,所以自己百度了下,如下:代码:<html> <body> <a id = '1'>文本节点1</a> <a id = '2'>文本节点2</a> <a id = '3'>文本节点3</a> </body> </html> ...

2104 0 0

YoDu魔改版主题v3.1更新 (修复bug)

YoDu魔改版主题v3.1更新:修复了长代码在小分辨率下无法换行问题。针对表格代码做了样式调整。回复可见代码微调。修复了footer元素由于启用了css3的弹性布局,导致tim使用软件内浏览时,其内核过旧不能支持,特重新调整,改为css2特性,取消了footer的背景渐变。字体大小调整。

2363 0 0
YoDu魔改版主题v3.1更新 (修复bug)

修改Typecho个人设置页面的gravatar头像分辨率

因为找了一个个人非常喜欢的头像,美滋滋...提交到gravatar后,默认获取的是220分辨率的头像,压缩的不能看,加上在群里的“月宅”说可以通过头像链接后面的数字修改后就可以获得高清的了,我一想,好了,既然是通过这个获取的,那么博客本身肯定是有预先设置的,于是我就找啊找,终于找到了。[hide]修改的文件路径在:你安装的博客的目录中--admin--profile.php--有一个地方写着数字220,具体位置可以自己通过查看源代码进行对比!下图我也给你标出来了,改成你想要的分辨率,前提你在gravatar中提交的图片够清晰。[/hide]修改好后保存,然后刷新缓存,享受!

修改Typecho个人设置页面的gravatar头像分辨率

Phurl短网址生成美化版

在泽泽群有人找我美化一下一个短网址生成的程序,前两天我在改键盘,没来得及弄,昨天搞了一下,感觉还可以,就是nginx环境需要加伪静态才能使用,但是我个人还没到自己写伪静态的地步,所以用了很老的一个伪静态了,这就导致了进入后台时需要写完整的路径名了,这个我们待会再讲。先来点图看看效果:展示网址:点击进入安装方法:将目录内的config.php用编辑器打开,对应填好相对应的账号密码,域名这些就行,具体我都在文件内用中文说明,自行设置好就行将目录内的favicon.ico替换成自己的logo文件,格式名称一致。然后整个上传至服务器内,在面板内设置好网站的一些设置,这些就不细说了,很简单的东西。...

Phurl短网址生成美化版

两栏自适应布局

两栏自适应布局,顾名思义就是当左边的高度高于右边时,右边会自动补全至其等同于左侧的高度!示意图方法有三种,按原理来算应该只能算两种,为此我们慢慢道来:第一种:margin控制外部大小的方式HTML代码:<div class="div1"> <div class="left"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>...

2314 0 0
两栏自适应布局

这次把主题升级了下,然后哭着改完CSS(多列布局属性)

距离自己上次魔改主题也过去了一段时间,说实话我差不多把自己改的地方都忘了,然后这次脑子一抽就更新了,然后就是666.....从凌晨2点左右就在搞了,各种更新调试,只能怪自己不熟练,找了好多地方调整,然后本来如果是直接在原来的css的属性上改会比较省事,但是发现以后要是再更新,那我不得想死,于是又单独开了一列,用了超多!important属性,然后呕心沥血的改好了,防止自己作死删了修改好的源文件,直接贴上大部分的CSS吧!又需要也可以自己粘贴使用哈哈,不过仅限于YoUDu这个主题。说下心得:本来我是想着既然css3出了一个多列布局的属性,那么不用白不用,就来体验下,发现,这个属性最大的bu...

2120 0 0
这次把主题升级了下,然后哭着改完CSS(多列布局属性)

meta标签的使用

印象中的meta标签一直是<meta charset="utf-8" />,指定字符编码,然后就不知道干嘛了,看了一些网站,发现他们的meta标签很丰富。    比如:meta name="keywords" content="XXXX";meta name="description" content="XXXX"; meta name="robots" content="all";meta name="author" content="XXXX";等等,非常多,也不知道干啥的,网上找了一个还算详细的解释,有兴趣可以...

2499 0 0

用自定义按钮制作一个(提示/警告)弹窗

标签:buttion属性值:onclick="alert('提示或者警告的内容')"解释:oncilck: 鼠标点击alert: 警告提示详细代码:<bottion type="buttion" onclick="alert('错误')">点我</buttion>

2551 0 0

html两种插入音乐的方法

bgsound<bgsound src="XXXX.mp3" loop="-1">embedloop:播放次数,-1无限次,6为6次!src:mp3地址autostart:自动播放(没什么软用)width:宽度height:高度type="audio/x-pn-realaudio-plugin(不明所以,要不要无所谓)新代码: <audio src="XXX.mp3" autoplay="autoplay"> </audio>

2080 0 0
加载中