1.0Artjom Põldsaar Portfooliohttps://artjompoldsaar24.thkit.ee/wpadminhttps://artjompoldsaar24.thkit.ee/wp/blog/author/admin/rich600338<blockquote class="wp-embedded-content" data-secret="4XJRYHnwT2"><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=4XJRYHnwT2" width="600" height="338" title="“Responsive vs Adaptive Design” — Artjom Põldsaar Portfoolio" data-secret="4XJRYHnwT2" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !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); //# sourceURL=https://artjompoldsaar24.thkit.ee/wp/wp-includes/js/wp-embed.min.js /* ]]> */ </script> Mis on Responsive Web Design? Responsive web design tähendab seda, et veebileht muudab ennast automaatselt vastavalt ekraani suurusele.Ehk siis sama HTML ja sama CSS, aga layout kohandub telefoni, tahvli või arvuti jaoks. Näiteks, tavalisekt kasutatakse: Mis on Adaptive Web Design? Adaptive web design tähendab seda, et tehakse mitu erinevat kindla suurusega layouti.Server või CSS valib sobiva layouti vastavalt seadmele. Näiteks, tavalisekt kasutatakse: Responsive Web Design Adaptive Web Design Põhimõte Leht kohandub automaatselt vastavalt ekraani suurusele Leht kasutab erinevaid kindlaid kujundusi erinevatele seadmetele Kuidas töötab Kasutab CSS media queries ja flexbox/grid Server või CSS valib kindla layouti (nt mobile, tablet, desktop) Paindlikkus Väga paindlik Vähem paindlik Arendus Lihtsam teha ja hallata Keerulisem, sest mitu layouti Tulemus Üks disain, mis “venib” Eraldi disainid eri seadmetele Responsive Näide Adaptive Näide Kokkuvõte (minu arvamus) Minu arvates Responsive Web Design on parem, sest: Adaptive võib olla kasulik, kui on vaja väga spetsiifilist disaini erinevatele seadmetele, aga üldiselt 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üü muutus väiksematel ekraanidel (<768px) kuvatakse menüü nupp „Menu“, mis avab ja sulgeb lingid, nii et menüü ei võta kogu ekraani ära. Tekst ja pildid kohandusid, pildid ei ole enam fikseeritud laiusega, vaid vähenevad väiksemal ekraanil, samuti sektsioonide laius muutub, et need mahuksid ekraanile. Tänu sellele ei teki horisontaalset scrolli, kõik sisu mahub nüüd hästi ekraani sisse. Mobiil Tahvelarvuti Desktop (täisekraan)https://artjompoldsaar24.thkit.ee/wp/wp-content/uploads/2026/02/6CF930C1-8F74-4A47-A1AC-07BF6CEC9C43.png752895