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

  1. 住宅樓宇按揭計劃. … 住宅樓宇按揭計劃. 多種住宅按揭計劃供選擇以配合不同物業種類. 預約申請 · 預約申請 · 個人理財 > 按揭服務 >. 住宅樓宇按揭計劃.

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

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

  4. Read our in-depth iPhone XS Max review
    Read our hands-on iPhone XR review
    Read our hands-on Apple Watch 4 review
    iPhone XS price and release date
    iPhone XS

  5. Theresa May says she has secured “legally binding” changes to her Brexit deal, a day ahead of MPs voting on it.

    But European Commission President Jean-Claude Juncker” warned if the deal was voted down there was “no third chance”.

    They spoke at a joint press conference in Strasbourg after a late meeting.

  6. Trump was surrounded at Friday’s event by officials from Customs and Border Protection as well as surviving family members of those who have loved ones killed by undocumented immigrants. Attorney General William Barr was also at the President’s veto event.
    While some lawmakers including some Republicans — have argued against the President’s use of national emergency powers in this instance, the Justice Department set forth a robust defense of the President’s authority to do so in a letter to Senate Majority Leader Mitch McConnell earlier this month, according to a copy obtained by CNN on Friday.
    “The President acted well within his discretion in declaring a national emergency concerning the southern border,” wrote Assistant Attorney General Stephen Boyd, setting out the legal basis for the proclamation under the National Emergencies Act and additional statutory authorities, which largely tracks an internal memo issued by the Office of Legal Counsel at the Justice Department.

Leave a Reply