content top

闲说草字头

闲说草字头

我习字有些年头了,一开始写得歪歪扭扭完全就是拿软笔在写硬笔,到现在也像模像样。其中难免接触到了更多的繁体字,以及很多字的楷书、行书甚至草书写法。其中比较让人在意的便是这个草字头,我们现在看来的草字头都是一横两竖,但是纵观所有的古帖,全都是两横两竖,即中断。至于写法更是五花八门,但中断是肯定的。于是我便在考量现在的草字头部首是否也已经是简化过的草字头,在找了很多资料之后,我找到了冯大诚老师写的这篇科普博文,豁然开朗啊,而且还学到了更多的东西。在得到冯大诚老师许可之后,我将这篇博文转载了过来。

Read More

一个网站的诞生

一个网站的诞生

有朋友偶尔会问我,做一个网站多少钱,多少时间?我说我一下子没法跟你直接回答,我会先简单的问你要做的是什么样的网站?是功能性网站还是展示性网站?是在PC端使用还是在手机端使用还是两者皆有?需不需要数据拉取和后台功能?是想做成单屏显示还是长屏显示?然后我还会问你,网站的主题是什么?包含多少板块,所需的文字材料和图片素材是否齐备?我还需要你们的LOGO、公司简介、VI规范等等。

Read More

界面设计规范大全 | UI design guidelines

界面设计规范大全 | UI design guidelines
这是在技术群里的朋友推荐的关于各种品牌各种机器各种型号的界面设计规范大全,其实类似的东西我有不少,有些是大幅的图片,有些是长图,不过这种全部指向原始地址的还真是头回看到,留以备用。
Read More

CSS3自定义美化复选框Checkbox组合

CSS3自定义美化复选框Checkbox组合

今天我们要来分享一组非常漂亮的CSS3自定义复选框checkbox,每一个checkbox都有其各自的特点。有几款checkbox在选中的情况下还会出现动画效果,非常不错的CSS3自定义美化checkbox组合。另外,之前分享过的jQuery实现美化版的单选框和复选框也是非常不错。之前我们分享过一款CSS3自定义发光radiobox单选框,也在很早的时候分享过一款纯CSS3美化Checkbox和Radiobox按钮

Read More

舒适的全屏式的弹窗jQuery插件

舒适的全屏式的弹窗jQuery插件
       animatedModal.js 是一个全屏式的弹窗jQuery插件,而且弹出效果很漂亮,全屏的弹窗特别适用于移动手机网站,所以做响应式网页的设计师们可以尝试使用这款插件。
Read More

微信分享微网页的图文设置

微信分享微网页的图文设置

之前经常做一些微网页的设计,在布局之中也学到了不少,也用到了不少工具和插件。摘一些也许会经常用到的部分记录下来,以备后用。这一次要说的是关于微信分享的问题。正常我们是使用网址在手机里进行测试。测试完成后需要分享到好友和朋友圈里的时候,总不能直接就丢一条网址过去。然而直接分享的时候不是没有缩略图就是没有标题和内容。所以找到了一个简单的微信分享JS插件和使用方法,简单实用。

Read More

如何让 height:100%; 起作用

如何让 height:100%; 起作用

当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗?这条信息我看到的时候也愣了一下,因为最近做事情的时候貌似有碰到过这种情况,但是我倒不是为了设置他的百分百,而是影响到了别的地方。有考虑过父级关系的问题,最后在莫名其妙之中解决了问题。想想这条信息应该以后会有作用,留存备用。

Read More

HTML5 Canvas实现图片擦除效果

HTML5 Canvas实现图片擦除效果

前段时间有一个需求说是要实现一个类似于刮刮卡的效果,但是因为我之前并没有见过这个效果,所以我并没有想象出前端如何来实现这个效果。直到前两天他们给我看了一个案例,我才知道真的可以实现。但是扒下来代码之后发现在HTML方面似乎给的很简单,就是两个图层。真正实现是在JS里。于是我看到Canvas就了然了,因为这一部分我的接触基本为零。于是我开始搜索这个图片擦除的实现方式,终于让我找到了两个比较清晰的讲解,特地贴上来留以备用。

原理很简单,就是在刮奖区添加两个canvas,第一个canvas用于显示刮开后显示的内容,可以是一张图片或一个字符串,第二个canvas用于显示涂层,可以用一张图片或用纯色填充,第二个canvas覆盖在第一个canvas上面。当在第二个canvas上点击或涂抹(点击然后拖动鼠标)时,把点击区域变为透明,这样就可以看到第一个canvas上的内容,即实现了刮奖效果。

Read More

HTML5里Audio的自定义

HTML5里Audio的自定义

HTML5提供了Video和Audio两个标签,大大地提高了页面的富媒体特性。很多地方对这两个标签的介绍都很简略,它只会告诉你:这样你就能插入音/视频了。可是不同的浏览器提供的控制器的UI都不相同,而且很多时候我们希望自定义一些控制UI,这就需要对它们有更深入的操作。我之前做了一个音频播放,倒并不需要太多的功能,只是要了一个播放暂停的按钮,这个按钮用的是同一个button,只是听事件切换它的CSS来控制背景图片罢了。同样我找了很多文找到了两个比较靠谱的解决方案,贴一部分上来留以备用。

Read More

用FastClick解决移动端设备Click延迟

用FastClick解决移动端设备Click延迟

头前在做一个小东西,需求说要一个快速点击的效果。我用onClick写了事件判断之后在电脑上测试没什么问题,后来po到网上用手机测试的时候发现延迟很厉害,我当时都以为是不是我的手机出问题了,反应特别慢。后来我发现其实慢慢的点的话它还是正常工作的,可是需求要求是要快速点击。我突然想起了以前在哪里看到过,说是在移动端的设备上进行一次点击,那么设备会延迟,因为他要判断你是否双击。想到是不是这个问题之后我开始各种爬文,终于找到了这个解决方法,记录备用。

Read More
第 1 页,共 3 页123
content top