{"id":46,"date":"2013-10-01T10:46:35","date_gmt":"2013-10-01T08:46:35","guid":{"rendered":"https:\/\/profitarhely.hu\/blog\/?p=46"},"modified":"2023-02-14T15:17:31","modified_gmt":"2023-02-14T14:17:31","slug":"google-web-designer","status":"publish","type":"post","link":"https:\/\/profitarhely.hu\/blog\/google-web-designer\/","title":{"rendered":"Google Web Designer"},"content":{"rendered":"<p>A napokban j\u00f6tt ki a Google Web Designer nev\u0171 asztali alkalmaz\u00e1s\u00e1val. A szoftver m\u00e9g csak beta verzi\u00f3ban \u00e9rhet\u0151 el. Egy kicsit megnyomkodtuk, mit is tud ez az ingyenes szoftver.<\/p>\n<p><!--more--><\/p>\n<p>Annyi bizonyos m\u00e1r a weboldal megtekint\u00e9se ut\u00e1n, hogy legink\u00e1bb akkor vehetj\u00fck haszn\u00e1t a Web Designernek, ha HTML5-ben, CSS3-ban gondolkozunk.<\/p>\n<p>Mit ig\u00e9rnek a Google programoz\u00f3i?<\/p>\n<p>Nek\u00fcnk el\u00e9g csak a design-nal foglalkoznunk, elengedhetj\u00fck a fant\u00e1zi\u00e1nkat, minden m\u00e1st megold helyett\u00fcnk a program. R\u00e1ad\u00e1sul \u00fagy, hogy nem csak asztali g\u00e9pen megn\u00e9zve lesz t\u00f6k\u00e9letes a v\u00e9geredm\u00e9ny (a r\u00e9gebbi IE verzi\u00f3kat felejts\u00fck el&#8230;), hanem t\u00e1blag\u00e9pen, mobilon is.<\/p>\n<p>A felhaszn\u00e1l\u00f3i fel\u00fclet ismer\u0151s lehet azoknak, akik m\u00e1r dolgoztak hasonl\u00f3 weboldal k\u00e9sz\u00edt\u0151 eszk\u00f6zzel: bal oldalt ikonokkal el\u00e9rhet\u0151 eszk\u00f6z\u00f6k, k\u00f6z\u00e9pen a szerkeszt\u0151 fel\u00fclet, jobb oldalt sz\u00ednv\u00e1laszt\u00f3 \u00e9s egy\u00e9b be\u00e9p\u00edtett komponensek.<br \/>\nHa igazi k\u00f3derek vagyunk, alul \u00e1tkapcsolhatunk, \u00e9s k\u00e9zzel finom\u00edthatunk m\u00e9g a forr\u00e1sk\u00f3don is.<\/p>\n<p>Szinte egy komplett weboldalt fel\u00e9p\u00edthet\u00fcnk az alkalmaz\u00e1ssal, b\u00e1r szem\u00e9ly szerint nekem hat\u00e9konyabbnak t\u0171nt, ha csak 1-1 elemet \u00e9p\u00edtek fel benne, majd a forr\u00e1sk\u00f3dot \u00e9s a css-t<br \/>\nkim\u00e1solva haszn\u00e1lom fel azt.<\/p>\n<p><a href=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/10\/Screen-Shot-2013-10-01-at-10.25.32-AM.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-47\" src=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/10\/Screen-Shot-2013-10-01-at-10.25.32-AM.jpg\" alt=\"Screen Shot 2013-10-01 at 10.25.32 AM\" width=\"546\" height=\"347\" srcset=\"https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/10\/Screen-Shot-2013-10-01-at-10.25.32-AM.jpg 546w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/10\/Screen-Shot-2013-10-01-at-10.25.32-AM-300x190.jpg 300w, https:\/\/profitarhely.hu\/blog\/wp-content\/uploads\/2013\/10\/Screen-Shot-2013-10-01-at-10.25.32-AM-472x300.jpg 472w\" sizes=\"(max-width: 546px) 100vw, 546px\" \/><\/a><\/p>\n<p>3D? Nem probl\u00e9ma. Forgathatjuk, d\u00f6nthetj\u00fck a teljes munkater\u00fcletet, \u00e9s ak\u00e1r 1-1 \u00f6sszetev\u0151t is, a program legener\u00e1lja a hozz\u00e1 sz\u00fcks\u00e9ges CSS sorokat. Ugyanilyen k\u00f6nnyen k\u00e9sz\u00edthet\u00fcnk anim\u00e1ci\u00f3kat, kis kock\u00e1b\u00f3l nagy kock\u00e1t, p\u00f6rg\u0151-forg\u00f3 div-eket.<\/p>\n<p>K\u00edv\u00e1ncsian v\u00e1rjuk a tov\u00e1bbi verzi\u00f3kat! A jelenlegit <a href=\"http:\/\/www.google.com\/webdesigner\/\">INNEN<\/a> lehet let\u00f6lteni.<\/p>\n<script type=\"text\/javascript\" src=\"https:\/\/mtc.profitarhely.hu\/form\/generate.js?id=2\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>A napokban j\u00f6tt ki a Google Web Designer nev\u0171 asztali alkalmaz\u00e1s\u00e1val. A szoftver m\u00e9g csak beta verzi\u00f3ban \u00e9rhet\u0151 el. Egy kicsit megnyomkodtuk, mit is tud ez az ingyenes szoftver.<\/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-46","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\/46"}],"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=46"}],"version-history":[{"count":4,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":1737,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/posts\/46\/revisions\/1737"}],"wp:attachment":[{"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/profitarhely.hu\/blog\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}