前兩天 Google 表單大更新！換上了「全新的後台、前台設計介面」，加上更簡潔但更多互動的效果，讓你可以直覺流暢的設計出自己想要的問卷調查表單，並且呈現出更時尚的風格。但好像很少人注意到，就讓我這篇文章為大家解密。

10 本網頁設計電子書，免費送給你！

今天介紹的，是跟網頁設計相關的十本電子書。由於原作者並沒考慮網站設計包含了「前台」、「後台」、「視覺設計」等類人的需求、把這十本書分門別類，小弟就幫忙「稍微」（其實這篇寫了快 3 小時...喘～）分類了一下，希望方便大家快速找到自己喜歡的書。

原文連結：
http://designposts.net/free-ebooks-for-web-designers-and-developers/

1. 在成為網站設計師之前 -----------------

"Essential Career Advice for Developers"
翻成中文就是「給開發者的生涯建議」。這本書介紹如何在成為開發者前，先寫一些小程式掛在網路上讓人認識你，也方便你求職。並參與「開放原始碼社群」磨練功力。如何與合作者溝通、共同完成專案...然後，不要一天到晚宅在家裡...等等建議。連封面封底只有 28 頁，下載到手機等車時看一點看一點剛剛好～ :-)

"So You Want To Be A Freelancer?"
如果您不知道什麼是 Freelancer，可以先看這篇中文說明： http://goo.gl/zGa9CN 。一般而言，做網站的人很容易變成「自由工作者」。這是因為中小企業的老闆們認為網站並非常常需要更新，養一個網頁設計不划算，所以常常找外包。最後網頁設計師就成了到處接案的「自由工作者」（望向小弟家裡的老婆... XD）。這是一本只有 26 頁的小書，裡面講了自由工作者該有的理念、行程安排、如何自打品牌、溝通、收款、結案...等細節。有心成為自由工作者的人，不妨一讀。

2. 給網頁視覺設計師專書 ----------------

"A Practical Guide to Designing for the Web"
視覺設計師其實比較專注在「議題表達」、「版型」、「顏色」、「易用性」...等這幾樣事情上，他/她們常用的工具可能是 Photoshop, Illustrator...等，而非寫程式碼。打個比方，「網站程式師」比較像「建築師」，專注在結構。「視覺設計師」比較像「裝潢師」，專注在感受。國外很重視「視覺設計師」，可惜國內在這個部分，大多還是認為「網站能動就好」，導致有很多好網站，因為「不好用」而被廢棄。這本書說明了「文字編排（Typography）」、「顏色（Color）」、與「版型（Layout）」的重要性。如果您想走網頁、但不想寫程式，或許這條路可以試試看。

"10 Keys to Great Landing Pages"
所謂「Landing Page」，直譯為「登陸頁面」，其實就是客戶從搜尋引擎、或其它管道，點入 URL 後看到的第一頁。根據國外研究，這第一印象決定了大部分人是否「深耕挖掘」此網站更詳細內容的意願。這也是視覺設計師的職責所在之一。這本書只有 24 頁，就講 10 個「登陸頁面」的「必備」與「死穴」。值得視覺設計師參考。

"27 Page Type Classification eBook"
這本書專注在「文字編排（Typography）」上，也是一本 29 頁的小書。它就挑了幾種「常用字型」（如：Times New Roman），排版給大家看。也不多做解釋。不過一般人很容易從不同字型排出來的版面，感受到不一樣的感覺。是只需感受、不用細讀，在搖晃的車廂也能看懂（其實不用怎麼看 :-p ）的書。

3. 前台語言：HTML, CSS, JavaScript -----------

"Pocket Guide to Writing SVG"
SVG 是 HTML5 才新增的東西。它可以用 的方式，用程式碼「畫」出一幅畫來。也就是說，它的「畫」，是動態產生的，並非死板板的「照片」，直接貼在網頁上。想學 HTML5 這部份新功能的，可以參考這本書。

"HTML Canvas Deep Dive"
「Canvas」直譯就是「畫布」，也是 HTML5 新推出的功能。它可以在網頁上造就一塊方框，然後你可以在裡面放圖、表、動畫等。不少人拿 Canvas 來做「HTML5 遊戲」。那些「僅需瀏覽器就能玩」的遊戲，有些就是得力於 Canvas 功能的輔助。

