elf，基於flexbox的響應式CSS框架

取名為「精靈」的elf，是乙個乾淨，輕巧的響應式css框架。她基於flexbox，旨在快速搭建能夠適配不同尺寸裝置的響應式布局。

安裝

npm install elf-css

（基於相容性最低的object-fit屬性）

mit

elf是我第二個比較成熟的作品（上乙個是markcook）。開發的原因是有時候想要快速搭建一些響應式的頁面，但是發現當今有許多css框架都比較大且比較複雜，需要層層巢狀才能生效，往往需要寫一大堆的東西。於是乎，為什麼不自己寫乙個呢？雖然說沒有必要重複造輪子，但是為了以後寫**可以好好地偷懶，自己造乙個輪子給自己用也是很方便的哈哈哈。

首先是命名。elf有「小精靈」、「淘氣鬼」的意思，正好符合這個框架輕巧、靈活的特點，而且基於flexbox特性的elf也像擁有小精靈的魔法一般。真的好喜歡這個名字~

其次是logo。乙個好的logo對於品牌來說實在太重要了！花了一天時間設計修改了elf的logo，找素材，修改，繼續找素材，修改，修改……在我的腦海中，elf是乙個梳著火龍果髮型（什麼鬼）的小精靈，所以就真的給了他乙個火龍果般的髮型，特別能打的樣子，希望能夠區別於一般的忌廉小精靈。

關於原始碼，參考了一系列的主流框架，比如bootstrap，purecss，foundation等等。給我最大啟發的是乙個叫做kube的框架，真的很欣賞它簡潔思路，elf有部分特性也是繼承自kube。

elf並非乙個大而全的框架，它只提供了基本的布局方式以及修改了部分預設樣式。個性化定製是elf所推崇的做法，而它的設計思路也是在一定的條件下才能產生效果，避免產生全域性汙染，方便與其他框架和樣式配合工作。

elf仍然稚嫩，也不排除會有隱藏的坑，但是她將持續維護，歡迎各位大神提出意見，幫助elf成長。

謝謝大家~

WP基於訊息響應

wpf不是基於訊息響應的，wpf用的路由事件，如果想響應訊息參考以下 c code private const intwm mousemove 0x200 intptr wndproc intptr hwnd,intmsg,intptr wparam,intptr lparam,refbool ha...

React Native中的flexbox布局

分類 react native 說到布局，不論是android還是ios還是web前端，都有涉及到，react native中也有布局，主要採用了類似css中的flexbox布局，不過這種布局跟css中的flexbox布局稍微有點不同，下面就記錄在react native中使用flexbox布局的方...

React native的flexbox布局（三）

1問什麼要使用react native 如何在開發成本和使用者體驗做到更好的平衡？很多時候，前端都有一種樂觀的想法 h5可以替代原生應用 rn不僅可以使用前端開發的模式來開發應用，還能呼叫原生應用的ui元件和api 2rn實戰之flexbox布局 flexbo是flexible box的縮寫，彈性盒...