分类:学学技术

Simple Lightbox – jQuery Lightbox插件

简介 Simple Lightbox 是一款基于 jQuery 的 Lightbox 插件,它具有以下特点: 响应式设计 触控/触摸友好 提供多项配置 图像预加载 支持 iOS / Android / Windows phone 使用 CSS3 过度效果,并回退兼容旧浏览器 支持 jQuery 1.x 和 2.x 版本 支持键盘控制 浏览器兼容 IE9+ ✔ Chrome ✔ Firefox ✔ Opera ✔ Safari ✔ 使用方法 1、引入文件 <link rel=”stylesheet” href=”css/simplelightbox.min.css”> <script src=”js/jquery.m […]

查看更多

Google 推出绘画黑科技 AutoDraw 灵魂画师快来迎接救星

Google AutoDraw

今晚尝试了一下Google的新产品 AutoDraw,这款产品估计能给不懂画画的灵魂画师们一个惊喜,你可以使用AutoDraw随意画出你想要的样子,AutoDraw就可以给你列出最接近你的想法的图像,让你那没有艺术感的作品变成优美的艺术创作。 果不其然,谷歌又推出一个很好玩的AI画图工具。 这款AI画图工具能叫做AutoDraw。正像名称说的那样,它能自动识别用户画出的草图,让用户粗陋的草图瞬间变成精美的简笔画。先看下它神奇的效果: Google 推出AutoDraw 黑科技 灵魂画师有救了,下面是基本操作界面,操作起来非常简单。 谷歌推出的这款软件可以在电脑、手机端上方便运行,用户画出潦草的线条,它就可以自动识别,并且在提供一系列 […]

查看更多

GitHub上传下载更新代码教程

有了GitHub,终于写代码不受地区限制,团队协同写代码也更方便,但作为新学习者,会觉得无从下手,下面根据我所经历的过程,写一篇入门级的GitHub上传下载文件教程,希望对大家有用。 第一:下载github客户端地址https://desktop.github.com​​ 第二:先不运行那个引导文件,进入控制面板-Internet选项-安全-受信任站点-点击站点-点击“添加” https://github-windows.s3.amazonaws.com/ ;或者去除复选框“对该区域中的所有站点要求服务器验证(https:)”的钩,直接加入 github-windows.s3.amazonaws.com 。详细步骤见:http:// […]

查看更多

实用的 Table CSS 样式

搞过了很多前端,用过不少的表格优化代码,今天整理的这段代码可以说是最实用的一段,喜欢的可以拿去用。本文代码可以实现效果如下: 如果你喜欢上面的样式,就可以动手复制下面的代码了。 <!– Javascript goes in the document HEAD –> <script type=”text/javascript”> function altRows(id){ if(document.getElementsByTagName){ var table = document.getElementById(id); var rows = table.getE […]

查看更多

Bootstrap 生成5栏技巧及代码

玩Bootstrap的同学们都知道,Bootstrap默认是以12为总宽度,我们能做的栏目数只能是被12整除的数字,比如:1栏、2栏、3栏、4栏、6栏。。。但想来个5栏的布局就没办法了,下面是代码,直接拿去用吧。 把下面代码加入到 bootstrap.min.css文件中。 .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } 适应多种设备: .col-xs-15 { width: 20%; float: left; } @medi […]

查看更多

WordPress短代码实现移动设备上内容不可见

许多人也都开始对自己的站点进行了移动设备适配/优化,也有大部分朋友但考虑到有一些适合PC端读者阅读的内容可能不适合移动端读者,所以给大家提供一个WordPress 短代码实现移动设备上内容不可见的方法。 利用下面的短代码,可以实现发布的内容在移动设备不可见。 function hide_mobile_shortcode($atts, $content = ”) { if (wp_is_mobile() === true) { $content = ”; } return $content; } add_shortcode(‘hm’, ‘hide_mobile_shortco […]

查看更多

谷歌字体本地化CDN加速教程

Google被墙是大家都知道的,痛哭流涕也没有人同情,还是自己动手建个本地谷歌字体本地化CDN加速吧。 打开它就会看见里面加载了哪些字体,把它们全部下载到本地; 然后将这个页面保存为google-font.css文件; 接下来我要把字体上传到自己服务器上面,我选择了img.5yun.org这个主机它做了七牛CND加速用了一段时间挺理想; 不过上传前要修改google-font.css加载字体路径 当然大家也可以结合我上次提到的使用插件 WP Acceleration for China 来实现加速效果,对于玩WordPress的站长,后台也需要屏蔽Google Fonts,一段代码屏蔽谷歌字体,加载WordPress后台加载速度。

Debian Nginx 如何添加虚拟主机

这段时间折腾阿里云,开始是用CentOS加固版,测试了各种安装模式,最开始是用万网一键安装包,安装过程很顺利,但安装完成之后,就出现问题了,网站访问总是会迟顿,自己进行了yum安装最终效果也不理想,网站访问还是有卡的感觉,最后使用CentOS配置服务器宣布失败。 今天在阿吴同学的鼓励和直接帮助下,安装了Debian系统,这是我从来没玩过的系统,但安装完成之后,访问效果出奇地好,网站加载速度超快!爽呆了。于是乎,我这段时间就需要玩玩Debian,今天发布的是第一文,如何在Debian Nginx下添加虚拟主机。 就以添加域名为 xx.cn 为例进行操作,我需要把xx.cn www.xx.cn 指向一个目录。 在/etc/nginx/s […]

查看更多