"The Magic of CSS"
很棒的一本 CSS 小書！它會用非常視覺的方式，告訴你「這段程式碼」做出來「就是長這樣」。免除長篇大論的文字描述。點進去後，記得往下捲，下面列了一些如「1. The Box...2. Layout...」的超連結，點下去就能看到相關章節。

"Speaking JavaScript: An In-Depth Guide for Programmers"
很完整介紹 JavaScript 的一本好書！歐萊禮出版社出的（他們家的書封面都是一些動物）。想學 JavaScript 的人建議可以看看！

"Adaptive Web Design"
這是一本介於「視覺設計師」與「前台工程師」的書。講的是使用者感受，但得會 HTML, CSS, JavaScript 去做出這些感受來。個人覺得，前台設計師得有一點視覺設計師的素養，做出來的網站「易用性」才會高。所以我將這本書，排列在「前台語言」這一項上。視覺設計師如果願意學 HTML, CSS, JavaScript 的話，也可以看看。

4. 後台語言：PHP, Go ------------

"PHP: The Right Way"
這本書小弟知道有中文版！中文版叫「PHP 之道」。我幫大家補個連結： http://goo.gl/S3BcSi 。其實這本書已經包含 PHP 與 PHP 如何跟後端資料庫溝通的議題了！不過我個人認為，這一本書不是很適合初學者看。因為它講了一些「依賴注入」、「樣板」...等 PHP 中比較進階的議題，卻沒有好好地講到讓完全不懂的人變懂。當然啦～能學到後台語言的人，大概都有兩三把刷子，或許作者就是考量到這點，所以才沒有太多顧忌吧？

"Building Web Apps with Go"
Go 其實是 Google 於 2009 年正式推出的一個新語言。它能做的事情不只寫網頁，但這本書就只介紹用 Go 語言寫網頁的部份。如果真的很想學 Go，又討厭看英文的話，這裡倒是有中文的替代方案：「Go 程式設計導論 http://golang-zhtw.netdpi.net/ 」。

5. 用「架站軟體」快速架站：WordPress ----------

"11 Things to Do with Every New WordPress Install"
直譯就是「11 件你安裝 WordPress 後該做的事情」。15 頁的小書，適合剛安裝完 WordPress 之後的人看。

"Go Mobile With WordPress"
這本 39 頁的小書，告訴你如何修改 WordPress，好讓它適合被小螢幕的手機或平板閱讀。Google 目前修改了搜尋演算法，只要你的網站在小螢幕上不方便顯示的，排名會往後掉。有需要這方面知識的，不妨參考一下。

6. 網站營運 -----------------

"Book of Speed"
這本書其實還沒完成，不過前五章也夠我們看了。這是一本講「如何提高網站存取速度」的書。由於 Google 新演算法將「網站是否載入夠快」，也變成評分標準（另一個新標準就是之前說的，是否支援大小不同的螢幕），因此這個議題一下子熱了起來。點擊進去後，記得捲到最底部，有個「TOC（Table of Contents）」的超連結，點下去就能看到目錄了。

後記

今天幫大家整理的這幾本書，希望對大家有幫助！還請您不要吝嗇，分享給您的朋友，或按個讚鼓勵一下小弟我喔（虛榮心渴求中... XD）！

贊助專區
Paypal傳送門： https://paypal.me/HsuehHeng
綠界傳送門： https://p.ecpay.com.tw/706363D
歐付寶傳送門： https://reurl.cc/eENAEm

奧運時大喊力挺運動國手，結果麟洋配拿完金牌之後回國面對就是這些側翼的政治鬥爭，搞屁啦!郭正亮你看看你黨支持者在搞甚麼啦!

根據中國時報的報導:【2020東京奧運羽球男雙摘金的「 #麟洋配 」王齊麟、李洋返台後人氣急速上漲，悠遊卡公司也趁機推出麟洋配特別版，但設計曝光後被罵翻，李洋本人則親自留言緩頰「我覺得很可愛」，未料竟遭女權鬥士周芷瑄砲轟只想賺錢，更表示自己已對李洋沒興趣，讓鄉民傻眼怒轟「她哪位啊」。】這就是我不想蹭奧運的原因啊，一堆一日球迷大喊民族主義之後，結果回國就是政治鬥爭，連讓他們賺錢都不爽，只會因為政治立場在那邊大讚沒取得授權的商品好棒棒，這是甚麼體育野蠻國家嗎?商業上這麼不健全還講甚麼體育健全?還敢在那邊靠北甚麼對選手不好，眼中只有政治立場的人放那個甚麼屁啦!

