首頁

關(guān)于圖片列表的寬度自適應(yīng)解決辦法

藍(lán)藍(lán)設(shè)計的小編

 

在近期一個項(xiàng)目中,遇到一個圖片列表自適應(yīng)寬度顯示的問題,需求本身并不難,借此且算是梳理和總結(jié)一下當(dāng)時的解決思路吧,也期望能給有需要做這類需求而又知如何下手的同學(xué)帶來一點(diǎn)小啟發(fā)。實(shí)現(xiàn)的方法應(yīng)該很多,如果你有更好的,要分享哦~~

關(guān)于圖片列表的寬度自適應(yīng)解決辦法

自適應(yīng)網(wǎng)頁設(shè)計

藍(lán)藍(lán)設(shè)計的小編

 

隨著3G的普及,越來越多的人使用手機(jī)上網(wǎng)。

移動設(shè)備正超過桌面設(shè)備,成為訪問互聯(lián)網(wǎng)的最常見終端。于是,網(wǎng)頁設(shè)計師不得不面對一個難題:如何才能在不同大小的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁?

手機(jī)的屏幕比較小,寬度通常在600像素以下;PC的屏幕寬度,一般都在1000像素以上(目前主流寬度是1366×768),有的還達(dá)到了2000像素。同樣的內(nèi)容,要在大小迥異的屏幕上,都呈現(xiàn)出滿意的效果,并不是一件容易的事。

海量的jQuery插件帖,很經(jīng)典

藍(lán)藍(lán)設(shè)計的小編

點(diǎn)擊查看原圖

海量的jQuery插件帖,很經(jīng)典,不知道什么時候開始流傳,很早以前就收藏過,為了工作方便還是發(fā)了一份放在日志里面。

其中有些已經(jīng)無法訪問,或許是文件移除,或許是被封鎖。大家分享的東西,沒什么特別的可說的,唯有感謝無私分享的人們。

貓嗔提醒大家在使用的時候注意jQuery包的版本問題,最好是使用相同的版本,因?yàn)槭褂昧烁甙姹竞苡锌赡艹霈F(xiàn)或多或少的問題。并且其中英文插件在轉(zhuǎn)換成中文時注意編碼,推薦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插件-表單驗(yàn)證(Form Validation)
jQuery Validation .
Auto Help .
 

26個jQuery幻燈插件

藍(lán)藍(lán)設(shè)計的小編

 點(diǎn)擊查看原圖

圖片畫廊和幻燈片效果在web站點(diǎn)展示圖片和相片時是非常常用的,而jquery 圖片插件給我們帶來了便利,你甚至不需要JavaScript 和 jquery 的開發(fā)經(jīng)驗(yàn),就可以輕松展示很炫的圖片效果,在這篇文章中你可以看到26個jQuery幻燈插件的效果 。

jquery 畫廊和滑動效果教程:

Create an Image Rotator with Description (CSS/jquery)

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

40個漂亮的免費(fèi)的HTML5和CSS3模板

藍(lán)藍(lán)設(shè)計的小編

最小的灰色和粉紅色的設(shè)計,帶有一個AJAX供電PHP的接觸形式包裝。

HTML5的主題

資料及下載 | 演示

原型設(shè)計Axure RP Pro 6.0 中文漢化補(bǔ)丁下載地址+破解注冊碼

藍(lán)藍(lán)設(shè)計的小編

 

原型設(shè)計Axure RP Pro 6.0 中文漢化補(bǔ)丁下載地址+破解注冊碼

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版本,向上兼容未來相當(dāng)長一段時間的新版本,經(jīng)測試支持:

高爾夫運(yùn)動術(shù)語\成績的計算\高爾夫英語

藍(lán)藍(lán)設(shè)計的小編

成績的計算

高爾夫運(yùn)動被稱為紳士運(yùn)動,當(dāng)技術(shù)水準(zhǔn)不同的球友匯聚在一起比賽時,為了

使比賽更公平、更具競爭,水平高的球友要讓水平較差的球友,如何計算每一位球員讓分點(diǎn) 的多少,即出現(xiàn)了差點(diǎn)。下面向您介紹最常用的差點(diǎn)計算方法:

 

  1、平均法:

 

  差點(diǎn)=五次比賽的平均成績-標(biāo)準(zhǔn)桿

 

  2、新新貝利亞 計算法

 

  A、從18洞中任選12洞的桿數(shù)總和×1.5=總數(shù)

 

  B、從此總桿數(shù)減去標(biāo)準(zhǔn)桿后×0.8=差點(diǎn)

 

  即(12洞桿數(shù)總和×1.5—標(biāo)準(zhǔn)桿)×0.8=差點(diǎn)

 

  C、凈桿=總桿-差點(diǎn)

 

 

