前端及开发文章及欣赏

关于图片列表的宽度自适应解决办法

蓝蓝

 

在近期一个项目中,遇到一个图片列表自适应宽度显示的问题,需求本身并不难,借此且算是梳理和总结一下当时的解决思路吧,也期望能给有需要做这类需求而又知如何下手的同学带来一点小启发。实现的方法应该很多,如果你有更好的,要分享哦~~

关于图片列表的宽度自适应解决办法

自适应网页设计

蓝蓝

 

随着3G的普及,越来越多的人使用手机上网。

移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?

手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。

海量的jQuery插件帖,很经典

蓝蓝

点击查看原图

海量的jQuery插件帖,很经典,不知道什么时候开始流传,很早以前就收藏过,为了工作方便还是发了一份放在日志里面。

其中有些已经无法访问,或许是文件移除,或许是被封锁。大家分享的东西,没什么特别的可说的,唯有感谢无私分享的人们。

猫嗔提醒大家在使用的时候注意jQuery包的版本问题,最好是使用相同的版本,因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码,推荐utf-8。

jQuery插件-文件上传(File upload)
Ajax File Upload .
jQUploader .
Multiple File Upload plugin .
jQuery File Style .
Styling an input type file .
Progress Bar Plugin .

jQuery插件-表单验证(Form Validation)
jQuery Validation .
Auto Help .
 

26个jQuery幻灯插件

蓝蓝

 点击查看原图

图片画廊和幻灯片效果在web站点展示图片和相片时是非常常用的,而jquery 图片插件给我们带来了便利,你甚至不需要JavaScript 和 jquery 的开发经验,就可以轻松展示很炫的图片效果,在这篇文章中你可以看到26个jQuery幻灯插件的效果

jquery 画廊和滑动效果教程:

Create an Image Rotator with Description (CSS/jquery)

Create an Image Rotator with Description (CSS/jQuery) Tutorial

40个漂亮的免费的HTML5和CSS3模板

蓝蓝

最小的灰色和粉红色的设计,带有一个AJAX供电PHP的接触形式包装。

HTML5的主题

资料及下载 | 演示

原型设计Axure RP Pro 6.0 中文汉化补丁下载地址+破解注册码

蓝蓝

 

原型设计Axure RP Pro 6.0 中文汉化补丁下载地址+破解注册码

2011-1-21 17-47-14.jpg

  官方英文Axure 6 Beta下载地址:

  PC版 下载:http://maxure.s3.amazonaws.com/AxureRP-Pro-Beta-Setup.exe

  MAC版下载:http://maxure.s3.amazonaws.com/AxureRP-Pro-Beta-Setup.dmg

  Axure 6 简体中文汉化包   (Axure6汉化包由胡争辉汉化制作)

  汉化包下载地址:http://www.yixieshi.com/download/axure/Axure6.0sn_yixieshi.com.rar

  1、先备份X:\Program Files\Axure\Axure RP Pro 6.0 Beta\International.dll

  2、然后下载附件覆盖X:\Program Files\Axure\Axure RP Pro 6.0 Beta\International.dll

  X为你安装的盘符

  本简体中文汉化包向下兼容2011-2-21之前所有的Axure 6版本,向上兼容未来相当长一段时间的新版本,经测试支持:

高尔夫运动术语\成绩的计算\高尔夫英语

蓝蓝

成绩的计算

高尔夫运动被称为绅士运动,当技术水准不同的球友汇聚在一起比赛时,为了

使比赛更公平、更具竞争,水平高的球友要让水平较差的球友,如何计算每一位球员让分点 的多少,即出现了差点。下面向您介绍最常用的差点计算方法:

 

  1、平均法:

 

  差点=五次比赛的平均成绩-标准杆

 

  2、新新贝利亚 计算法

 

  A、从18洞中任选12洞的杆数总和×1.5=总数

 

  B、从此总杆数减去标准杆后×0.8=差点

 

  即(12洞杆数总和×1.5—标准杆)×0.8=差点

 

  C、净杆=总杆-差点

 

 

