Month: May 2015

Jetpack 介绍前言 这周的WordPress基础教学着实让StartPress工作室团队伤脑筋，我们一直在想该如何向大家介绍比新手更进阶一层的第二篇教学文，后来我们决定将Jetpack by WordPress.com这款强大工具外挂包推荐给大家。 为什么要将Jetpack 介绍给你们呢？ 如它的名称所言，它是一款WordPress.com 官方团队打造的外挂工具包，你只需要安装这款外挂，就能拥有34 种丰富又多功能的外挂。 你可以点击上图连去WordPress 官方外挂网站下载上传安装，也可以直接在你WordPress 网站后台的外挂设定页面输入「Jetpack by wordpress.com」关键字搜寻、直接… Read More

jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside

ajax.php 代码： $address = $_GET['address']; $xml = file_get_contents('https://maps-api-ssl.google.com/maps/api/geocode/xml?address='.urlencode($address).'&sensor=false'); $arr = xml2array($xml); $output = $arr['GeocodeResponse']['status']; 主要是利用了谷歌接口：https://maps-api-ssl.google.com/maps/api/geocode/xml?address=… Read More

扫码登录操作过程 浏览器输入：https://wx.qq.com/?lang=zh_CN 手机登录微信，利用“扫一扫”功能扫描网页上的二维码 手机扫描成功后，提示“登录网页版微信”；网页上显示“成功扫描 请在手机点击确认以登录” 手机端点击“登录网页版微信”，网页跳转到用户的微信操作界面 整个扫码登录的操作过程还是挺简单的，而且交互地实时性比较好，如果网络不是非常阻塞，整个过程还是非常快的。 扫码登录原理 扫码登录大概的思路是：微信手机客户端从网页二维码里面得到一些信息，然后发送给网页微信的服务器，网页服务器验证信息并响应。下面，我们借助火狐浏览器提供的Firebug工具看看，到底是怎么一回事儿吧！ 1.每次打… Read More

一句代码： SELECT FLOOR(10000 + RAND() * 89999) AS random_number FROM table1 WHERE "random_number" NOT IN (SELECT unique_id FROM table2) LIMIT 1 随机生成5位数字，并且不重复。上面的代码真是给人无限的联想力。 例如： function get_unique_username($chance=10,$show_sql=FALSE) { global $conn; // connect db if(!$conn) connect(); $output = FALSE; $rand =

Viewport Resizer的开发背景 现在开发人员如果要开发一个同时支持PC端与手机端的网站的话，由于电脑和手机显示屏肯定不一样大小的，所以要跟对手机等移动设备进行单独地测试，而对于 电脑上的浏览器来说，其视角一般比电脑的分辨率稍微小一点，但是肯定比手机设备要大得多了，如果我们每次测试的时候手动地调整浏览器进行缩放的效果和手机 中显示的效果并一定是一样的，因为电脑上的浏览器缩放到一定程度就会出现滚动条，无法达到逼真的测试效果，所以我们需要一款能够改变PC机中浏览器的视角 的谷歌浏览器插件。 Viewport Resizer的简介 Viewport Resizer是一款可以自由调整当前浏览器视角大小的谷歌浏… Read More

在上一篇文章中，我讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据，并返回结果的。 查看演示 先还是要说明本例的业务流程： 1、前端用户输入内容，并对输入的内容字数进行实时统计。 2、用户提交数据，jQuery实现通过Ajax向后台发送数据。 3、后台PHP接收提交表单的数据，并对数据进行必要的安全过滤。 4、后台PHP连接Mysql数据库，并将提交过来的表单数据写入到相应的数据表中。 5、后台向返回成功结果数据内容，并通过Ajax将返回的数据内容插入到前端页面中。 上述1、2步在前篇文章：jQuery篇已讲解了，本文将完成剩余的散步… Read More

我们在一些微博网站上可以碰到这样的应用，微博内容列表没有使用分页条，而是一次加载一定数量的记录显示在列表页，当用户浏览到列表页底部时，可以通过单击“查看更多”来加载更多记录。本文我将结合jQuery和PHP给大家讲述如何实现这种应用。 查看演示 下载源码 基本原理：页面载入时，jQuery向后台请求数据，PHP通过查询数据库将最新的几条记录显示在列表页，在列表页的底部有 个“更多”链接，通过触发该链接，向服务端发送Ajax请求，后台PHP程序得到请求参数，并作出相应，获取数据库相应的记录并以JSON的形式返回给前 台页面，前台页面jQuery解析JSON数据，并将数据追加到列表页。其实就是Ajax分页效… Read More

我们浏览有些网页的时候，当拉动浏览器的滚动条时到页底时，页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术，必应图片搜索、新浪微博、QQ空间等将该技术应用得淋漓尽致。 查看演示 滚屏加载技术，就是使用Javascript监视滚动条的位置，每次当滚动条到达浏览器窗口底部时，触发一个Ajax请求后 台PHP程序，返回相应的数据，并将返回的数据追加到页面底部，从而实现了动态加载，其实就是一个典型的Ajax应用。本文将使用jQuery，结合 PHP，mysql以及JSON，为您讲解如何应用滚屏加载技术到您的项目中去。当然，阅读本文的前提是您需要有jQuery和… Read More

Today I attempted to setup a fresh Magento installation and got a weird issue, I got this message “The URL http://www.tofuandtomato.com/magento/ is not accessible. Unable to read response, or response is empty”. Let’s have a look at the screenshot below: All you have to do is to check “Skip Base URL Validation Before the Next Step” option and

HTML5有一个重要特性：DeviceOrientation，它将底层的方向和运动传感器进行了高级封装，它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。 查看演示 下载源码 DeviceOrientation包括两个事件： 1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。 2、deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。 HTML 页面上有一个div#hand，用来放置一个手摇的图片，d… Read More

在上一篇文章中，我们了使用HTML5可以侦听到手机晃动从而实现摇一摇效果。手机摇一摇可以应用到很多场景中，如摇一摇换抽奖，摇一摇搜歌等。本文我将给大家介绍如何使用HTML5+PHP+jQuery实现手机摇一摇换衣效果。 查看演示 下载源码 注意，这是一篇WEB知识综合应用的文章，阅读本文前提是，您需要有HTML5，jQuery，PHP，MySQL等相关方面的基础知识。 HTML 我页面中默认展示产品信息（某品牌连衣裙产品图片和文字说明），当然实际应用中可以从数据库中获取产品信息。 <div id="pro" rel="1"> <p>使劲晃动您的手机</p> <img src… Read More

jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件，它使用非常简单，生成的 QRcode 无需下载图片，并且不依赖第三方服务，比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用，并且压缩之后大小小于 4K。 jquery.qrcode.js 使用 1. 加载 jQuery 和 jquery.qrcode.js： <script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script> <script type="… Read More

二维码是桌面和移动端快速分享的高效手段之一，这里介绍两个不错的快速开发二维码的方法，和大家分享一下~~ 方法1：使用新浪提供的服务 这种方式简单快速，在服务端生成一个二维码的图片，兼容性比较好，你无需自己处理任何相关二维码的生成，只需要提供一端文字或者url即可，方法如下： <img src="http://qrcoder.sinaapp.com?t=http://www.gbtags.com"> 生成效果如下： 大家扫一扫就可以访问极客标签主站了~~ 方法2： 使用jQuery插件qrcode QRcode是一个jQuery插件，可以使用javascript快速帮助你生成相关的二维码  相关代码如… Read More