網友吳敬棠說:【金牌得主不讓蹭燒廠商賺非授權周邊，罵！
金牌得主簽約的周邊不是你要的廠商，罵！
金牌得主情同家人的經紀人你不喜歡，罵！
金牌得主跟你不喜歡的市長視訊，更要罵！
所以說我們的體育環境怎麼可能會好嘛？
每天在那邊嘴體育圈劣幣逐良幣
殊不知最大的劣幣就是這些「既然我得不到你，那就誰都休想得到你」「既然我蹭不到，那就要把你毀掉」的進步人士嘛】

CNN的報導中說，喀布爾發生的事情比西貢還要嚴重，根據紐約時報的報導:【五個多星期前，拜登總統說：「無論如何，你都不會看到有人從美國駐 #阿富汗 大使館的屋頂上撤離。」在現代總統歷史上，能夠讓一位美國三軍統帥如此迅速地被自己的話「打臉」的例子十分罕見。
然後他說的話把這個坑挖得更深了：「塔利班全面統治並控制整個國家的可能性極小。」
週日，美國平民和大使館僱員從喀布爾慌亂撤離的場面在電視上直播，這正是拜登和他的助手們最近在橢圓形辦公室舉行會議時一致認為必須避免的景象。撤離並非發生在美國大使館屋頂，而是在大使館旁邊的停機坪。現在阿富汗政府以驚人的速度垮台，塔利班似乎肯定會重新全面控制該國，就像回到了20年前的夏天，而此時距離2001年9月11日襲擊事件紀念日不到一個月。
無論這是否公平，總之，拜登將以這樣的形象被載入史冊：在他的領導下，美國在阿富汗的實驗以這樣一個醞釀已久的、恥辱性的方式落幕。七個月來，他的政府似乎顯示出了所需的能力——讓這個國家70%以上的成年人接種了疫苗，推動就業增長，並在兩黨基礎設施法案方面取得進展——而美國在阿富汗最後幾天的一切都打破了這個形象。】美國在阿富汗的決策到底發生了甚麼事期，這個狀況台灣有參考的價值嗎?還有美國議員說如果你在烏克蘭和台灣，看到這樣對待盟友的態度，你應該很害怕?真的假的~~~

根據中央社的報導:【聯亞副總經理范瀛云昨天晚間說，聯亞生技製造的COVID-19疫苗效期長達2年，且已送18至19批、約200多萬劑至食藥署檢驗封緘。但聯亞疫苗未能通過EUA，500萬劑合約走向及200多萬劑送驗疫苗是否報廢受關注。中央流行疫情指揮中心發言人莊人祥昨天下午接受媒體聯訪時表示，政府預採購的聯亞疫苗合約，並不會因為EUA未通過就失效。聯亞疫苗經3期臨床試驗，只要能證實具保護力，採購合約仍適用。】但實際上聯亞的eua是被審議委員會十七票否決，連補件都不准，可是又讓他們可以做臨床三期，這到底為什麼?更別提週日有放話說聯亞有好消息，周一早上陳時中還承認說eua審議的確已經開過了，下午就說不通過，股價一下子跌了一屁股，為什麼聯亞的股價特別容易有這種假消息出現?

還有 #五倍券 搞了半天，最後還是決定不用交一千元了，這背後到底是怎麼一回事啦，還有說要家戶歸位，還有說要開發特別的app來作數位化，規劃的人知道pos系統要改寫多麻煩嗎?顯然一團亂啊，到底為什麼這麼堅持要發券?根據ettoday的報導:【行政院16日拍板定案，振興五倍券民眾不用支付1000元，由政府直接發放5000元代券。另外，為了提升數位券的使用意願，經濟部除了推出數位加碼，還有「家戶綁定」，只要憑健保卡認證身分，就可將全家人的數位券集中在其中一人的帳戶一次領取，省去長輩以及未成年子女不方便使用數位券的困擾。
在初步規劃上，數位券將由政務委員唐鳳研發「五倍券APP」供民眾下載，會如「電子折價券」模式亮相，且規劃採「獨立條碼QR Cord）」、「獨立帳戶」，供辨識為振興券消費，讓民眾可比照紙本或享加碼多重優惠。】

