Search
Bootstrap Icons 進入 alpha 3
樣式屬於細筆畫、簡約外型
（接近 Fontawesome 的 pro 風格，我很尬意）
目前有提供 svg 檔案的下載
使用上是直接作為內嵌 svg 或外部 svg
雖然有 CSS 的運用教學，但還不夠完整
期待接下來的完整整合
#Bootstrap
#BootstrapIcons
Bootstrap 課程中有提到怎麼透過 Sass 改變樣式
但其實沒有從基礎開始介紹
主要原因在於 Sass 課程我們都是免費公開的喔
廖洧杰 在以前參加鐵人賽時，就提供 90 篇教學文章
https://github.com/gonsakon/Learn-Sass-in-90-days
除此之外，RWD 的 Sass 章節課程也都可以免費預覽
(展開全部課程，找到 Sass 章節就能直接預覽了)
https://www.udemy.com/responsive/?couponCode=COUPON_2018
線上問答部分也有介紹過好幾次
在此也分享給大家：
六角學院 - SASS 之 @function、@extend、@mixin
https://www.youtube.com/watch?v=FVx8WvZQV10
Sass 基礎運用介紹 - (附有開發環境)
https://www.youtube.com/watch?v=mgZRZ91h5yk
Bootstrap 4 結合 Sass 編譯，自訂元件超輕鬆
https://www.youtube.com/watch?v=efEBKRQhNlc
Sass 算是一個非常值得投資的技術
算是目前不斷變動的前端技術中還沒有被替代的
其中許多優點在課程中我就不再提了
不過，在此要說一下明顯的缺點
寫 CSS 速度會越來越快並且可用性越來越高
接下來，寫完的 CSS 也就不太需要再去改
(或者改動時間變短)
然後就會被迫去學 JS 惹 😭
五倍紅寶石出礦坑一直致力於程式教學，更努力的幫助女性走上程式學習之路(舉辦 Rails Girls 等活動）。現在他們要來開『女力專班』了！這次課程的講師 Cat 同時也是在 Hahow 好學校 平台開課的老師喔！嚮往學習Coding 的女孩們，千萬不要錯過這次的機會🙆♀️
#小編我也想報名
#老師好可愛
#那隻貓咪也太搶眼了
【注意‼️講師 Cat 有話要說】誠意十足告訴妳 : )
女力專班到底可以得到什麼？什麼東西才是我真正需要的？
在這段期間許多人對女力專班感到好奇，
考慮到女孩們的擔憂，親和力十足的講師 Cat 拍影片告訴你^_^
（#一定要看到最後，影片最後有幕後彩蛋～看看可愛的講師 Cat）
👉課程這邊請：http://lnk.pics/1BUIU
另外有很多人會詢問教學內容在職場上用的到嗎？
這邊告訴妳們：「絕對用的到！」
這堂課程的結業目標是
► 可以從無到有完整刻出一個響應式（支援桌機跟手機）的靜態網頁
► 切版方式包含用"手刻"和框架（bootstrap）都會帶入
► 也會在課程的中間穿插 CSS 繪圖小範例
對於想要做自己的作品集或網頁，絕對是大大加分！
::::::::::::::::::::::: 課程回饋重要資訊 ::::::::::::::::::::
我們也懂得 學生 與 中低收入戶 要學習的辛苦，決定支援努力
向學之青年學子，提供了以下 #優惠：
（1）學生憑學生證可以再折 500 元
（2）中低收入戶憑證明可享學費折半（4999 元）
► 只要在報名時備註即可唷，有問題都可以私訊我們！
► 加入看這裡：http://lnk.pics/1BUIU
————————————————————————
#小編偷偷說，Cat 就是喜歡大笑，超級可愛有耐心！
良師益友最佳代表～快來玩！
#影片一定要看到最後
#非常可愛非常好笑
#5xruby
記得訂閱我的頻道，獲得更多 WordPress 架站、部落格經營的消息！
本篇文章會教大家如何在網站的側邊欄加入圖片及連結，並且將圖片連結設定成開啟新分頁。
最近有許多新手問阿璋，該如何在網頁側邊欄放置一些圖片廣告？
想知道的話，就繼續看下去吧！
【文章連結】：https://www.johntool.com/sidebar-add-image-link/
【建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站】：https://www.johntool.com/udemy-web/
【從入門到業界實戰 - UI / UX 前端網頁設計】：https://www.johntool.com/hahow-frontend
【學好跨平台網頁設計：HTML5、CSS3、JavaScript、jQuery與Bootstrap 4超完美特訓班（第二版）】：https://www.johntool.com/books-frontend
#WordPress #WordPress教學 #側邊欄
-----------------------
【部落格 Johntool-工具王阿璋】：https://www.johntool.com
【將部落格轉化為穩定的被動收入】：http://bit.ly/2ZSSuuB
【粉絲團專頁】：https://www.facebook.com/JohntoolTW/
【Instagram】：https://www.instagram.com/johntooltw/
【聯絡我】：support@johntool.com
-----------------------
【錄音設備】：圓剛AM130 (https://www.johntool.com/yahoo-am130)
【剪片軟體】：Adobe Premiere Pro (https://www.johntool.com/adobe-pr)
Aoetw.com
要加入計畫請留言~
大家好，我是眠先生。最近世紀帝國在全球與台灣玩家的人數，不斷飆升，而2018年世紀
帝國四也即將發行，台灣有很多玩家，但是一直以來卻缺乏一個大型的世紀帝國資料庫，
以致於我們只能到英文版的數據庫去查資料，例如民兵到底速度多快，追的上村民嗎？而
熱那亞弩手與精銳的差別在哪？射速有差嗎？所以現在目標就是建立一個中文的數據庫，
而這個網站不只是數據庫，還有其他相關世紀帝國資料。
目前我已經完成三個頁面，可以參考
http://aoetw.com/Archer.php 單位數據
http://aoetw.com/units.php 所有單位
http://aoetw.com/qa.php 常見問題
目前想到分為幾區
數據資料庫：翻譯英文維基的數據，所有兵種建築科技的數據，估計可能上百頁，這是最
需要人力的。
常見問題：這我已經參考伊森寫的常見問題所整理，日後可不斷更新。目前架構已經完成
記錄檔區：收集世界各國好手記錄，像這次KotD沙漠之王挑戰賽，就沒有一個整理好的區
域
戰術討論區：將會收錄ptt世紀版的高手文章
高手介紹區：介紹各國好手的風格打法如Viper、YO等..
其他例如Voobly專區阿，還是要怎樣，歡迎提出來一起討論
所以，現在問題來了，眠先生需要一個團隊，來一起編輯這個網站，主要是世紀帝國百科
區的數據，版型我都已經設計好了，團隊的夥伴只需要幫忙帶入翻譯帶入英文數據即可，
不需要什麼英文基礎，主要需要一些網頁人才，只要你具備下面其中一點，都歡迎加入：
最基礎的html+css：其實只要懂html就好，網頁以Bootstrap框架寫的，懂一點更好
熱誠的心：看不懂html，但只要有心也歡迎報名。
更歡迎其他更強懂php及有開發協作網站經驗的高手加入，畢竟眠先生只是前端，後端等
複雜優化網站的東西仍不太熟悉
首要是翻譯各兵種數據，而兵種頁面我已經設計好，協做者只需要帶入數據即可，首要以
數據優先，介紹那邊可以先空著，目前想法一人認領一個建築，例如我認領射箭場，我就
負責寫弓兵、弩兵、強弩兵..火槍茅兵等等的頁面
報名
直接寫mail到：netssno@gmail.com或私訊粉絲團http://tinyurl.com/yaufu3kr
有任何想法歡迎推文回文
所有參與者，將答謝於首頁，與贈送一個＠aoetw.com網域的mail謝謝你。大家好，我是眠先生。最近世紀帝國在全球與台灣玩家的人數，不斷飆升，而2018年世紀
帝國四也即將發行，台灣有很多玩家，但是一直以來卻缺乏一個大型的世紀帝國資料庫，
以致於我們只能到英文版的數據庫去查資料，例如民兵到底速度多快，追的上村民嗎？而
熱那亞弩手與精銳的差別在哪？射速有差嗎？所以現在目標就是建立一個中文的數據庫，
而這個網站不只是數據庫，還有其他相關世紀帝國資料。
目前我已經完成三個頁面，可以參考
http://aoetw.com/Archer.php 單位數據
http://aoetw.com/units.php 所有單位
http://aoetw.com/qa.php 常見問題
目前想到分為幾區
數據資料庫：翻譯英文維基的數據，所有兵種建築科技的數據，估計可能上百頁，這是最
需要人力的。
常見問題：這我已經參考伊森寫的常見問題所整理，日後可不斷更新。目前架構已經完成
記錄檔區：收集世界各國好手記錄，像這次KotD沙漠之王挑戰賽，就沒有一個整理好的區
域
戰術討論區：將會收錄ptt世紀版的高手文章
高手介紹區：介紹各國好手的風格打法如Viper、YO等..
其他例如Voobly專區阿，還是要怎樣，歡迎提出來一起討論
所以，現在問題來了，眠先生需要一個團隊，來一起編輯這個網站，主要是世紀帝國百科
區的數據，版型我都已經設計好了，團隊的夥伴只需要幫忙帶入翻譯帶入英文數據即可，
不需要什麼英文基礎，主要需要一些網頁人才，只要你具備下面其中一點，都歡迎加入：
最基礎的html+css：其實只要懂html就好，網頁以Bootstrap框架寫的，懂一點更好
熱誠的心：看不懂html，但只要有心也歡迎報名。
更歡迎其他更強懂php及有開發協作網站經驗的高手加入，畢竟眠先生只是前端，後端等
複雜優化網站的東西仍不太熟悉
首要是翻譯各兵種數據，而兵種頁面我已經設計好，協做者只需要帶入數據即可，首要以
數據優先，介紹那邊可以先空著，目前想法一人認領一個建築，例如我認領射箭場，我就
負責寫弓兵、弩兵、強弩兵..火槍茅兵等等的頁面
報名
直接寫mail到：netssno@gmail.com或私訊粉絲團http://tinyurl.com/yaufu3kr
有任何想法歡迎推文回文
所有參與者，將答謝於首頁，與贈送一個＠aoetw.com網域的mail謝謝你。
好用的BootStrap 教學https://kkbruce.tw/bs3/CSS#overview. ... <看更多>
梅問題－CSS教學－免寫程式透過CSS就可截取文字Web ... bootstrap homepage layout/columns etc.... Html Css, Drupal, Of. Bootstrap. 更多資訊. Html Css. ... <看更多>
bootstrap css教學 在 Bootstrap 網頁排版框架 的推薦與評價
Bootstrap 是由Twitter 釋出的「高彈性」網頁呈現框架，其程式碼主要是用LESS ... 在上面bootstrap 的HTML 檔案中，您可以注意到CSS 被放在前面，但是javascript 被放 ... ... <看更多>