买回域名和主机,切换到Ghost

域名终于买回来咯~ 这一等,就是有4个多月。 从去年6月份开始,就在别人的博客里发现了Ghost blog这个简洁、高大上、有趣的东西,一见钟情。无论是外观上,还是在于功能的简洁、实用上。 之前,全面、庞大的wordpress,用了一年多。直到感觉到wordpress的臃肿不 »

“战主播迎话费页面”总结

又写了一个页面。老习惯,写总结。 这次做的和之前的大同小异。除了,字体在这里特殊一些。 先说说引用非主流字体的方式: 引用非主流字体的方式 Geogle API 但是现在都墙的厉害,放弃治疗。而且,GEOGLE支持的字体也是有限的。 文字做成图片 这个网站显然不行,因为很多文字 »

PHP MYSQL——做完成绩单打印系统后的总结

为了赶进度,14、15、16这三个晚上的时间都用在做这个系统上,白天上课。 之前没有什么PHP和数据库的基础,都是一些浅浅修修补补的功力,或者套一些PHP框架。终于,遇到了这个需要靠自己写的系统了。做的时候很苦逼,15号早上5点半睡,16号早上6点半,记得天都亮了,8点半还要上全 »

简易播放器实现

做了个简易音乐播放器。 演示代码:http://codepen.io/makaiqian/pen/eybvq 基本功能: 1.播放、暂停 2.上一首、下一首 简单说下它的核心代码: 1. 定义 var $music = $(‘#js-music’)[0]; 定义的时候是$( »

“中秋”项目总结

继第一次接触活动项目黄金星期三、充值活动之后,感觉顺手起来,速度也变快了N倍,嘿嘿嘿~特别是在和PHP的交互上,也有一些自己的概念。 像以前一样,总结下收获吧,这次主要一些新学的东西和技巧: 1. 有见过script的这个type吗? <script type="text/ »

CSS3 Animals - Sparrow

最近很流行做CSS 3的卡通人物或者动物,作为小麻雀,我也来体验一把。 虽然自我感觉UI不是特别的萌萌,但是我的“小麻雀”还是实现咯! 喳喳喳~请叫我小麻雀!嘿! 观赏地址:小麻雀 »

自定义高亮code功能

.css{ margin: 0; padding: 0; } 本来是想等新版的blog出来再实现。 但是Markdown实在是太方便了,在原来这个也稍微设置一下,这样就不用截图了,直接coding出来。 实现方法:原本的blog是没有支持Markd »

惊现CSS3 filter

看了一篇文章,才开始知道原来不止IE才有filter,原来CSS3也有。这篇文章的链接:http://www.xuanfengge.com/css3-grayscale-black-and-white-filters.html 哈哈,顺便说一下,它的导航很酷哦,可以在上面弹钢琴。 »

CSS外边距合并(叠加)

几种CSS外边距合并的情况 一个元素的下边距和一个元素的上边距重合 一个元素包含着另一个元素 前提:中间没有内边距和边框分隔开 空元素的上边距和下边距 前提:是个空元素,没有内容,没有内边距,没有边框 为什么会合并? 总的来说,从两个垂直外边距合并时,将形成一个外边距,外边距的值 »

总结-活动领取页面(计时功能)

做的第一个活动页面,还是挺有意义的。终于可以归档啦: 问题多多,收获自然也多多。写个总结: 一.页面部分 data参数用法 HTML中:data-id=”01″ / data-type=”0″ 在ajax中: var $this = $(this); var id = $th »

清除浮动clearfix

一直有在用,但是没有分析几种清楚浮动的方法和他们之间的比较。 为什么要清除浮动? 盒子里用了CSS float属性,父级对象不能被撑开。 这是6个float:left的<li>,父级<ul>添加上了边框,明显没有撑开。 这样的副作用是什么? 背景效果出不来 »

戏剧三角形游戏

昨天,一起看视频。 受害者、迫害者、救援者之间的游戏。如果身边关系出了问题,可以试试。 可以先看看这篇文章:http://coachcampus.cn/publications/articles/karpman-drama-triangle/ 有时候,不是我们想要进入戏剧三角形游 »

