YJ｜方格子 vocus

YJ

2 位追蹤者

2會員

21內容數

關於 Html 、 Css 、JS 等相關程式語言的學習筆記或開發紀錄

由新到舊

[ 閱讀心得 ] 原子習慣目標的達成只能暫時改變你的生活，但結果並非你的問題所在，應改變的是造成那些結果的系統。目標有助於確立方向，但系統是最佳解答。系統是關鍵。行為改變的三個層次身份認同：你相信什麼，你希望成為怎樣的人。（我是運動員變成我是那種心理強悍，熱愛體能挑戰的人）過程：你做了什麼。結果：

[ 閱讀筆記 ] 你有多自律，就有多自由何謂自律 ? 自律的前提，是你對未來的自己有期待。自律的條件，是你需要有所捨棄，捨棄那些無謂的慾望，那些虛華的物質。努力就好，剩下的交給時間。世界上最難的事情不是買樂透中幾千萬，而是日復一日堅持一些見效極慢，執行起來卻極苦的優良習慣。

[ 閱讀筆記 ] IT知識，就是你的競爭力資訊時代帶來的改變「資訊」比實際商品重要：資訊在「保存、複製、傳達」上的追加成本（邊際成本）幾乎是零。在未來會愈來愈重視資訊及其相關的「體驗」或「經驗」中找到價值。網路經濟與網路平台的重要性：在重視實際商品的時代會講求規模經濟效益來降低成本，在資訊的世界中也是如此，會增加用戶來提高用戶方便性

[ 閱讀筆記 ] 文化地圖如果你擁有一個團隊，裡面匯集了許多文化：美國人把所有事情都用文字落實；日本人會閱讀空氣；法國人話裡有話；英國人喜歡將嘲諷當成幽默；中國人從小就學會拐彎抹角。你猜猜誰跟誰最容易誤解？

[ 閱讀筆記 ] 漂移的起跑線這本書傳達了作者堅定正向的信念，也因為作者本身是老師，分享很多實際應用在教學場域的實務經驗。作者用字精準卻不犀利，反而充滿幽默，先分享幾段深入我心的句子：「將就」有兩種，一種是屈服於自己的懶惰，一種是屈服於別人的期待。而人生最痛苦的不是失敗，而是我本可以。

【LTUX Taipei | 產品設計師的養成之路】講座心得Ladies that UX Taipei邀請馬來西亞Touch 'n Go集團產品設計主管、同時也是Ladies that UX Kuala Lumpur的會長Tiffany跨海連線！Tiffany將分享她從設計師到設計主管的路徑，以及產品設計師所需技能與知識、作品集準備和通過面試的技巧。同場加映

［閱讀筆記］如果工作只為溫飽，那跟社畜有什麼兩樣?這是一本 2018 年出版的書，已經好幾年了 🤣，會有這篇文章是因為翻到當時寫在筆記本上的讀書筆記，一看之下發現內容還蠻實用的，趕緊電子化記錄下來，也可以再進一步實際應用在生活中。挖掘自身熱情，將喜歡變成專業寫下目標與想做的事決定優先順序達成 A1 的期限達成 A1 的資源

［閱讀筆記］脆弱的力量脆弱的力量跟自我的關係? 培養真實自我，別管他人怎麼想培養自我包容，放棄完美主義培養韌性，擺脫麻痺與無力感培養感恩與喜樂，不再覺得自己少了什麼培養直覺，相信信念，不要事事都追根究柢培養創意，不再跟別人比較適時玩樂與休息，理解到精疲力盡不是地位的象徵，生產力也不代表自我價值

［閱讀筆記］蛤蟆先生去看心理師這邊文章記錄的是書中觸動我的段落---

［前端］切版起手式 : 用 SCSS 自訂義全域樣式我在準備進入切版的第一步通常會是設定好全域樣式，以及整理出有哪些共用樣式，也就是把設計稿上規範好的設計系統，例如顏色、間距、字體等等先寫好 CSS，而我自從會 SCSS 後就習慣用這個方式去寫 CSS，透過分成不同檔案、依序載入，日後在修改跟維護上會比較好管理跟減少時間。

