blog

STRINGBEAN: THE TINY FRAMEWORK FOR BIG DESIGN

StringBean introduces itself with the slogan, “The 4K featherweight framework”. Now, I wasn’t exactly skeptical. Despite the prevalence of massive CSS and HTML frameworks (you know which two I mean), there are plenty of tiny frameworks about. I’ve seen and tested many, and even used one or two of them for live projects.

StringBean has, however, managed to impress me with how much it’s managed to fit into a small space. As always, frameworks stay small by sticking to an incredibly basic set of features and styles. This is no different… but there are just a few things I wasn’t expecting.

On top of that, even the basic features are quite thoroughly implemented, to increase flexibility. Let’s start with the grid as an example:

StringBean’s grid is made up of 24 columns (or “units”, as they’re called in the relevant documentation), along with the usual break-point-related helper classes. This has been done to give people increasingly complex layout options as screens get bigger. And boy do they get bigger.

There’s no three-break-point system here. There are seven. They range form “x-small” (with a max-width of 320 pixels), to “full-24” (sizes beyond 4K). So, if you want to build, say, a full-screen layout that scales from mobile phones to 4K monitors, StringBean is built with that in mind.

With that kind of forethought put into every element, and the kind of planning it takes to keep the file size down, StringBean is impressive.

Just go ahead and assume that all of the standard HTML elements (links, buttons & button variants, forms, tables, and type) are included, because they are. Now, I mentioned extras, earlier. Most are standard for the bigger frameworks, but you might find them missing in the smaller ones.

Here, they include:

  • a menu bar
  • progress bars
  • helper classes
  • label elements
  • info wheels

The “info wheels” are those little circles that numbers might go in, like version numbers, or a count of how many unread notifications you have.

So yeah, all of that, in 4K. Color me impressed.

Related posts

7 Replies to “STRINGBEAN: THE TINY FRAMEWORK FOR BIG DESIGN
  1. 住宅樓宇按揭計劃. … 住宅樓宇按揭計劃. 多種住宅按揭計劃供選擇以配合不同物業種類. 預約申請 · 預約申請 · 個人理財 > 按揭服務 >. 住宅樓宇按揭計劃.

    http://wealthlink.hk/?page_id=230

  2. 全「身」趨勢!LSD真空無痛技術,無需使用冷凍啫喱,比傳統激光脫毛更安全,更舒適,更快捷。腿部背部永久脫毛,只需15分鐘!最快激光脫毛科技 配以22x35mm 及 9x9mm 治療機頭,比其他品牌之24mm為大,覆蓋肌膚範圍更廣。 因而更能縮短療程時間及次數。專為亞洲皮膚而設 因應不同膚色設定不同能量,無論膚色較深或較白均適用 最舒適及最有效的激光脫毛體驗 (與755nm及1064nm作比較) 設真空脫毛技術 LUMENIS LightSheer® Desire 激光脫毛儀備有真空脫毛技術,令激光能量更集中聚焦,達至更快及更有效之療程效果。

    http://cosmedicbook.com/treatments/info/SCULPTRA-塑然雅

  3. 青春雖然一去不返,但如果有機會,你又會唔會重新捉緊青春嘅尾巴?CLEVIEL 高濃度透明質酸 就為你打開人生新一頁,令你嘅肌膚重新充滿光澤,回復年輕彈性! 同惱人皺紋等老化現象Says Goodbye!CLEVIEL Prime 功能: 提升 ◆ 結構提升◆ 改善臉部輪廓◆ 新加入無痛配方 最佳適用範圍: ✔前額 ✔太陽穴 ✔顴骨 ✔面頰 ✔虎紋 CLEVIEL Contour+ 最佳適用範圍:✔鼻 ✔下巴 ✔虎紋

    http://cosmedicbook.com/treatments/info/精雕五官-Juvederm-透明質酸

Leave a Reply