{"id":220,"date":"2025-06-23T16:53:59","date_gmt":"2025-06-23T11:23:59","guid":{"rendered":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/?p=220"},"modified":"2025-06-23T17:10:39","modified_gmt":"2025-06-23T11:40:39","slug":"new-front-end-features-for-designers-in-2025","status":"publish","type":"post","link":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/dilemma\/new-front-end-features-for-designers-in-2025.html","title":{"rendered":"New Front-End Features For Designers In 2025"},"content":{"rendered":"<p>Component-specific styling, styling parents based on their children, relative colors \u2014 the web platform is going through\u00a0<strong>exciting times<\/strong>, and many things that required JavaScript in the past can today be achieved with\u00a0<strong>one simple line of HTML and CSS<\/strong>.<\/p>\n<p>As we are moving towards 2025, it\u2019s a good time to revisit some of the\u00a0<strong>incredible new technologies<\/strong>\u00a0that are broadly available and supported in modern browsers today. Let\u2019s dive right in and explore how they can simplify your day-to-day work and help you build modern UI components.<\/p>\n<h3 id=\"table-of-contents\">Table of Contents\u00a0#<\/h3>\n<p>Below you\u2019ll find quick jumps to topics you may be interested in, or\u00a0skip the table of contents.<\/p>\n<h2 id=\"css-container-queries-and-style-queries\">CSS Container Queries And Style Queries\u00a0<a class=\"anchor\" href=\"https:\/\/www.smashingmagazine.com\/2024\/12\/new-front-end-features-for-designers-in-2025\/#css-container-queries-and-style-queries\">#<\/a><\/h2>\n<p><strong>Component-specific styling<\/strong>? What has long sounded like a dream to any developer, is slowly but surely becoming reality. Thanks to container queries, we can now query the width and style of the container in which components live.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Component-specific styling, styling parents based on their children, relative colors \u2014 the web platform [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":189,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[16],"tags":[],"coauthors":[13],"class_list":["post-220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dilemma"],"acf":[],"_links":{"self":[{"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/posts\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":1,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/posts\/220\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/posts\/220\/revisions\/221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/media\/189"}],"wp:attachment":[{"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/categories?post=220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/tags?post=220"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/infymyblogstst.infosysapps.com\/application-modernization\/wp-json\/wp\/v2\/coauthors?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}