{"id":1277,"date":"2026-05-23T16:27:15","date_gmt":"2026-05-23T05:27:15","guid":{"rendered":"https:\/\/securelang.net\/cms\/?p=1277"},"modified":"2026-05-23T16:27:15","modified_gmt":"2026-05-23T05:27:15","slug":"problems-with-semantic-styling","status":"publish","type":"post","link":"https:\/\/securelang.net\/cms\/blog\/2026\/05\/23\/problems-with-semantic-styling\/","title":{"rendered":"Problems With Semantic Styling"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Semantic styling should be highly reliable but developers should be aware of some potential pitfalls.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Menus Can Be A Grey Area<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Although semantic styling will generally work in all cases including menus, backends for third-party platforms may be more limited and the system may be unable to fit all the styling information into the standard menus on a given platform.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This shouldn&#8217;t be an everyday problem but may impact some early software porting efforts and could require some design attention: You may want to leave menu items in the default settings instead just for consistency or reliability.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Screen\/Backend Could Be Limited<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re developing a UI for a smart watch or for an industrial screen with limited or no colour support then you may just need to use a simpler GUI system.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Don&#8217;t Rely Too Much On Fonts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The current fonts in my system are extremely limited and the selection of fonts probably won&#8217;t be stable for a while, so don&#8217;t expect fonts to be reliable across different backends or across different system versions!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Semantic styling should be highly reliable but developers should be aware of some potential pitfalls. Menus Can Be A Grey Area Although semantic styling will generally work in all cases including menus, backends for third-party platforms may be more limited and the system may be unable to fit all the styling information into the standard [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1277","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/posts\/1277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/comments?post=1277"}],"version-history":[{"count":1,"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/posts\/1277\/revisions"}],"predecessor-version":[{"id":1278,"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/posts\/1277\/revisions\/1278"}],"wp:attachment":[{"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/media?parent=1277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/categories?post=1277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/securelang.net\/cms\/wp-json\/wp\/v2\/tags?post=1277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}