高爾夫英語

  球童caddy 球道fairway 發(fā)球區(qū)/球座tee

 

  果嶺green 球桿club 木桿wood 鐵桿iron

 

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

 

  障礙hazard 沙坑bunker 標(biāo)準(zhǔn)桿par

 

  低于標(biāo)準(zhǔn)桿一桿/兩桿/三桿:

 

  birdie/eagle/albatross

 

  高于標(biāo)準(zhǔn)桿一桿/兩桿/三桿:

 

  bogey/double bogey/triple bogey

 

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

 

  總桿gross 凈桿net 差點(diǎn)handicap

 

  休息亭half-way house 旗桿pin

 

  握桿、站姿

 

  1、左手:把桿子從食指靠掌的第一指節(jié)斜著橫貫上緊緊地靠著掌緣下端的厚肉墊,大拇指跟食指的“V”形紋要指著右眼。

 

  2、右手:全用指頭去握桿,桿子直著壓過靠掌的指節(jié)上,一定要握在手掌之外。中指及無名指吃力最重,在練習(xí)右手握桿的時候,把右手的大拇指和食指拿開,拇指和食指形成“V”形紋指著下巴。

 

  3、合:兩手握桿的時候,要聯(lián)結(jié)在一起形成一體。右手的小指頭在左手指和中指之間的夾縫里;左手的大拇指正好平穩(wěn)地被藏在右掌拇指下的窩里。

 

  4、站姿:右腳方方正正 的抵著假想中與彈道平行的一條線呈90°。左腳向外開1/4,以5#鐵桿為準(zhǔn),雙腳分開與肩同寬,比5#鐵桿長的就開得寬;比5#鐵桿短的,雙腳就向內(nèi)攏一些。雙臂和關(guān)節(jié)盡量向身體靠緊,雙腳向內(nèi)指。

 

  術(shù)語:

 

  Tee發(fā)球臺 高爾夫選手每洞發(fā)第一個球的平坦區(qū)域。他們必須在發(fā)球臺兩個標(biāo)志之間發(fā)球。這也指高爾夫選手只可以在第一次擊球使用的木制或者塑料制的spike,把球舉起來,這樣打球更容易一些。

 

  The Green果嶺 在球洞周圍非常平坦的區(qū)域。這個區(qū)域的草很特殊,有利于選手將球推到洞中。

 

  Fairway 球道 從發(fā)球臺到果嶺之間寬闊的草區(qū)域。

 

  Rough 長草區(qū) 球道的邊緣區(qū),草更長一些,所以不容易打球。

 

  Hole洞 高爾夫球場上一共有18個洞。由發(fā)球臺、球道和果嶺組成。洞也指事實(shí)上高爾夫選手想把球打進(jìn)的洞,通常里面插一只旗來指示。

 

  Pin 洞 是事實(shí)上洞的另一種說法,有一只旗來指示。

 

  Par 標(biāo)準(zhǔn)桿 是指高爾夫選手把球打進(jìn)指定洞里應(yīng)該使用的標(biāo)準(zhǔn)或者打球的特定數(shù)目。通常由洞的長度和難度決定,一般為3~5桿。18洞的總桿數(shù)應(yīng)為72桿。當(dāng)選手打完一洞用完同等數(shù)量的桿數(shù),那么他們就使用了為這個洞設(shè)定標(biāo)準(zhǔn)桿同樣的數(shù)量。

 

  Birdie小鳥球是指高爾夫選手使用了為一洞設(shè)定標(biāo)準(zhǔn)桿少一桿的數(shù)量打完一洞。例如標(biāo)準(zhǔn)桿是4桿,但選手只使用3桿就打完這洞。

 

  Eagle老鷹球是指高爾夫選手使用了為一洞設(shè)定標(biāo)準(zhǔn)桿少兩桿的數(shù)量打完一洞。

 

  Bogie 博基 是指高爾夫選手使用了為一洞設(shè)定標(biāo)準(zhǔn)桿多一桿的數(shù)量打完一洞。

 

  Bunker沙坑 在球場周圍設(shè)的沙坑。有一些特殊規(guī)則適用于選手怎樣從沙坑里打出球。從沙坑里打出球非常困難。

 

  Hazard 障礙 選手不容易打球的地方或者事物。有一些特殊規(guī)則適用。包括池塘、河流和湖,這些叫做水障礙。如果他們把球打到障礙里,選手可以棄球,然后從一個特殊地方打球,也可以招致罰球。

 

  Divot 草皮(削下來)高爾夫選手削下來或者擊球后削下來的草皮。

 

  Driver 木桿(1號)有圓的大桿頭的大木桿,用來擊出長距離的球。高爾夫選手自己的球袋里可能沒有準(zhǔn)備。大力擊球就是用1號木桿 擊出長距離的球。

 

  Putter 推桿 有小平頭的球桿,用作在果嶺上推球,使球進(jìn)洞的桿。To “putt”是用推桿推球。

 

  Iron 鐵桿 用金屬做的桿,有角度的桿頭是用作中距離的擊球。高爾夫球手會帶很多這種桿。桿號越?。ɡ?號鐵桿),球擊得越遠(yuǎn)。

 

  Pitch劈擊出一桿非常短而高的擊球,通常在果嶺邊緣附近擊出,或在沙坑外面或要越過某物體。

 

  Wedge 沙桿或劈起桿是一種特殊鐵桿,在桿頭有更大的角度,后部設(shè)計得光滑,用作從沙坑處非常短而高的擊球

 

  Caddy 球僮 負(fù)責(zé)在球場中為專業(yè)選手背高爾夫球桿 包,建議高爾夫球手桿的選擇和技巧的人。球僮通常獲得他們服務(wù)的高爾夫球手獎勵的10-15%。

 

  Under PAR 低于標(biāo)準(zhǔn)桿 高爾夫球手的擊球數(shù)低于標(biāo)準(zhǔn)桿數(shù)。例如, 低于標(biāo)準(zhǔn)桿3桿是是指高爾夫球手在當(dāng)天的比賽中獲得了低于目標(biāo)三桿的成績。

 

  Cut 切 當(dāng)比賽舉行兩天以后,從156名選手降至(“切”至)大約70名選手。如果選手“獲得了切”,他們將在后兩天中繼續(xù)比賽。如果他們“失去了切”,將被排除來競爭之外。

 

  Round 輪 一“輪”是18個洞。每天選手們進(jìn)行一輪的比賽

 

  Front/Back 9前/后9 ,18球洞的球場被分為兩組9球洞。 前9(1-9洞)被稱為前9 或外9,而后9(10-18洞)被稱為后9,或內(nèi)9。

 

  Pro .職業(yè)選手,Professional (職業(yè)選手)的縮寫,指那些以打高爾夫球?yàn)樯娜耍勋@打高爾夫職業(yè)比賽的資格。

 

  Tours 巡查 指官方正式的監(jiān)管職業(yè)比賽的專業(yè)高爾夫組織。這包括歐洲 巡查、亞洲巡查或澳洲 巡查

 

  PGA 代表職業(yè)高爾夫協(xié)會

 

  “Fore” 當(dāng)高爾夫球被意外地?fù)粝蛄硗庖蝗藭r,該詞被喊出,以警告該人躲藏閃避。如果你聽到這個詞,用手蓋上你的頭和臉

 

  第19 洞 19th hole 在高爾夫行話中指的是會所中的酒館,在那里高爾夫球手們在他們打完18個洞后,盡情享受Johnnie Walker黑牌。

