Bootstrap Icons 進入 alpha 3
樣式屬於細筆畫、簡約外型
(接近 Fontawesome 的 pro 風格,我很尬意)
目前有提供 svg 檔案的下載
使用上是直接作為內嵌 svg 或外部 svg
雖然有 CSS 的運用教學,但還不夠完整
期待接下來的完整整合
#Bootstrap
#BootstrapIcons
同時也有1部Youtube影片,追蹤數超過1,780的網紅Johntool,也在其Youtube影片中提到,記得訂閱我的頻道,獲得更多 WordPress 架站、部落格經營的消息! 本篇文章會教大家如何在網站的側邊欄加入圖片及連結,並且將圖片連結設定成開啟新分頁。 最近有許多新手問阿璋,該如何在網頁側邊欄放置一些圖片廣告? 想知道的話,就繼續看下去吧! 【文章連結】:https://www.joh...
「bootstrap使用教學」的推薦目錄:
- 關於bootstrap使用教學 在 卡斯伯 Facebook 的最佳解答
- 關於bootstrap使用教學 在 Taipei Ethereum Meetup Facebook 的最讚貼文
- 關於bootstrap使用教學 在 紀老師程式教學網 Facebook 的最讚貼文
- 關於bootstrap使用教學 在 Johntool Youtube 的最佳貼文
- 關於bootstrap使用教學 在 Bootstrap 教程 - 菜鸟教程 的評價
- 關於bootstrap使用教學 在 如何在專案中導入Bootstrap 4 並客製它 - iT 邦幫忙 的評價
- 關於bootstrap使用教學 在 [基礎課程] Bootstrap5 教學(一):安裝、排版、內容 的評價
- 關於bootstrap使用教學 在 精通Bootstrap 4 - 開發超強不解釋 - Udemy 的評價
- 關於bootstrap使用教學 在 Bootstrap 響應式佈景主題網頁教學#01 - 客製工具瘦身快速介紹 的評價
- 關於bootstrap使用教學 在 如何使用bootstrap框架bootstrap入門必看! - 程式前沿 的評價
bootstrap使用教學 在 Taipei Ethereum Meetup Facebook 的最讚貼文
📜 [專欄新文章] Crosslink Recap —— Design pattern: build your first profitable DApp and smart contract
✍️ Feihu Tang
📥 歡迎投稿: https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium
上文 里說到,這幾天我會在臺北的 Crosslink 作為文字組的志願者,此次我負責這個議程的記錄,裡面非常多的 insight,我聽了非常感動。
會後,陳品來和我說,這次有一點遺憾是自己選擇使用英文,但是自己的英文並不足夠流利,使得大概只是介紹 slide 內容本身,如果用中文的話,就可以捕捉到更多的信息了。但是我覺得現在的版本就已經足夠好,會議當天臺下也有很多 foreigners,這種偶爾選擇走出自己舒適區的方法也是非常值得鼓勵!
陳品和我同是 TPE 的演講者,同時又都在去年成立了自己的 Dapp Startup,我們之間 share 著許多共同的觀點,這一次能夠記錄這個議程,也可以從側面描述一些從我的視角出發的補充論據。這里順便吐槽一下,剛從大阪 Devcon 回來,去了北京 Dragonfly,為了參加 Crosslink,中間不得不又回到日本,差點沒累個半死 …
參考資料
Bilibili, 演講回放 | Youtube 分流
Slide, Design Pattern: Build Your First Profitable DApp and Smart Contract.
Slide, Web3 Business Models by @owocki
加密協議的本質已不是「去中心化」,而是區塊鏈的可分叉
Multicoin:论 Layer 1 和 Layer 2 的价值捕获
論開放式金融框架下價值捕獲的重要性
五分鐘概覽 DeFi 當前常見的商業模式
挑戰
回到當天的議程。首先陳品介紹了 Dapp 開發者所面臨的挑戰,他將一個 Dapp 的生命周期,劃分為三個階段:
Bootstrap 冷啟動
Value Capturing 價值捕獲
Sustainability 可持續發展
其中最難的也是最核心的是第二個階段,Remember what has been told by Felix?
緊接著,陳品類比擴容悖論(Scalability Trilemma) 提出了 Dapp 悖論 (Dapp Dilemma)。開發一個 Dapp 非常容易,但是要開發一款可持續盈利的 Dapp 卻非常困難。究其原因,就是 Dapp 合約在默認情況下應當是開源的,而開源則意味著任何人都可以 fork ,然後將手續費設置成更低甚至是免費的版本。然而開源,或者說 「可分叉性」 ,這柄高懸在開發者頭頂的達摩克利斯之劍,又恰恰是她最迷人的地方。開源、自治、可持續,是每一個 Dapp 開發者所追求的極致的目標。
如同擴容悖論 (Scalability Trilemma) 只是 hard to achive 一樣,Dapp 悖論 (Dapp Dilemma) 也並非無解。
月前 Shell Xu 在 Linux Story 群里有一次 關於開源盈利模式的討論。Btw, 我之前在 Github x 平安雲的活動上, 還有幸聽了 Shell 的一節課 。
Shell 認為開源的盈利模式,有很多種,其中包括:
捐助 有很多成功的例子。甚至還有專門的網站 Patreon,ci-en 以及 愛發電。一些比特幣和匿名幣的開發者也依靠這種模式。軟體開源,但是往 AppStore 賣的話,實際也算是捐助,例如 keka 和很多 shareware games。 (這麼說來,itch 里自由定價,其實理論上也算是捐助吧。)
軟體免費,服務收費 代表 Red Hat
雙授權 代表 GhostScript 和 MongoDB
基金會 然後基金會又分為好幾種模式。 其中最成功的要算 Apache 基金會,參見 從用戶成為“股東” — — 在 Apache 基金會的 2600 天(Mozilia 你還好嗎 — — ?)
緊接著我提到,發幣其實也是一種。這一點最好的文章是 Naval 14 年寫下的那篇著名的 《比特幣眾籌模式》。這個觀點 Shell Xu 也非常認同,並且他還特別指出發幣事實上是很成功的一種手段。另外,最後我的觀點,我後來也專門寫了一篇文章, from open source to self hosting … 這是一個 Self hosting 的例子。
案例
EasyDAI
接下來陳品開始分析一些實際的案例,首先從自己的作品開始。
使用者將以太幣存入後,便會透過智慧合約自動執行,將以太幣兌換為美元穩定幣 DAI,隨後把 DAI 存入 Compound 借貸放款平臺,經由智慧合約去中心化地放款給其他有融資需求的用戶來獲得利息。
—— EasyDAI
我們看到 EasyDAI 的一筆交易中,會同時調用經過多個智能合約,這種互通性(Interoperability),也是 DeFi 項目的魅力之一。參見 InstaDApp, Bridge Protocols 。
Bancor VS Uniswap
剛才說到,發幣也是一種商業模式。談及 ICO,雖然我们都知道 Linux 那句著名的 Talk is Cheap,Show me the code,但在區塊鏈的世界,通常的作法則是 You reap, before you sow。但是並不是說,發幣就是解決所有的問題銀彈,可以參見 Gitcoin 的那篇,而一個多餘的 Token 帶來的後果很可能是災難性的。
Why Gitcoin Didn’t Launch With A Token
比較 Bancor 和 Uniswap,Uniswap 勝出已成公論,原因很多。首先 Uniswap 不會被 Bancor 代幣尋租(之前 Bancor 的運營人員有聯絡到我們希望幫我們的 EOS 代幣上 Bancor 交易所,當然代價是 5000 usdt。。。)。
然後更致命的原因 Bancor 的流動性是死的,而 Uniswap 協議的流動性足夠靈活,可以隨著市場的變化,動態調整。
最後 Bancor 協議的前提,假設 cw 是定值看起來也很沒道理。而所有這些原因,導致的結果就是會是 Bancor 錨定的代幣,缺少脫鉤的機制。關於這個論點,我之前在 Dapp Review 專門寫過文章: 重新審視 Bancor 演算法,為什麼 cw 是失效的設計 。
Kybey
接下來列舉了一個中庸的例子,Kybey。他依靠著 offchain 的設計,避免自己過早的遭遇分叉,從而也成功的積累了網路效應。
Raiden Network
而作為失敗例子的代表,相比於 Lightning,Raiden 網路發行了自己的代幣,並且類似以太坊那樣將這種代幣作為手續費,但是這種做法並沒有捕獲到 Layer2 的價值,從而導致項目的失敗。
MakerDAO
最後陳品舉了一個正面的價值捕獲的例子 — MakerDAO,這個觀點也和此前 X-Orde 群里 Tina 的看法一致。
結論
回到 Dapp Dilemma,因為 Smart Contract 默認你就是需要開源的,所以所有開源軟體會遇到的問題,你大概也都會遇到,而解決這一問題的唯一方法,陳品在 slide 里也進行了總結,就是 在被分叉之前,捕獲足夠的價值,從而積累出足夠的網路效應作為你的壁壘 。
QA
Q: 如何實現閉源。
A: 不要在 etherscan 里 verify source code 就可以了。 這里我還有一個小的疑問,因為實際上我們所有的 bytecode 已經上 EVM 了,這里是否有可能被逆向工程?@陳品
Q: 閉源真的有用戶來用嗎?
A: Of course。
Q: How about PollTogether?
A: 這是一個價值捕獲的好的例子,等到他們開源的時候,合約里已經有足夠吸引力的 deposit 了。
Crosslink Recap —— Design pattern: build your first profitable DApp and smart contract was originally published in Taipei Ethereum Meetup on Medium, where people are continuing the conversation by highlighting and responding to this story.
👏 歡迎轉載分享鼓掌
bootstrap使用教學 在 紀老師程式教學網 Facebook 的最讚貼文
[學習資源] 前端網頁設計學習資源
https://goo.gl/Ta8Lbv
#eLearning #WebDevelopment #StudyResources
好吧!大家真的是嚇到我了!前幾天,我發了一篇「前端網頁設計規格書大集合」(連結在此: https://goo.gl/bwv6TL ),沒想到觸擊人數飆到 1.5萬+ 以上!破了本粉絲頁開版七年以來的最高記錄(8000+)快兩倍。我到現在還是不知道這篇為什麼會那麼紅? XD 不過也感謝按讚轉發的各位啦!我就把它當成大家對「前端網頁設計」有興趣的暗示吧!
發了那篇之後,陸續收到一些朋友用私訊問我怎麼學網頁前端設計?有沒有那種照著學就可以學會、然後還要免.費.的....哈哈!免費的沒問題,但中文又免費就不好找囉!不知怎麼地,這方面外國人比較大方....
今天提供給大家的,是我覺得不錯的一份「前端網頁設計」學習指南。它按部就班地指引大家學一些簡單的 Linux 命令列,以及原始碼版本管控軟體 Git/GitHub。前者如果你真的用不到可以不用學跳過,後者我強烈建議要學(但學了你會發現 Git/GitHub 多用 Linux 命令列,你會回頭去學第一項,哈哈)!因為好好保管原始碼、能隨時倒退回某個時間點的原始碼,對程式師來說是很重要的。
接下來就是 HTML、CSS、JavaScript 這些正規軍上場了。作者還推薦學習 Twitter 出的「Bootstrap」,以及 jQuery 這兩套可以快速建構使用者介面的 JavaScript 套件。用 JavaScript 寫前端介面的速度如果比喻成「走路」的話,用了 Bootstrap 與 jQuery 就好比坐高鐵了。你可以在很短的時間內,建構出「蠻嚇人、蠻像樣」的使用者介面。
最後他有教了一點「後端網頁設計」,使用的是 Node.js 這個語言、以及 MongoDB 這套比較新的資料庫。如果你真的志不在後端,可以跳過。如果你有興趣看一看,我蠻推薦的!不過目前業界能混飯吃的,還是靠 PHP 與 MySQL 這兩套「老東西」比較多(雖然有慢慢被 Node.js + MongoDB 追上來的趨勢)。所以我才說「不勉強各位看這一段」。
今天的介紹各位還喜歡嗎?喜歡的話請不吝按讚或轉發分享喔!各位按讚除了滿足小弟一點小小虛榮心之外,也當成我「選材」的一個重要依據。按讚越多的,我會特意選該方面的材料多一點。目前比較受歡迎的,就是「網頁前端設計」與各類「影音教學」帖了。如果找到這方面的資源,一定會在第一時間分享給大家的!
bootstrap使用教學 在 Johntool Youtube 的最佳貼文
記得訂閱我的頻道,獲得更多 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)
bootstrap使用教學 在 如何在專案中導入Bootstrap 4 並客製它 - iT 邦幫忙 的解答
直接修改放置在 your-project/scss/_variable.scss 檔案 ... 這個方法比較適合,有許多變數要一起修改的時候,變數不只有顏色,還會有字型、大小、間距等等,所以用這個方法 ... ... <看更多>
bootstrap使用教學 在 [基礎課程] Bootstrap5 教學(一):安裝、排版、內容 的解答
bootstrap.css // 包含BS 各種Class 樣式表,由於我們需要反向理解樣式表加深印象,建議使用非壓縮版本。(實際工作上若不會修改你應該使用min 版) ... <看更多>
bootstrap使用教學 在 Bootstrap 教程 - 菜鸟教程 的解答
Bootstrap 是基于HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得Web 开发更加快捷。 ... 在您学习完本教程后,您即可达到使用Bootstrap 开发Web 项目的中等水平。 ... <看更多>