高尔夫英语

  球童caddy 球道fairway 发球区/球座tee

 

  果岭green 球杆club 木杆wood 铁杆iron

 

  推杆putter 界外球 OB(out of bounds)

 

  障碍hazard 沙坑bunker 标准杆par

 

  低于标准杆一杆/两杆/三杆:

 

  birdie/eagle/albatross

 

  高于标准杆一杆/两杆/三杆:

 

  bogey/double bogey/triple bogey

 

  左曲球draw/hook 右曲球slice/fade

 

  总杆gross 净杆net 差点handicap

 

  休息亭half-way house 旗杆pin

 

  握杆、站姿

 

  1、左手:把杆子从食指靠掌的第一指节斜着横贯上紧紧地靠着掌缘下端的厚肉垫,大拇指跟食指的“V”形纹要指着右眼。

 

  2、右手:全用指头去握杆,杆子直着压过靠掌的指节上,一定要握在手掌之外。中指及无名指吃力最重,在练习右手握杆的时候,把右手的大拇指和食指拿开,拇指和食指形成“V”形纹指着下巴。

 

  3、合:两手握杆的时候,要联结在一起形成一体。右手的小指头在左手指和中指之间的夹缝里;左手的大拇指正好平稳地被藏在右掌拇指下的窝里。

 

  4、站姿:右脚方方正正 的抵着假想中与弹道平行的一条线呈90°。左脚向外开1/4,以5#铁杆为准,双脚分开与肩同宽,比5#铁杆长的就开得宽;比5#铁杆短的,双脚就向内拢一些。双臂和关节尽量向身体靠紧,双脚向内指。

 

  术语:

 

  Tee发球台 高尔夫选手每洞发第一个球的平坦区域。他们必须在发球台两个标志之间发球。这也指高尔夫选手只可以在第一次击球使用的木制或者塑料制的spike,把球举起来,这样打球更容易一些。

 

  The Green果岭 在球洞周围非常平坦的区域。这个区域的草很特殊,有利于选手将球推到洞中。

 

  Fairway 球道 从发球台到果岭之间宽阔的草区域。

 

  Rough 长草区 球道的边缘区,草更长一些,所以不容易打球。

 

  Hole洞 高尔夫球场上一共有18个洞。由发球台、球道和果岭组成。洞也指事实上高尔夫选手想把球打进的洞,通常里面插一只旗来指示。

 

  Pin 洞 是事实上洞的另一种说法,有一只旗来指示。

 

  Par 标准杆 是指高尔夫选手把球打进指定洞里应该使用的标准或者打球的特定数目。通常由洞的长度和难度决定,一般为3~5杆。18洞的总杆数应为72杆。当选手打完一洞用完同等数量的杆数,那么他们就使用了为这个洞设定标准杆同样的数量。

 

  Birdie小鸟球是指高尔夫选手使用了为一洞设定标准杆少一杆的数量打完一洞。例如标准杆是4杆,但选手只使用3杆就打完这洞。

 

  Eagle老鹰球是指高尔夫选手使用了为一洞设定标准杆少两杆的数量打完一洞。

 

  Bogie 博基 是指高尔夫选手使用了为一洞设定标准杆多一杆的数量打完一洞。

 

  Bunker沙坑 在球场周围设的沙坑。有一些特殊规则适用于选手怎样从沙坑里打出球。从沙坑里打出球非常困难。

 

  Hazard 障碍 选手不容易打球的地方或者事物。有一些特殊规则适用。包括池塘、河流和湖,这些叫做水障碍。如果他们把球打到障碍里,选手可以弃球,然后从一个特殊地方打球,也可以招致罚球。

 

  Divot 草皮(削下来)高尔夫选手削下来或者击球后削下来的草皮。

 

  Driver 木杆(1号)有圆的大杆头的大木杆,用来击出长距离的球。高尔夫选手自己的球袋里可能没有准备。大力击球就是用1号木杆 击出长距离的球。

 

  Putter 推杆 有小平头的球杆,用作在果岭上推球,使球进洞的杆。To “putt”是用推杆推球。

 

  Iron 铁杆 用金属做的杆,有角度的杆头是用作中距离的击球。高尔夫球手会带很多这种杆。杆号越小(例如4号铁杆),球击得越远。

 

  Pitch劈击出一杆非常短而高的击球,通常在果岭边缘附近击出,或在沙坑外面或要越过某物体。

 

  Wedge 沙杆或劈起杆是一种特殊铁杆,在杆头有更大的角度,后部设计得光滑,用作从沙坑处非常短而高的击球

 

  Caddy 球僮 负责在球场中为专业选手背高尔夫球杆 包,建议高尔夫球手杆的选择和技巧的人。球僮通常获得他们服务的高尔夫球手奖励的10-15%。

 

  Under PAR 低于标准杆 高尔夫球手的击球数低于标准杆数。例如, 低于标准杆3杆是是指高尔夫球手在当天的比赛中获得了低于目标三杆的成绩。

 

  Cut 切 当比赛举行两天以后,从156名选手降至(“切”至)大约70名选手。如果选手“获得了切”,他们将在后两天中继续比赛。如果他们“失去了切”,将被排除来竞争之外。

 

  Round 轮 一“轮”是18个洞。每天选手们进行一轮的比赛

 

  Front/Back 9前/后9 ,18球洞的球场被分为两组9球洞。 前9(1-9洞)被称为前9 或外9,而后9(10-18洞)被称为后9,或内9。

 

  Pro .职业选手,Professional (职业选手)的缩写,指那些以打高尔夫球为生的人,已获打高尔夫职业比赛的资格。

 

  Tours 巡查 指官方正式的监管职业比赛的专业高尔夫组织。这包括欧洲 巡查、亚洲巡查或澳洲 巡查

 

  PGA 代表职业高尔夫协会

 

  “Fore” 当高尔夫球被意外地击向另外一人时,该词被喊出,以警告该人躲藏闪避。如果你听到这个词,用手盖上你的头和脸

 

  第19 洞 19th hole 在高尔夫行话中指的是会所中的酒馆,在那里高尔夫球手们在他们打完18个洞后,尽情享受Johnnie Walker黑牌。

