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

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...

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

html class="no-js"
这个class是需要配合一个js文件才有效果,主要就是检查浏览器是否支持css3和html5的特性,通过js的一些操作,减少不同浏览器之前的差异。配合modernizr.js文件,该文件需要在head标签中引用。modernizr官网引用后给html标签加上class<html class="no-js">当然,我没有去测试这个东西,只是作为一个知识去了解一下,因为typecho的官方默认主题就用了这个class,但是他没有对应的效果,也没有引入modernizr,而是使用html5shiv,加上我写主题,本着懂的地方我就可以动,不懂就不动的做法,这个cl...
html lang中文的最新标准
通过lang属性可以告诉浏览器,这是一个什么语言的界面,像网页的那些自动翻页工具,也会通过检测lang的属性来判断当前页面是什么语言。那么,这么多年了,lang的中文属性是否有变动呢?答案是有的,这里我就简单说一下一般设置为什么值才表示这个网页是中文简体。兼容性写法:<html lang="zh-CN">最新写法<html lang="zh-Hans-CN">表示:中国大陆的简体中文
什么是上下文节点???
学html+css的时候有在书上看到过上下文节点,但是也没详细说明,看视频的时候也有人说过,但是也是一笔带过,也没在意,今天学XPath的时候就有关于上下文节点有一个说明,但是只说了一点,没啥详细,所以自己百度了下,如下:代码:<html> <body> <a id = '1'>文本节点1</a> <a id = '2'>文本节点2</a> <a id = '3'>文本节点3</a> </body> </html> ...
YoDu魔改版主题v3.1更新 (修复bug)
YoDu魔改版主题v3.1更新:修复了长代码在小分辨率下无法换行问题。针对表格代码做了样式调整。回复可见代码微调。修复了footer元素由于启用了css3的弹性布局,导致tim使用软件内浏览时,其内核过旧不能支持,特重新调整,改为css2特性,取消了footer的背景渐变。字体大小调整。

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

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

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

用自定义按钮制作一个(提示/警告)弹窗
标签:buttion属性值:onclick="alert('提示或者警告的内容')"解释:oncilck: 鼠标点击alert: 警告提示详细代码:<bottion type="buttion" onclick="alert('错误')">点我</buttion>
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>

疯子
学习 学习
紫慕爱摸鱼
前来学习。
威力宝宝
学习!!
闹心
厉害
闹心
哇厉害
默哀
看看