工欲善其事,必先利其器!響應式Web設計七大利器

2020-12-27 CSDN技術社區

響應式Web設計是在開發和設計網站過程中產生的一種方式，它的目的是讓內容布局能隨用戶使用顯示器的不同而變化。如今，響應式開發網站引入了一組新的工具以幫助開發者快速學習規則，開發跨瀏覽器和構建快速、有效的跨平臺網站。本文搜集了一些工具和資源，你可以利用這些工具高效、快速地創建響應式Web設計。

Adaptive Images

隨著智能機的流行，用戶越來越來喜歡用手機或平板電腦來查看信息。這對網站來說有一定的挑戰，除了小屏幕帶來的挑戰，圖像大小也是值得考慮的問題之一。幸運的是，自適應圖片——一個PHP腳本文件可運行於任何網站。自適應圖片可以自動檢測屏幕尺寸，並作出相應調整的HTML版圖片，最終幫助你提供適用於小屏幕上的小圖片。

FitText

你曾想過開發流動布局時在自動伸縮頭條部分填寫父元素的寬度嗎？jQuery插件可以幫助你調整字體大小，並且確保這些字體適用於各種設計或瀏覽器。

PhotoSwipe

你知道可以從桌面向行動裝置傳送自定義的高清圖片集嗎？這款免費的HTML/CSS/JavaScript庫允許開發者和設計師在網頁上增強本地應用觀感，能夠給訪問者提供一個更直觀的界面與你的移動網站進行交互。它兼容所有流行的Javascript庫和框架。

Less Framework

當創建多種布局網站時，最重要的一點就是保持一致性。該布局基於同一種網格，儘可能地重用元素。你只需調整寬度、字體大小或者其他的小細節。這也是減少使用框架的主要原理。擁有同一個基線網格，每個人都可以自由的保持自己的編碼風格，但前提必須確保一致性。

Skeleton

使用CSS文件可以快速的響應網站。Skeleton利用輕量級的960-網格作基礎，使筆記本電腦瀏覽器窗口到移動窗口屏幕在橫向和縱向的格式之間進行隨意的縮放。它配備了任何移動網站基礎構成要素包括輕量級的模式，標籤，按鈕以及其他元素。

Responsive Testing Tool 

針對響應式網站開發，在開發期間如何進行測試？事實說明瀏覽器的安全性能不會讓你在幀中導航。Matt Kersley——一位設計師和開發者設計了一款測試工具來幫助你解決此問題。你可以在Github上下載這款工具並安裝以便在開發過程中進行測試。

Inuit CSS Framework

隨著HTML5支持，inuit.css為開發流體網格配備了一個自定義網格生成器。這是一款漸進、靈活的框架，它設置了合理的界限可以讓你做任何想做的事情。

英文出自：Developerdrive

PS：在今年的CSDN年度技術盛宴2012 SDCC中國軟體開發者大會上來自盛大集團COO技術顧問 潘愛明將分享《人人寫應用的技術平臺——Web應用平臺解析》。

此外，首批SDCC大會首批講師及議題名單已經出爐啦！快來看看有沒有你感興趣的話題吧！期待您的參與（報名地址）！