根據中國時報的報導，【國民黨主席江啟臣今天在前台中市長胡志強、「好兄弟」前立委顏寬恒等陪同下完成登記，顏提到，國民黨需要新世代的領導人，尤其在江啟臣這一年半的領導中，看到國民黨從谷底爬升，希望不要有那麼多見縫插針、無中生有，一同支持江啟臣連任。媒體追問是暗指遭朱陣營質疑跳船？顏寬恒回說「他不曉得是誰質疑」。】昨天是朱立倫，今天是江啟臣，國民黨主席的兩個主要候選人都已經到齊了(還有其他兩個人)，郭正亮到底覺得誰比較好打啊?未來會有甚麼發展呢?是不是民進黨看了偷偷笑啊~~~


阿宅萬事通語錄貼圖上架囉 https://reurl.cc/dV7bmD​

【Facebook傳送門】 https://www.facebook.com/Geekfirm
【Twitch傳送門】 https://www.twitch.tv/otakuarmy2
【加入YT會員按鈕】 https://reurl.cc/raleRb​
【訂閱YT頻道按鈕】 https://reurl.cc/Q3k0g9​
購買朱大衣服傳送門： https://shop.lucifer.tw/


📍直播大綱：
00:00 開播
12:00 麟洋配悠遊卡事件
18:00 美國撤軍阿富汗
01:05:00 美帝衰落元年
01:16:00 待用餐-淡水咕咚羹
01:29:00 蘇揆為何堅持要發五倍券而不給現金
01:49:00 國民黨黨魁戰誰比較好打?

一顆$280的大久保毛球吊飾實體質感如何呢?快跟我們一起開箱看看吧~

泡泡瑪特機台據點👇🏻
▸新光三越A11 1F 西側門手扶梯前
▸統一時代百貨 B2 雞三和旁
▸新光三越南西店三館 B1手扶梯旁
▸誠品生活西門店 B1手扶梯旁
▸台北車站微風2F
▸板橋大遠百B1吳寶春對面
▸台中新光三越中港店12F手扶梯前
▸台中中友百貨A棟3F
▸台南Focus 2F
▸桃園新光影城 2F
▸大直ATT4eLife 1F

上一部影片【盒玩】Molly15周年紀念款✨👧🏻一起翻開回憶的相冊吧！｜泡泡瑪特
https://youtu.be/3XFNIc4gg9c

■更多盒玩&扭蛋影片 https://reurl.cc/pd70ra
■更多Vlog https://reurl.cc/A8WppY
■淘寶購物/抽盒分享 https://reurl.cc/1YlodX

訂閱我們吧👉 https://reurl.cc/b6LW8l
追蹤我們的IG👉https://www.instagram.com/icepop_2026/
米雪個人IG👉https://www.instagram.com/szuya0820/
年糕個人IG👉https://www.instagram.com/qq650053/

▸工作聯絡e-mail : [email protected]

#大久保毛球#泡泡瑪特#雪糕盲盒
––––––––––––––––––––––––––––––
🎵 Music by Epidemic Sound (http://www.epidemicsound.com)

沒想到MOLLY居然15周年了?!
這次推出誠意滿滿的懷舊系列-我的小時候\(◍•ᴗ•◍)/
快點一起把小小MOLLY帶回家吧😍

現在可以在以下地點推到Molly我的小時候系列囉👇🏻
▸新光三越A11 1F 西側門手扶梯前
▸統一時代百貨 B2 雞三和旁
▸新光三越南西店三館 B1手扶梯旁
▸誠品生活西門店 B1手扶梯旁
▸台北車站微風2F
▸板橋大遠百B1吳寶春對面
▸台中新光三越中港店12F手扶梯前
▸台中中友百貨A棟3F
▸台南Focus 2F
▸桃園新光影城 2F

上一部影片▸ 疫情後首次逛實體玩具店✨為了卡娜赫拉大賞某人的錢包再度失守?!🔥
https://youtu.be/SRElmeUjV6M

■更多盒玩&扭蛋影片 https://reurl.cc/pd70ra
■更多Vlog https://reurl.cc/A8WppY
■淘寶購物/抽盒分享 https://reurl.cc/1YlodX

訂閱我們吧👉 https://reurl.cc/b6LW8l
追蹤我們的IG👉https://www.instagram.com/icepop_2026/
米雪個人IG👉https://www.instagram.com/szuya0820/
年糕個人IG👉https://www.instagram.com/qq650053/

▸工作聯絡e-mail : [email protected]

#Molly我的小時候系列#泡泡瑪特#雪糕盲盒
––––––––––––––––––––––––––––––
🎵 Music by Epidemic Sound (http://www.epidemicsound.com)