竹磬网-邵珠庆の日记 生命只有一次,你可以用它来做些更多伟大的事情–Make the world a little better and easier


185月/150

web页面快速生成二维码的两种实用方法

发布在 邵珠庆

二维码是桌面和移动端快速分享的高效手段之一,这里介绍两个不错的快速开发二维码的方法,和大家分享一下~~

方法1:使用新浪提供的服务

这种方式简单快速,在服务端生成一个二维码的图片,兼容性比较好,你无需自己处理任何相关二维码的生成,只需要提供一端文字或者url即可,方法如下:

生成效果如下:

大家扫一扫就可以访问极客标签主站了~~

方法2: 使用jQuery插件qrcode

QRcode是一个jQuery插件,可以使用javascript快速帮助你生成相关的二维码

 相关代码如下:

  1. var qrcode = new QRCode("qrcode", {
  2. text: "http://www.gbtags.com",
  3. width: 260,
  4. height: 260,
  5. colorDark: '#efb73e',
  6. colorLight: "#ffffff"
  7. });

生成效果如下:

如果对这个插件有兴趣,推荐阅读这节课程: QRcode的使用

以上是两种比较实用的生成二维码的方法, 懒人推荐使用第一种, 简单快速, 如果需要深度自定义的话,推荐自己使用JS来实现相关的二维码,具体看大家需求, 极客标签的代码分享使用的是第一种,大家可以参考一下,如下:

1810月/120

10款好用的快速在线web开发工具

发布在 邵珠庆

 

这篇文章提供的10个快速在线网页开发工具可以为你在时间十分紧迫之际解决燃眉之急。这类工具的优点在于界面非常直观,操作简单快速,利用它们你可以做的事情包括:网页条纹,背景图案,网站Logo制作,字体样式,文本编辑,图像转换,取色器,等等,就算你不熟悉专业的应用程序如Dreamweaver之类,你也可以相当快速地完成操作。

1. Stripe Generator

这是我比较喜欢使用的网页条纹生成工具,可以制作完全个性化的渐隐渐显条形图案。

stripegen

2. BgPatterns

类似于上面的条纹生成器,利用预设图片或者背景条纹可制作漂亮的重复图形背景。

bgpattenrs

3. Creatr

我不怎么喜欢此类工具,但是有时没有其它选择,我又需要创建‘Web 2.0′ logo,这个工具似乎是不二选择。

creatr

4. Image Tool

又一个免费的Web 2.0 Logo制作工具。

imagetool

5. Typetester

需要快速设置你的字体? Typetester是一个很棒的工具,它能够让你按照自己的需要调整字体样式,提供在线预览,满意后可以下载一个样式表。

typetester

6. Editpad

一个轻量级的在线文本编辑器,可将编辑好的文本下载到本地保存。

Edit Pad   Online Text Editor

7. Converticon

一款图片格式转换工具,能够将普通图片转换成ico 或 png的格式,一切操作全部在线完成,推荐使用,建议收藏。

converticon

8. Color Scheme Designer

一款颜色生成工具。

colorscheme

9. Gomockingbird

网页框架生成工具,能够快速生成你想要的网页布局。

wireframe

10. ColourLovers

又一款好用的取色工具,颜色种类非常丰富,可以搜索颜色。

colourlovers

你对网页设计感兴趣吗?如果你喜欢这些在线工具,有新的想法,欢迎发表评论,并将本文分享给你的朋友。