{"version":"1.0","provider_name":"Artjom P&otilde;ldsaar Portfoolio","provider_url":"https:\/\/artjompoldsaar24.thkit.ee\/wp","author_name":"admin","author_url":"https:\/\/artjompoldsaar24.thkit.ee\/wp\/blog\/author\/admin\/","title":"Responsive vs Adaptive Design - Artjom P&otilde;ldsaar Portfoolio","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"sIvGJiY604\"><a href=\"https:\/\/artjompoldsaar24.thkit.ee\/wp\/responsive-vs-adaptive-design\/\">Responsive vs Adaptive Design<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/artjompoldsaar24.thkit.ee\/wp\/responsive-vs-adaptive-design\/embed\/#?secret=sIvGJiY604\" width=\"600\" height=\"338\" title=\"&#8220;Responsive vs Adaptive Design&#8221; &#8212; Artjom P&otilde;ldsaar Portfoolio\" data-secret=\"sIvGJiY604\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/artjompoldsaar24.thkit.ee\/wp\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","description":"Mis on Responsive Web Design? Responsive web design t\u00e4hendab seda, et veebileht muudab ennast automaatselt vastavalt ekraani suurusele.Ehk siis sama HTML ja sama CSS, aga layout kohandub telefoni, tahvli v\u00f5i arvuti jaoks. N\u00e4iteks, tavalisekt kasutatakse: Mis on Adaptive Web Design? Adaptive web design t\u00e4hendab seda, et tehakse mitu erinevat kindla suurusega layouti.Server v\u00f5i CSS valib sobiva layouti vastavalt seadmele. N\u00e4iteks, tavalisekt kasutatakse: Responsive Web Design Adaptive Web Design P\u00f5him\u00f5te Leht kohandub automaatselt vastavalt ekraani suurusele Leht kasutab erinevaid kindlaid kujundusi erinevatele seadmetele Kuidas t\u00f6\u00f6tab Kasutab CSS media queries ja flexbox\/grid Server v\u00f5i CSS valib kindla layouti (nt mobile, tablet, desktop) Paindlikkus V\u00e4ga paindlik V\u00e4hem paindlik Arendus Lihtsam teha ja hallata Keerulisem, sest mitu layouti Tulemus \u00dcks disain, mis \u201cvenib\u201d Eraldi disainid eri seadmetele Responsive N\u00e4ide Adaptive N\u00e4ide Kokkuv\u00f5te (minu arvamus) Minu arvates Responsive Web Design on parem, sest: Adaptive v\u00f5ib olla kasulik, kui on vaja v\u00e4ga spetsiifilist disaini erinevatele seadmetele, aga \u00fcldiselt responsive on targem valik. Minu index.html muutused https:\/\/artjompoldsaar24.thkit.ee\/index.html Mina muutuksin oma index.html lehe, et kasutatakse Responsive disaini.Men\u00fc\u00fc muutus v\u00e4iksematel ekraanidel (&lt;768px) kuvatakse men\u00fc\u00fc nupp \u201eMenu\u201c, mis avab ja sulgeb lingid, nii et men\u00fc\u00fc ei v\u00f5ta kogu ekraani \u00e4ra. Tekst ja pildid kohandusid, pildid ei ole enam fikseeritud laiusega, vaid v\u00e4henevad v\u00e4iksemal ekraanil, samuti sektsioonide laius muutub, et need mahuksid ekraanile. T\u00e4nu sellele ei teki horisontaalset scrolli, k\u00f5ik sisu mahub n\u00fc\u00fcd h\u00e4sti ekraani sisse. Mobiil Tahvelarvuti Desktop (t\u00e4isekraan)","thumbnail_url":"https:\/\/artjompoldsaar24.thkit.ee\/wp\/wp-content\/uploads\/2026\/02\/6CF930C1-8F74-4A47-A1AC-07BF6CEC9C43.png","thumbnail_width":752,"thumbnail_height":895}