前端設計的BB鳥規則

来源:http://www.cnblogs.com/windstamp/archive/2017/10/20/7699730.html
-Advertisement-
Play Games

制定 BB 鳥規則時需遵循的規範: • 只包含不可變的規則,而不是籠統的說明• 總是把規則提煉成最簡單的表達• 總是首先說明規則是什麼,再說明“如果不這樣,那麼會如何”• 每個規則必須包含以下詞中的一個——總是、永遠不要、只有、每一個、不要、要 設計系統的規則列表: • 永遠不要給佈局的子內容強加內 ...


制定 BB 鳥規則時需遵循的規範:

只包含不可變的規則,而不是籠統的說明
總是把規則提煉成最簡單的表達
總是首先說明規則是什麼,再說明“如果不這樣,那麼會如何”
每個規則必須包含以下詞中的一個——總是、永遠不要、只有、每一個、不要、要

 

設計系統的規則列表:

永遠不要給佈局的子內容強加內邊距和元素樣式。佈局只關註垂直對齊、水平對齊和文字間距。
主題和別的數據屬性值永遠不要強制改變外觀;它們必須保持佈局、組件和元素可以應用於其上。
組件總是貼著它的父容器的四個邊,元素都沒有上外邊距和左外邊距,所有的最後節點(最右邊和最下邊的節點)的外邊距都會被清除。
組件本身永遠不要添加背景、寬度、浮動、內邊距和外邊距的樣式,組件樣式是組件內元素的樣式。
每個元素都有且只有一個唯一的且作用域只在組件內的 CSS 類名。所有的樣式都是直接應用到這個選擇器上,並且只有上下文和主題能修改元素的樣式。
永遠不要在元素上使用上外邊距,第一個元素總是貼著它所在組件的頂部。
• JavaScript 永遠不要綁定任何元素的 CSS 類名,選中元素通過數據屬性實現。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • # Python學習筆記(十三): 1. 模塊 2. 包 3. if name == main 4. 軟體目錄結構規範 5. 作業-ATM+購物商城程式 ...
  • 用正則表達式(regex)匹配多項式(polynomial),並提取出各項繫數、指數。 ...
  • 1)POP--面向過程編程(Process-oriented programming ): 面向過程編程是以功能為中心來進行思考和組織的一種編程方法,它強調的是系統的數據被加工和處理的過程,在程式設計中主要以函數或者過程為程式的基本組織方式,系統功能是由一組相關的過程和函數序列構成。面向過程強調的是 ...
  • 以下總結出自己在學習python期間常用的網址或者資源,其中包括很多人的博客,方便自己從這個入口查找資源。 1.https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000/ (廖雪峰的官方網站 ...
  • MORE+ 這段代碼執行時會發生錯誤,如題。 原因在於:new.href 使用java 的關鍵字,把new改成news後就不再報錯。 ...
  • java特點; 1.面對象性 2.可移植性/跨平臺性 java組成; jdk(java工具開發工具包) / \ \ jre 指令集合 api和常用java包 (運行環境)(編輯器) / jvm(java虛擬器) java執行過程:java文件〉編輯器(javac)〉class文件〉jvm(解釋執行) ...
  • 題目描述 Farmer John最近為奶牛們的圖書館添置了一個巨大的書架,儘管它是如此的大,但它還是幾乎瞬間就被各種各樣的書塞滿了。現在,只有書架的頂上還留有一點空間。 所有N(1 <= N <= 20,000)頭奶牛都有一個確定的身高H_i(1 <= H_i <= 10,000)。設所有奶牛身高的 ...
  • 什麼是策略者模式? 策略模式是針對一組演算法,將每個演算法封裝到具有公共介面的獨立的類中,從而使它們可以相互替換。策略模式使得演算法可以在不影響到客戶端的情況下發生變化。對演算法的包裝,是把使用演算法的責任和演算法本身分割開,委派給不同的對象負責。策略模式通常把一系列的演算法包裝到一系列的策略類裡面。用一句話慨括 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...