1. 助你成為 CSS 大師的18個(gè) GitHub 倉庫

        共 1937字,需瀏覽 4分鐘

         ·

        2022-05-24 04:29

        今天給大家?guī)硪恍?CSS 的學(xué)習(xí)資源總結(jié)。

        一、學(xué)習(xí)資源

        Awesome-css-learning

        ? GitHub stars: 2k+

        https://github.com/micromata/awesome-css-learning

        一個(gè)非常棒的 CSS 學(xué)習(xí)資源列表。

        CSS-reference

        ? GitHub stars: 4k+

        https://github.com/jgthms/css-reference

        當(dāng)前最流行的 CSS 屬性免費(fèi)學(xué)習(xí)指南。

        Magic-of-css

        ? GitHub stars: 5k+

        https://github.com/adamschwartz/magic-of-css

        一個(gè)可以讓你變成 CSS 魔術(shù)師的系列課程。

        風(fēng)格指南和最佳實(shí)踐

        CSS-architecture

        ? GitHub stars: 2k+

        https://github.com/jareware/css-architecture

        8 條簡(jiǎn)單的規(guī)則,幫助你構(gòu)建健壯、可擴(kuò)展的 CSS 架構(gòu)。

        Airbnb-css

        ? GitHub stars: 6k+

        https://github.com/airbnb/css

        當(dāng)前最受歡迎的 CSSSass 風(fēng)格指南。

        Bevacqua-css

        ? GitHub stars: 800+

        https://github.com/bevacqua/css

        一份不錯(cuò)的 CSS 風(fēng)格指南。

        CSS-style-guide

        ? GitHub stars: 800+

        https://github.com/dropbox/css-style-guide

        DropboxCSS 風(fēng)格指南。

        三、Flexbox 和 Grid

        Flex-cheatsheet

        ? GitHub stars: 1k+

        https://github.com/yoksel/flex-cheatsheet

        帶有可視化示例的 Flexbox 備忘單。

        Flexbox30

        ? GitHub stars: 1k+

        https://github.com/samanthaming/Flexbox30

        通過 30 條代碼片段助你在 30 天內(nèi)精通 Flexbox。

        Gridgarden

        ? GitHub stars: 2k+

        https://github.com/thomaspark/gridgarden

        一款學(xué)習(xí) CSS Grid 布局的互動(dòng)游戲。

        Awesome-css-grid

        ? GitHub stars: 300+

        https://github.com/valentinogagliardi/awesome-css-grid

        CSS Grid 布局的精選資源列表。

        有用的提示和技巧

        CSS-protips

        ? GitHub stars: 21k+

        https://github.com/AllThingsSmitty/css-protips

        幫助您提高 CSS 技能的一系列技巧。

        You-need-to-know-css

        ? GitHub stars: 4k+

        https://github.com/l-hammer/You-need-to-know-css

        面向 Web 開發(fā)者的 CSS 技巧總結(jié)。

        30-seconds-of-css

        ? GitHub stars: 15k+

        https://github.com/30-seconds/30-seconds-of-css

        滿足你所有開發(fā)需求的簡(jiǎn)短 CSS 代碼片段。

        You-dont-need-javascript

        ? GitHub stars: 17k+

        https://github.com/you-dont-need/You-Dont-Need-JavaScript

        CSS 很強(qiáng)大,不用 JS 也可以做很多事情。

        其他資源

        Awesome-css-frameworks

        ? GitHub stars: 4.9k+

        2022 年很棒的 CSS 框架列表。

        Must-watch-css

        ? GitHub stars: 4k+

        https://github.com/AllThingsSmitty/must-watch-css

        一份有用的關(guān)于 CSS 的訪談的總結(jié)列表。

        Scalable-css-reading-list

        ? GitHub stars: 1k+

        https://github.com/davidtheclark/scalable-css-reading-list

        一份全面的可擴(kuò)展 CSS 資源列表。

        參考:https://madza.hashnode.dev/18-github-repositories-to-become-a-css-master


        瀏覽 48
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
        評(píng)論
        圖片
        表情
        推薦
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
          
          

            1. 欧美大黑屄| 看亚洲AV| 欧美老妇操逼 | 3级毛片 日韩三级片在线 | 午夜在线无码 |