远方的海
远方的海,WordPress,免费
首页 > 分类 > 前端

用Prismjs实现wordpress,ghost等的代码高亮(非插件)

用Prismjs实现wordpress,ghost等的代码高亮(非插件)

Prismjs是一款代码高亮插件,Prismjs以其超级简洁轻便的代码完成了相当完美的代码高亮效果。JS之父Brendan Eich在他的个人博客里也使用了Prismjs来实现代码高...

谷歌:你的前端代码规范吗?

谷歌:你的前端代码规范吗?

下面的规范总结来自Google的HTML/CSS规范以及JS规范。其中HTML与CSS部分翻译可以参考:Google HTML/CSS Style Guide 谷歌代码风格指南。 JS规范终于有小组全...

CSS实现图片模糊效果(毛玻璃特效)

CSS实现图片模糊效果(毛玻璃特效)

图片模糊效果,也就是我们常说的毛玻璃特效。其实,实现起来也是非常简单,我们来看看这个特效的效果如何?下面的图片就是一张普通的图片加上了模糊效果。是...

「H5素材」QQ登录框的蓝色Canvas动画

「H5素材」QQ登录框的蓝色Canvas动画

大家对这个QQ登录框的这个不断波动的蓝色动画想必还是很熟悉的吧,这个可不是SWF文件写出来的,而是用了Html5的canvas特效,本站顶部也是用了这个腾讯出品的...

优秀的前端开发代码编辑器HBuilder ,支持mac和windows多系统

优秀的前端开发代码编辑器HBuilder ,支持mac和windows多系统

HBuilder是一款优秀的前端代码编辑器,可以和notepad++一样自动补全前端的代码,智能纠错,快速输入。并且支持Mac OS。也是无意间才找到这款特别好用的代码编...

给你的WordPress文章增加纸张特效

给你的WordPress文章增加纸张特效

WordPress写博客,看起来美观舒适是很重要的,虽然现在流行的是扁平化趋势,这里介绍一种让页面纸张化的CSS样式。 效果DEMO 我们截一个效果图:如下(纸张效...

jQuery/CSS3菜单鼠标悬停特效

jQuery/CSS3菜单鼠标悬停特效

今天推荐一款jQuery下拉菜单样式,这款jQuery下拉菜单应用了一些CSS3相关的属性,但并不复杂,也没有绚丽的动画,但是非常实用。这款jQuery菜单的另一个特点...

花瓣飘落的表白页面代码

花瓣飘落的表白页面代码

WordPress网站也可以制作这样一个酷炫的表白页面哦~这是一个利用jQuery和html5特效做出来的纯代码效果的开源表白页面。 页面有爱心型的花瓣飘落还有打字的效...

WordPress自适应主题制作方法

WordPress自适应主题制作方法

这篇文章主要介绍Wordpress怎么制作响应式主题,今天Sven又是折腾了很久把本站的主题做成了响应式,虽然偷了点懒,没有做所有像素大小的响应,但是基本的移动...

非常酷炫的CSS3动画特效代码

非常酷炫的CSS3动画特效代码

没想到这么厉害的功能可以仅仅通过CSS完成,我是昨天无意间找到这个网站的,于是在远方的海首页加上了一些简单的动画效果。也是看脸的时代,除了内容也要点特...

减少请求数,利用CSS-Sprite进行图片合并

减少请求数,利用CSS-Sprite进行图片合并

这次介绍一个减少请求数的神器!CSS-Sprite不仅仅对于Wordpress,所有建站程序,有图片的地方就可以用到它来合并。 CSS-Sprite 举个栗子,本站右侧悬浮的分享...

站长必看的UI交互手册

站长必看的UI交互手册

Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分...

远方的海二维码