pupuliao的部落格

寫教學的最大目的是教會未來的自己

Get Adobe Flash player

CSS div 置中作法

參考資料

http://www.flycan.com/article/css/css-div-position-center-1562.html

 

 

通常利用CSS 對div 方塊排版的時候,常常會使用left : 50% 這類排版方式

但是這有個很大問題 他是依照方塊的 左上角當作基準點,所以 無法做照真正的置中(或是其他比例)

解決方法是利用 margin

 

使用 margin-left : -[div一半寬度]px

就可以解決了

垂直部分也可以這樣解

Post to Twitter Post to Plurk Post to Facebook Send Gmail

好用的網頁技術學習網站codecademy

經過兩周成功嶺的”專業訓練”(大概是調整了生活作息吧) 終於進入了職場,正式脫離了學生身分。

 

我目前的工作是網站的前端工程師,簡單來說就是把行銷、美術所設計的畫面、功能製作出來,這部份我原先的知是都是來自於我在IND的自己摸索,當然還有課堂上的學習(感謝馬尚彬教授的指導,並給我更多練習的機會)

 

建立一個網站有許多技術需要結合,期中網站前端顯示的部分那就更多樣化了

目前我是使用PHP+CSS+JS(jQuery) 為主要開發語言,在這裡推薦一個很好用的教學網站

http://www.codecademy.com/

這是一個英文網站,它提供了六七種常見的網頁開發與研教學,對於一個初學者或是有點基礎但是要快速了解新語言的好網站

 

它是使用漸進式 透過大量的練習問題來達到教學目的

另外在寫作的過程中它會即時把結果顯示在瀏覽器上

這就是它最棒的地方

 

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY4(迪士尼)

第四天

 

今天只有一個行程 就是迪士尼,迪士尼的交通方式很簡單,就是地鐵,從池代出發 可以坐車到 東京換車或是新木場換車,出了JR車站後 跟著人潮走就不會錯了=.=+

建議先透過網路買票,然後印下來 使用QR code 入場,不要傻傻的 現場買票,那根本人龍

其實這沒啥好說的

我去的是迪士尼世界,這裡其實沒有海洋世界刺激,但是遊樂設施也是夠多,我玩八點多出來也只玩了七成設施(沒辦法下午有下雨我也懶得排隊了)

一進場的 聖誕雪人

 

2014-11-06 09.44.47

 

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY3(明治神宮、皇居)

第三天

恩….有人說我錯字多,我盡量減少….

 

今天本來的計畫是 明治神宮>六本木>東京鐵塔,不過因為昨天的皇居 和uniqlo兩大行程受挫,所以修正了行程

改成 明治神宮>皇居>錦糸町

 

一、明治神宮

因為我是買三日票的關係,地鐵到明治神宮前站下車 走個三分鐘到達明治神宮門口(JR的原宿直通大門)

2014-11-05 09.16.53

超大鳥居,拜過後開始我的神宮之旅

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY2(上野、太陽城)

第二天

 

早上起來吃了飯店的早餐後出發

 

一、上野 恩賜公園

在去之前我先順路去拿metro和北捷合作的小禮品 ,今天第一天先幫大家減少一個名額,領取地點在銀座車站B2出口附近的定期票購賣站,給他看活動網站他就會給你了

2014-11-04 22.50.18

之後就繼續坐車到上野車站,上野恩賜公園真的很大阿,就算所有美術館通通關門 我也一樣逛了三個小時

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-DAY1(淺草、秋葉原)

第一天

一、中正機場

我是早上凌晨三點的飛機,所以晚上就坐著父母的車抵達了中正第一航廈,早上真冷清阿,因為廉行的飛機餐點要另外付費,所以我就帶著吃得上來,不過後來證實,別帶熱食,因為冷了就不好吃了….