如何在本機(jī)搭建WordPress

藍(lán)藍(lán)設(shè)計的小編

 

WordPress是一套免費(fèi)的開源項(xiàng)目,用戶可以用它在支持php和mysql的服務(wù)器上搭建自己的blog,或者在本地搭建一套用于調(diào)試代碼。這次分享包含以下幾個方面:

 

本地apache環(huán)境的搭建

搭建本機(jī)的apache環(huán)境可以使用xampp、appserv等套裝軟件。目的是可以讓本機(jī)跑php和mysql的服務(wù)。這里介紹一下appserv的下載、安裝與配置方法:

首先到http://www.appservnetwork.com/ 下載該軟件(我下載的是2.5.10版本的):

Google HTML5 訓(xùn)練營

藍(lán)藍(lán)設(shè)計的小編

先簡單介紹一下這個訓(xùn)練營的活動流程:
   1:00 – 1:30 注冊
   1:30 – 2:30 HTML5 技術(shù)剖析
   技術(shù)講座1 —— Google 工程師
   技術(shù)講座2 —— 特邀嘉賓(李靖威、李繼成,就職于人人網(wǎng))
   2:30 – 3:00 宣布競賽規(guī)則,開始組隊(duì)
   3:00 – 6:30 作品創(chuàng)作 / 提交
   6:30 – 7:00 作品展示
   7:00 – 7:30 評獎、頒獎

  講座部分,先是Google工程師寒蕊MM跟我們分享了些HTML5的新技術(shù)概況,其中大致包括:sessionStorage 、localStorage 、Web SQL DateBase 、Indexed DB ,寒蕊MM還專門寫了篇關(guān)于IndexedDB的文章《客戶端數(shù)據(jù)存儲》 ,文章用實(shí)例的方式講了Web Storage(localStorage)、Web SQL Database 和 Indexed Database的用法。

  其中Web SQL Database雖是HTML5的技術(shù),但由于某些原因,W3C組織(Web Applications Working Group)已不再維護(hù)這項(xiàng)技術(shù),也就是說雖然目前Chrome、FireFox新版本瀏覽器支持這項(xiàng)技術(shù),但不一定未來的版本還會支持。以下為w3c官網(wǎng)的聲明:

日歷

鏈接

個人資料

存檔