相關焦點

  • 「工欲善其事,必先利其器」你從中得到什麼啟示?
    江西贛州市直機關公務員遴選-2018年1月21日面試試題及解析-第一題俗話說，工欲善其事，必先利其器。首先要明白「工欲善其事，必先利其器」這句話什麼意思，這句話出自《論語》，是說要做好工作，先要使工具鋒利。比喻要做好一件事，準備工作非常重要。其次要通過工匠們的具體做法提煉啟示點。3. 審關鍵詞。一是「工欲善其事，必先利其器」，要深入理解意思；二是「工匠們」，具體對象；三是「打磨利器，追求完美，打造精品」，啟示的具體點。
  • 做一名成功的垂青者,就要:「工欲善其事,必先利其器」
    成語「工欲善其事，必先利其器」的精髓和靈魂是：立業要把握機會，成功要得到垂青，就必須先做好準備，不打無把握之仗。成語「工欲善其事，必先利其器」，本自聖人孔子「工欲善其事，必先利其器。居是邦也，事其大夫之賢者，友其士之仁者」（《論語·衛靈公》）的論說。
  • 思維導圖——外貿業務工具大全,「工欲善其事,必先利其器」
    作為全能型人才的外貿人，必須精通十八般武藝，才能輕鬆應對外貿客戶，所以各種利器就是我們的必備工具了，今天給各位喵友們推薦一些超級實用的外貿工具，希望能夠幫助到大家！一個人的精力和專長有限，但是通過工具的加持，就可以以一當十，正所謂「工欲善其事，必先利其器」。相信掌握了這些方法，你的外貿進階之路也會竿頭直上。
  • 工欲善其事,必先利其器,印刷業務員需要什麼工具呢?
    乞丐需要碗；清潔工需要笤帚；模特需要超短裙；武林盟主需要倚天劍……工欲善其事，必先利其器，各行各業都需要工具。印刷業務員需要什麼工具呢？系統吸取了市面常見印刷品的後道加工工藝，將其內置到系統中，方便業務人員使用。同時，支持添加新的後道工藝，以適應不斷推陳出新的印品印製要求。
  • 國學經典:「工欲善其事,必先利其器」深層次的內涵還有什麼?
    國學「工欲善其事，必先利其器」，是指要做好工作，先要使工具鋒利。比喻要做好一件事，準備工作非常重要。現在的工作離不開學習，而學習自然離不開書籍，顯而易見，這句國學深層次內涵還有多讀書的深意，也道出了讀書與工作的關係。
  • ...何炅老師現場教學,告訴孩子們啥叫「工欲善其事,必先利其器」
    《嚮往4》何炅老師現場教學，告訴孩子們啥叫「工欲善其事，必先利其器」。 這是個思維方式的問題，古人說的「工欲善其事，必先利其器」中的「器」不一定非得是工具，也包括方法。
  • 「工欲善其事,必先利其器」,長城全新動力總成加碼2020下半場
    4N20發動機和9DCT/9HDCT變速器，在下半年量產後，將率先應用在長城汽車旗下新車型上，這或將成為長城汽車下半年徵戰市場的一大利器。7月14日，長城汽車公開亮相了其全新動力總成技術儲備——4N20全新發動機+9DCT、9HDCT雙離合變速器。作為長城汽車在發動機領域的新成果，4N20發動機擁有高效率、低排放、輕量化、高性能等諸多亮點。
  • 「工欲善其事,必先利其器」
    「工欲善其事，必先利其器。」一位偉人說過一段很精彩的話：「有了學問，好比站在山上，可以看到很遠很多的東西；沒有學問，如在暗溝裡走路，摸索不著，那會苦煞人。」構建中國特色哲學社會科學，與每個中國人都有關係。今天的中國已經成為全球第二大經濟體，僅「中國大媽」每年數千億的境外購買力，就令許多西方國家垂涎不已。
  • 《論語》|工欲善其事,必先利其器,做好準備讓人生快速起飛
    子貢問孔子，怎樣才能成就仁德，孔子說，意思是工匠要想做好工，必須先把工具打磨鋒利，所謂「磨刀不誤砍柴工」。孔子的這句話成為千古名言，這是一句話富有哲理的話，它揭示了一個簡單而深刻的道理，無論做什麼事情，首先要做好充分的準備。沒有事先的準備，就不會取得成功，起碼不能順利地取得成功。
  • 工欲善其事,必先利其器——興和雲網BIM雲
    各設計、建築施工企業也紛紛成立了BIM研究中心，引入BIM管理。各類BIM應用程式對於計算機性能要求較高，特別是在渲染部分，一般需要配置專門的渲染伺服器才可以完成相關的工作。隨著BIM應用程式版本的更替，設計院及建築施工企業早期配置的電腦已經無法流暢運行新版本的各類BIM程序，如Revit等。而對於BIM教學而言，同樣也需要計算性能卓越的電腦。
  • 工欲善其事,必先利其器
    養龜在中國從古之今也有幾千年的歷史了，但一直說養龜是小眾群體（其實人群數量沒有正式統計過），但我保證不會少於養貓狗的，因為養貓狗的人會出來溜，說明我家養了，但養龜大部分人在家裡獨樂樂，因為養龜不佔太大地方，老少皆宜，是件很平常的事，所以不會見誰就說我家養龜了。外加由於野外龜種越來越少，導致政策一再收緊，所以大家就更低調了。
  • 「工欲善其事,必先利其器」,森然ST10mini調音臺音效卡值得擁有
    俗話說「工欲善其事，必先利其器」。無論是對於這個嶄新的行業，還是對各類型的主播來說，直播設備特別是直播音效卡對他們來說都是一個很重要的「利器」，在預算有限的前提下，又該如何選擇高性價比的直播「利器」呢？今天特別推薦森然新出的一款極具性價比的直播音效卡產品——森然 ST10 mini。不熟悉直播設備的人或許會說，明明一臺手機就能完成的直播為什麼還要用直播音效卡呢？
  • 一課譯詞:工欲善其事,必先利其器
    Photo by Vlada Karpovich from Pexels「工欲善其事，必先利其器」，出自《論語》，意思是工匠想要很好地完成工作，必須先把工具弄得鋒利好用。比喻要做好一件事，準備工作是很重要的（In order to do something well, one needs to make preparations）。可以翻譯為「a workman must first sharpen his tools if he is to do his work well」。
  • 【中考用具問題】工欲善其事,必先利其器!
    中考尺規沒什麼好說的，就買透明的直尺，三角板，量角器（千萬別忽略），以及圓規。但是這個地方中考君給大家科普一個小技巧，中考的數學題和平時學校有一點不太一樣的地方，就是考試的時候，所有的幾何圖形都是標準的，所以，萬一要是遇到不會做的幾何題，可以用量角器、直尺用來測量。
  • 工欲善其事 必先利其器
  • "工欲善其事,必先利其器"用英語怎麼說?
    「工欲善其事，必先利其器」，出自《論語》，意思是工匠想要很好地完成工作，必須先把工具弄得鋒利好用。比喻要做好一件事，準備工作是很重要的（In order to do something well, one needs to make preparations）。可以翻譯為「a workman must first sharpen his tools if he is to do his work well」。
  • 工欲善其事,必先利其器。只要事先準備充分了,做事自然事倍功半
    俗話說：「工欲善其事，必先利其器。」常言說得好：「磨刀不誤砍柴工」，只要努力地提升自我，提高了自己的時間單價，花費同樣的時間，你所得到的收益自然也就比以前要多得多了。
  • 「工欲善其事,必先利其器」——記九江一中化學組全體教師參加新型...
    「工欲善其事，必先利其器」，九江一中近期特地引進了一批新型實驗儀器，為九江一中的化學教學教研工作提供更好的實驗條件，把更多的化學實驗帶進課堂，讓更多的學生走進實驗室。　　12月3日上午，九江一中化學組全體老師到八裡湖校區化學創新實驗室參加新型化學實驗儀器的使用培訓。本次培訓由上海智科儀器設備有限公司餘敏工程師和上海化工研究院劉兵教授主講。
  • 工欲善其事,必先利其器
    正如古人言「工欲善其事，必先利其器「。就好像上戰場去打仗一樣，一隻好的毛筆就像一件鋒利的長矛，只有武器出類拔萃，才能在戰場上驍勇，否則一身武功也會敗在生鏽遲鈍的武器上。
  • 「工欲善其事,必先利其器」,貨幣時間價值的複利計算的相關概念
    俗話說得好工欲善其事，必先利其器。在學習具體的複利計算方法前，我們需要掌握複利計算中各種符號和相關術語。複利計算方法中終值和現值的概念終值又稱將來值，是現在一定量貨幣折算到未來某一時點所對應金額，通常記做F(Future value)現值，是指未來某一時點上一定量的貨幣折算到現在所對應的金額，通常記做P（Present Value）現值和終值是一定量貨幣在前後兩個不同時點上對應的價值，其差額即為貨幣時間價值