如何在本机搭建WordPress

蓝蓝

 

WordPress是一套免费的开源项目,用户可以用它在支持php和mysql的服务器上搭建自己的blog,或者在本地搭建一套用于调试代码。这次分享包含以下几个方面:

 

本地apache环境的搭建

搭建本机的apache环境可以使用xampp、appserv等套装软件。目的是可以让本机跑php和mysql的服务。这里介绍一下appserv的下载、安装与配置方法:

首先到http://www.appservnetwork.com/ 下载该软件(我下载的是2.5.10版本的):

Google HTML5 训练营

蓝蓝

先简单介绍一下这个训练营的活动流程:
   1:00 – 1:30 注册
   1:30 – 2:30 HTML5 技术剖析
   技术讲座1 —— Google 工程师
   技术讲座2 —— 特邀嘉宾(李靖威、李继成,就职于人人网)
   2:30 – 3:00 宣布竞赛规则,开始组队
   3:00 – 6:30 作品创作 / 提交
   6:30 – 7:00 作品展示
   7:00 – 7:30 评奖、颁奖

  讲座部分,先是Google工程师寒蕊MM跟我们分享了些HTML5的新技术概况,其中大致包括:sessionStorage localStorage Web SQL DateBase Indexed DB ,寒蕊MM还专门写了篇关于IndexedDB的文章《客户端数据存储》 ,文章用实例的方式讲了Web Storage(localStorage)、Web SQL Database 和 Indexed Database的用法。

  其中Web SQL Database虽是HTML5的技术,但由于某些原因,W3C组织(Web Applications Working Group)已不再维护这项技术,也就是说虽然目前Chrome、FireFox新版本浏览器支持这项技术,但不一定未来的版本还会支持。以下为w3c官网的声明:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档