{"id":1944,"date":"2024-09-02T18:28:38","date_gmt":"2024-09-02T16:28:38","guid":{"rendered":"https:\/\/gdynia.wordcamp.org\/2024\/?post_type=wcb_session&#038;p=1944"},"modified":"2024-09-16T20:28:59","modified_gmt":"2024-09-16T18:28:59","slug":"clamp-czyli-jak-uproscic-css-i-zyskac-wiecej-czasu","status":"publish","type":"wcb_session","link":"https:\/\/gdynia.wordcamp.org\/2024\/session\/clamp-czyli-jak-uproscic-css-i-zyskac-wiecej-czasu\/","title":{"rendered":"Clamp(): Czyli jak upro\u015bci\u0107 CSS i zyska\u0107 wi\u0119cej czasu"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Mo\u017cliwo\u015bci wykorzystania funkcji Clamp() w CSS, na podstawie theme.json. Jak znacznie zmniejszy\u0107 ilo\u015b\u0107 kodu i pozwalaj\u0105c na bardziej dynamiczne skalowanie element\u00f3w na stronie bez u\u017cywania dodatkowych media(). Dok\u0142adne przyk\u0142ady wykorzystania tego rozwi\u0105zania bezpo\u015brednio w WordPressie.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n<figure style=\"width:96px;height:96px;\" class=\"alignleft wp-block-wordcamp-avatar\"><img loading=\"lazy\" decoding=\"async\" width=\"96\" height=\"96\" src=\"https:\/\/gdynia.wordcamp.org\/2024\/files\/2024\/09\/1723060146353-150x150.jpeg\" class=\"attachment-96x96 size-96x96 wp-post-image\" alt=\"Maciej Lech\" srcset=\"https:\/\/gdynia.wordcamp.org\/2024\/files\/2024\/09\/1723060146353-150x150.jpeg 150w, https:\/\/gdynia.wordcamp.org\/2024\/files\/2024\/09\/1723060146353.jpeg 200w\" sizes=\"auto, (max-width: 96px) 100vw, 96px\" \/><\/figure>\n\n<div class=\"wp-block-wordcamp-session-speakers\"><span class=\"wp-block-wordcamp-session-speakers__name\">Maciej Lech<\/span><\/div>\n\n\n<p class=\"wp-block-paragraph\">Specjalizuj\u0119 si\u0119 w tworzeniu unikatowych i nowoczesnych stron internetowych na WordPress, k\u0142ad\u0105c silny nacisk na jako\u015b\u0107 i przejrzysto\u015b\u0107. Dzi\u0119ki temu ka\u017cdy projekt spe\u0142nia najwy\u017csze standardy. Moim priorytetem jest satysfakcja klient\u00f3w, dlatego wsp\u00f3\u0142pracuj\u0119 z nimi na ka\u017cdym etapie, aby urzeczywistni\u0107 ich wizj\u0119. Obecnie rozwijam swoje umiej\u0119tno\u015bci jako Developer w TigriWeb.com. Posiadam ponad 8-letnie do\u015bwiadczenie z WordPress, a w wolnym czasie zapalony w\u0119dkarz!<\/p>\n\n\n\n<ul class=\"wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-linkedin  wp-block-social-link\"><a href=\"https:\/\/www.linkedin.com\/company\/tigriweb\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">LinkedIn<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-wordpress  wp-block-social-link\"><a href=\"https:\/\/profiles.wordpress.org\/tigriweb\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">WordPress<\/span><\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mo\u017cliwo\u015bci wykorzystania funkcji Clamp() w CSS, na podstawie theme.json. Jak znacznie zmniejszy\u0107 ilo\u015b\u0107 kodu i pozwalaj\u0105c na bardziej dynamiczne skalowanie element\u00f3w na stronie bez u\u017cywania dodatkowych media(). Dok\u0142adne przyk\u0142ady wykorzystania tego rozwi\u0105zania bezpo\u015brednio w WordPressie. Specjalizuj\u0119 si\u0119 w tworzeniu unikatowych i nowoczesnych stron internetowych na WordPress, k\u0142ad\u0105c silny nacisk na jako\u015b\u0107 i przejrzysto\u015b\u0107. Dzi\u0119ki temu [&hellip;]<\/p>\n","protected":false},"author":23068334,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1728205200,"_wcpt_session_duration":1800,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1946],"footnotes":""},"session_track":[29],"session_category":[],"class_list":["post-1944","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-glowna"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"6 pa\u017adziernika 2024","time":"11:00"},"session_speakers":[{"id":"1946","slug":"maciej-lech","name":"Maciej Lech","link":"https:\/\/gdynia.wordcamp.org\/2024\/speaker\/maciej-lech\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/1944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":7,"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/1944\/revisions"}],"predecessor-version":[{"id":2267,"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/sessions\/1944\/revisions\/2267"}],"speakers":[{"embeddable":true,"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/speakers\/1946"}],"author":[{"embeddable":true,"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wporg\/v1\/users\/tigriweb"}],"wp:attachment":[{"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/media?parent=1944"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_track?post=1944"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/gdynia.wordcamp.org\/2024\/wp-json\/wp\/v2\/session_category?post=1944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}