首先是辦理報到手續跟行李托運,這部分台灣是長榮地勤在處理,據說他們真的只有在做報到手續,任何突發住況通通無法處理,所以要注意 機票和護照要帶,機票目前都是電子機票了,把線上訂票最後那張表格印下來給他們看就OK了

2014-11-03 01.54.28

這是一航廈改建後出關的第一個場景,雖然我看不懂在寫啥XD

說實話裝潢得還不錯,wifi 也終於連得上了(也可能是半夜人少?) 每個候機室都有充電區

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

單人瘋狂東京六日遊-行前篇

會有這次旅遊主要是因為在畢業後看許多同學都有出國,就突然想出國走走

其中日幣剛好貶值 又是屬於自由行難度最低的地方,所以在開團失敗後 就獨自自己衝了~~~

 

這一篇是我第一天住飯店時寫的….

 

一、兵役

我是屬於研發替代役,在畢業後如果要出國必須向當地兵役科申請,必須在出國前一個月內申請

要注意你必須在兵單來之前申請,否則一切都是屁話。

把你的出國時間跟兵役科說後,因為替代役不可能逃兵,所以很容易過,兵役科會在護照上蓋章

 

繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

VPN比較PPTP、L2TP和IPsec的區別及優缺點

最近想要嘗試自己架設VPN,所以找了一些文章

 

引用文章

http://macivilian.blogspot.tw/2012/03/vpn-pptpl2tpipsec.html

(VPN) PPTP、L2TP和IPsec的區別及優缺點

VPN (虛擬專用網)發展至今已經不在是一個單純的經過加密的訪問隧道了,它已經融合了訪問控制、傳輸管理、加密、路由選擇、可用性管理等多種功能,並在全球的 信息安全體 系中發揮著重要的作用。也在網絡上,有關各種VPN協議優缺點的比較是仁者見仁,智者見智,很多技術人員由於出於使用目的考慮,包括訪問控制、 安全和用戶簡單易用,靈活擴展等各方面,權衡利弊,難以取捨;尤其在VOIP語音環境中,網絡安全顯得尤為重要,因此現在越來越多的網絡電話和語音網關支 持VPN協議。

  PPTP

點對點隧道協議 (PPTP) 是由包括微軟和3Com等公司組成的PPTP論壇開發的一種點對點隧道協,基於撥號使用的PPP協議使用PAP或CHAP之類的加密算法,或者使用 Microsoft的點對點加密算法MPPE。其通過跨越基於 TCP/IP 的數據網絡創建 VPN 實現了從遠程客戶端到專用企業服務器之間數據的安全傳輸。PPTP 支持通過公共網絡(例如 Internet)建立按需的、多協議的、虛擬專用網絡。PPTP 允許加密 IP 通訊,然後在要跨越公司 IP 網絡或公共 IP 網絡(如 Internet)發送的 IP 頭中對其進行封裝。 繼續閱讀

Post to Twitter Post to Plurk Post to Facebook Send Gmail

好用的線上中文字型jestfont

最近我的網站更換了字型

我使用了justfont的線上中文字型服務(想玩英文字型 可以去找google fonts),價格也不貴,一年大概三百

 

中文字型最麻煩的地方在餘字型檔很大,無法包在網頁中,讓使用者下載,因此很多中文網站要碼先把文字做成圖片,不然就是選擇大家都有的系統內鍵字型

剛好在網路上找到這家公司

他使用js技術,並且依照你網頁所使用道的文字,只把這些文字傳送給使用者,可以有效減少下載時間

 

他的教學 http://www.justfont.com/cheats

如果想要整個網站都更換自己最快方式是,先去掉之前CSS中所有字型設定,然後在justfont設CSS 標簽用body 一次解決XD

 

 

 

 

 

 

官方網站:http://www.justfont.com/

 

Post to Twitter Post to Plurk Post to Facebook Send Gmail

適用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站的新文章,使用電子郵件接收新通知。

訂閱 9 其他用戶

交換連結

Copyright © 2017. All Rights Reserved.

歡迎光臨
初音