{"id":230794,"date":"2022-12-18T16:17:00","date_gmt":"2022-12-18T13:17:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230794"},"modified":"2022-12-07T10:00:52","modified_gmt":"2022-12-07T07:00:52","slug":"mis-on-allikakaardid-ja-kas-neid-on-vaja","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/mis-on-allikakaardid-ja-kas-neid-on-vaja\/","title":{"rendered":"Mis on allikakaardid (ja kas neid on vaja)?"},"content":{"rendered":"\n<p>Kui t\u00f6\u00f6tate saidi esiosas mis tahes v\u00f5imsusega \u2013 olgu selleks pistikprogramm, teema v\u00f5i isegi midagi v\u00e4ljaspool WordPressi \u2013, t\u00f6\u00f6tate t\u00f5en\u00e4oliselt minimeerimist\u00f6\u00f6riistadega.<\/p>\n<p>Kasu on ilmselge, eks?<\/p>\n<ul>\n<li>see v\u00e4hendab kasulikku koormust,<\/li>\n<li>see v\u00f5imaldab meil keskenduda kohaliku keskkonna arendamisele<\/li>\n<\/ul>\n<p>Kuid \u00fcks funktsioonidest, mis nende tehnoloogiatega t\u00f6\u00f6tamisel kaasas on, on allikakaartide genereerimise v\u00f5imalus.<\/p>\n<p>Ja see t\u00f5statab k\u00fcsimuse (v\u00f5i v\u00f5ib-olla kaks): mis on l\u00e4htekaardid? Ja kas neid \u00fcldse vaja on?<\/p>\n<p>V\u00f5ite v\u00e4ita, et sellest r\u00e4\u00e4kimiseks on juba hilja, kuid alati siseneb t\u00f6\u00f6stusesse inimesi, kes ei pruugi seda materjali tunda.<\/p>\n<p>Miks siis mitte seda katta?<\/p>\n<h2>Mis on allikakaardid?<\/h2>\n<p>L\u00fchidalt \u00f6eldes on l\u00e4htekaardid moodsad brauserid viis, kuidas v\u00f5tta minimeeritud kood ja v\u00f5imaldada meil lugeda koodi selle minimeerimata olekus.<\/p>\n<p>N\u00e4iteks projektis, mille kallal olen t\u00f6\u00f6tanud, on mul lihtne fail <strong>plugin-setting.scss<\/strong>, mis muudetakse failiks <strong>plugin-setting.css<\/strong>. <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_style\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Seej\u00e4rel lisab WordPress<\/a> selle faili j\u00e4rjekorda .<\/p>\n<p>Siiski on mul ka oma ehitust\u00f6\u00f6riist, mis genereerib l\u00e4htekaardi. See t\u00e4hendab, et mul on ka fail nimega <strong>plugin-settings.css.map<\/strong>.<\/p>\n<p><a href=\"https:\/\/gist.github.com\/tommcfarlin\/009eaf48e297d92e5ee7e3df3b89c5db#file-00-plugin-settings-css\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Seega n\u00e4eb<\/a> pistikprogrammiga kaasas olev kood v\u00e4lja j\u00e4rgmine:<a href=\"https:\/\/gist.github.com\/tommcfarlin\/009eaf48e297d92e5ee7e3df3b89c5db#file-00-plugin-settings-css\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<pre><code>form label{font-weight:normal}form input[type=\"text\"],form textarea{width:100%}.admin-featurebox{background:#FFF;border:1px solid #CCC;margin:20px 0;padding:10px 20px}\n\n\/*# sourceMappingURL=plugin-settings.css.map *\/<\/code><\/pre>\n<p>Kuid brauserites silumist\u00f6\u00f6riist <a href=\"https:\/\/gist.github.com\/tommcfarlin\/009eaf48e297d92e5ee7e3df3b89c5db#file-01-plugin-settings-css\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">n\u00e4eb v\u00e4lja selline:<\/a><\/p>\n<pre><code>form {\n  label {\n    font-weight: normal;\n  }\n\n  input[type=\"text\"],\n  textarea {\n    width: 100%;\n  }\n}\n\n.admin-featurebox {\n  background:#FFF;\n  border:1px solid #CCC;\n  margin:20px 0;\n  padding:10px 20px;\n}\n<\/code><\/pre>\n<p>Ja allikakaarte saab genereerida nii stiilitabelite kui ka JavaScripti jaoks.<\/p>\n<h2>Kas neid on vaja?<\/h2>\n<p>Ma ei saa sellele konkreetset jah v\u00f5i ei \u00f6elda; Siiski olen leidnud, et mida kauem ma selles valdkonnas t\u00f6\u00f6tan, ja projektide puhul on need minu arvates palju kasulikumad kui alternatiivid (mis on tavaliselt silumisotstarbel silumata stiili j\u00e4rjekorda panemine).<\/p>\n<p>Soovitan need genereerida ja kaasata, sest see teeb silumise lihtsamaks. Kuid see, kas neid on vaja v\u00f5i mitte, on teie v\u00f5i teie meeskonna otsustada.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>l\u00e4htekaardid on viis, kuidas t\u00e4nap\u00e4evased brauserid v\u00f5tavad minimeeritud koodi ja v\u00f5imaldavad meil lugeda koodi selle minimeerimata olekus.<\/p>\n","protected":false},"author":1,"featured_media":234911,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,905,842],"tags":[1165],"class_list":["post-230794","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-css-4","category-opetused","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/230794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=230794"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/230794\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/234911"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=230794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=230794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=230794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}