［跨部門協作］設計師與行銷篇這是一篇講座心得，是我看 Unblock 的 YT 頻道其中一個系列 : 【 ADPList 設計影響力】，其中一集是請在 Amozon 擔任 Associate Creative Director 的 Lily 來分享品牌設計總監怎麼打破『行銷』隔閡，覺得很受用 !

［跨部門協作］設計師與工程師篇身為 UI 設計師，最常接觸到的合作夥伴之一就是工程師，筆者工作近兩年，整理了三個心法與五個實際做法

我的減肥小筆記 : 如何正確減肥?減肥這個詞實在太常聽到了，不論是朋友說，還是對自己說，我們好像永遠都在減肥這條路上。我覺得認同一半、不認同一半，認同的地方在於，這件事的確是沒有盡頭，他就是一個飲食起居綜合的動態平衡，不認同的地方在於我覺得比起目標放在減肥，更重要的是追求一種健康而且可以持續的飲食與生活方式，跟食物、運動和自己的身體

[ 閱讀筆記 ] 打造最強網頁 UI/UX 設計腦 - 設計師都該懂得絕佳設計．通用法則書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?

［視覺設計］刺繡風格那天在臉書上看到神人前輩分享刺繡風格教學 ( 粉專名稱：Totallypic Ai教學/外掛 )，起初跟著教學逐步臨摹，後來再搜尋其他相似教學來練習 ( 連結放在文末 )，最後產出了這張成品。以下為步驟紀錄，分享給有興趣的人以及未來金魚腦的我😛。

［視覺設計］遠近山景設計使用到的【效果】功能關鍵字 : 銅線網版、粗糙效果、弧形一直想嘗試這種漸層跟網點質感的效果很久了 ! 剛好看到教學 ( 連結放在文末 )，馬上動手做起來 ☑ ，本篇文章記錄製作的過程，獻給未來金魚腦的自己😆

［前端］使用 npm 來編譯 SCSS使用 SCSS 來管理 CSS 可以說是每次建置專案的起手式了，加上很常搭配客製化 Bootstrap 來開發，因此決定記錄下引入過程、遇到的錯誤訊息與解決辦法，以節省日後建置時間，如果對你也有幫助，那就太好了。

［前端］Bootstrap5 客製化 (#1) 引入專案在專案建置的過程中引入 Bootstrap 並且客製化其樣式已是非常常見的事，並且隨著對 Bootstrap 以及 Sass 了解的加深，發現客製化的幅度可以非常的大跟彈性，因此想記錄這些研究與實作的過程，如果對你也有幫助，那就太好了。

［前端］終端機指令紀錄_使用 npm 將 Bootstrap5 與 Sass 引入專案這篇文章更偏向純紀錄性質，方便日後有需要時直接複製相同指令來完成 Bootstrap 與 Sass 的引入，也會做成一個專案起手式的模板放在 Github ，未來在建置新專案時可以透過直接複製專案，來省去前面重複的這過程。

［前端］Bootstrap5 網格系統 (Grid system)為甚麼寫這邊文章? 這是 2022 年參加六角學院舉辦的公益程式體驗營而生產的系列筆記，整理課程講義、上課筆記與小組討論等文件，內容多為老師與各路大神的精華，只是透過自己的分類方式再次整理，方便日後有需要時快速回顧與應用。

［前端］不是學了 Html+Css 就是會切版 !? 那些成為專業級你必須知道的事在參加 2022 年六角學院舉辦的公益程式體驗營之後，我認知到一個專業具有就職水準的切版能力不是只是會 html、css 以及一些 css framework 就足夠，魔鬼藏在細節裡，而我想要朝專業級前進。文章節錄當時的檢核點，作為日後開發的 check list。