{"id":29,"date":"2013-06-27T11:23:44","date_gmt":"2013-06-27T09:23:44","guid":{"rendered":"https:\/\/profitarhely.hu\/blog\/?p=29"},"modified":"2023-02-14T15:18:29","modified_gmt":"2023-02-14T14:18:29","slug":"css-szerkesztes-valos-idoben","status":"publish","type":"post","link":"https:\/\/profitarhely.hu\/blog\/css-szerkesztes-valos-idoben\/","title":{"rendered":"CSS szerkeszt\u00e9s val\u00f3s id\u0151ben"},"content":{"rendered":"<figure id=\"attachment_30\" aria-describedby=\"caption-attachment-30\" style=\"width: 574px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/07\/Screen-Shot-2013-07-09-at-10.51.34-AM.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-30\" src=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/07\/Screen-Shot-2013-07-09-at-10.51.34-AM-1024x508.jpg\" alt=\"Dabblet.com\" width=\"584\" height=\"289\" srcset=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/07\/Screen-Shot-2013-07-09-at-10.51.34-AM-1024x508.jpg 1024w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/07\/Screen-Shot-2013-07-09-at-10.51.34-AM-300x148.jpg 300w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/07\/Screen-Shot-2013-07-09-at-10.51.34-AM-500x248.jpg 500w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/07\/Screen-Shot-2013-07-09-at-10.51.34-AM.jpg 1263w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/a><figcaption id=\"caption-attachment-30\" class=\"wp-caption-text\">Dabblet.com<\/figcaption><\/figure>\n<p>Hogyan csin\u00e1ltuk r\u00e9gebben?<br \/>\nFogtuk a szerkeszt\u0151nket, bet\u00f6lt\u00f6tt\u00fck a CSS f\u00e1jlt, m\u00f3dos\u00edtottuk, majd friss\u00edtett\u00fck a b\u00f6ng\u00e9sz\u0151t, hogy megn\u00e9zz\u00fck mit is m\u0171velt\u00fcnk.<br \/>\n\u00c1ltal\u00e1ban ezeket a l\u00e9p\u00e9seket egy p\u00e1rszor m\u00e9g meg kellett ism\u00e9teln\u00fcnk, mire el\u00e9rt\u00fck a k\u00edv\u00e1nt hat\u00e1st.<br \/>\nIsmer\u0151s?<\/p>\n<p><!--more--><\/p>\n<p>Val\u00f3sz\u00edn\u0171leg a <a href=\"http:\/\/www.dabblet.com\">dabblet.com<\/a>\u00a0fejleszt\u0151i is a lust\u00e1bb programoz\u00f3k k\u00f6z\u00e9 tartoznak, \u00e9s ez\u00e9rt k\u00e9sz\u00edtett\u00e9k el webes szolg\u00e1ltat\u00e1sukat, mellyel val\u00f3s id\u0151ben szerkeszthetj\u00fck a CSS-t. Az eredm\u00e9nyt azonnal l\u00e1thatjuk, nincs sz\u00fcks\u00e9g a ment\u00e9s-felt\u00f6lt\u00e9s-friss\u00edt\u00e9s m\u00e1sodpercekig tart\u00f3 m\u0171veletire.<\/p>\n<p>De nem csak ebben nagyszer\u0171 a szolg\u00e1ltat\u00e1s.<br \/>\nA hexadecim\u00e1lis sz\u00ednk\u00f3dokra ha r\u00e1vissz\u00fck az egeret, r\u00f6gt\u00f6n felugrik egy kis tooltip dobozka azzal a sz\u00ednnel befestve. Vagy \u00e9pp, ha nem tudjuk mennyi az annyi 15px eset\u00e9n, egy kis vonalz\u00f3 megmutatja a val\u00f3s m\u00e9retet.<\/p>\n<p>A CSS mell\u00e9 helyezhet\u00fcnk el kisebb HTML tartalmat is, hogy m\u00e9g jobban hasonl\u00edtson teszt\u00fcnk az \u00e9les k\u00f6rnyezetre.<\/p>\n<script type=\"text\/javascript\" src=\"https:\/\/mtc.profitarhely.hu\/form\/generate.js?id=2\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Hogyan csin\u00e1ltuk r\u00e9gebben? Fogtuk a szerkeszt\u0151nket, bet\u00f6lt\u00f6tt\u00fck a CSS f\u00e1jlt, m\u00f3dos\u00edtottuk, majd friss\u00edtett\u00fck a b\u00f6ng\u00e9sz\u0151t, hogy megn\u00e9zz\u00fck mit is m\u0171velt\u00fcnk. \u00c1ltal\u00e1ban ezeket a l\u00e9p\u00e9seket egy p\u00e1rszor m\u00e9g meg kellett ism\u00e9teln\u00fcnk, mire el\u00e9rt\u00fck a k\u00edv\u00e1nt hat\u00e1st. Ismer\u0151s?<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[35],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","hentry","category-technologia","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/29"}],"collection":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":6,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":1740,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/29\/revisions\/1740"}],"wp:attachment":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}