自动排序的友情链接功能

今天,写了一个自动排序的友情链接功能。 上效果:http://codepen.io/makaiqian/pen/ruBiJ 核心代码是: 可以优化为: 另外: 优化为: 这样的好处是:可以提高性能。不然每次循环都要append一次。 近期,自己写了个新主题,比较偏向自己的实用性, »

Ctrl + K,n这个逗号的意思

ctrl+K,n 逗号组合键。先敲ctrl+K,后敲n。在ctrl+K后,编译器会等待用户输入。 嘿~这是小武哥今天看见的一个快捷键,觉得小武哥能够发现很多细微的东西。 这就要说到发现和探索了。很多时候,我们学的不是技术的本身,而是学习一种对生活、对技术的态度。发现,基本上大多数 »

sublimeLinter-jscs插件

介绍 高亮提示代码中不规范和错误 演示 过程 安装node 安装sublimeLinter 安装sublimeLinter-jscs 在要检测的文件的同意目录中放入.Jscsro 重启Sublime Text 快捷键 ctrl + K »

程序猿

程序猿身上都是有某种气质的,不然现在我们不会那么轻易在大街上的人群中分辨出程序猿。 因为程序猿是有使命感的,他们定是感受到了命运的召唤,要用计算机改变和毁灭人类的未来,他们已经并即将做到。 »

忘加题目了——最近挺好哒

最近开始做项目了。做项目和平时不一样,可不是玩的。 一方面,有严格的立项,要在规定的时间内完成。要和身边的人合作完成,自己做得不好可不能拖累队友。另一方面,涉及到公司的利益,可能因为自己的一点小小的失误会出现一些利益上的问题。当然没有遇见过,希望以后也不要遇见。 小指可不要抖一下 »

CSS3 text-overflow

作用 文本溢出时发生的事情。 用法 text-overflow: clip | ellipsis | string; clip:修剪文本 ellipsis:显示省略号代表修剪文本 string:给定字符串代表修剪文本 兼容性 所有主流浏览器均兼容 搭配使用 overflow:hi »

CSS3的clip

一句话介绍 裁剪图像。 基本语法 .mkq { clip: <shape>|auto|inherit; } :函数功能,目前只有rect()可用 auto:和没剪裁过一样 inherit:继承父元素 举例: .mkq{ clip: rect(0,0,2 »

分享制作指针工具

记得用指针用的比较多的年代,是在小学、初中的时候。 那时候,见得最多的是windows系统上的自定义动态鼠标指针,印象最深的是那款流氓兔鼠标指针,吼吼~ 其次,最普遍的还有qq空间的鼠标指针,女生比较喜欢`(∩_∩)′。 但是近几年,自定义指针越来越少见。 我想,主要原因应该是: »

喜欢与你们同行

哈哈,又到了周末思考人生的时间啦~ 最近的生活还是那么简单。技术,技术~代码,代码~学习,学习~偷懒,偷懒~ 接触做技术的人,一些前辈,也有新人。 哈哈,想想从做前端以来。 做过和技术无关,也做过和技术有关的事,到最后还是选择了前端。 遇见过喜欢的人,也有不喜欢的人。 一个是陪伴 »

CSS Reset ,你选对了吗?

一直想认认真真写一次关于Reset CSS的文章。 共4种方案。 有兴趣的小伙们,求交流你们用什么来CSS Reset? *{margin: 0;padding: 0;} —— 被摒弃的方案 学名是Global White Space Reset,据说一开始格外受欢迎,但现在已经 »

推荐几款图形转代码的工具

昨天,本来想找一款根据字符自动排列图片形状的插件。结果没有找到,反而有意外的收获。分享~分享~ 1. 照片生成代码 链接:http://www.text-image.com/convert/ 2. 文字转字符 链接:http://patorjk.com/software/taag »

CSS3 box-sizing

CSS Box model 分两种: W3C标准模型 IE的传统模型(IE5.x以及Quirks模式的IE 6、7) bos-sizing与盒模型的关系 三种取值: box-sizing: content-box;  W3C标准box model box-sizing: bord »