Responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Recent work also considers the viewer proximity as part of the viewing context as an extension for RWD. Content, design and performance are necessary across all devices to ensure usability and satisfaction. A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule, in the following ways:

Property Value
dbo:abstract
  • التصميم المستجيب لمواقع الويب (بالإنجليزية: Responsive web design) هو نهج مستخدم في تصميم وتطوير مواقع الويب، حيث يكون للويب المستجيب القابلية للتغير بناء على خصائص الجهاز الذي يتم عرضه به. ظهر نهج الويب المستجيب نتيجة لتنوع الأجهزة المستخدمة في تصفح مواقع الويب، ويهدف إلى تحسين تجربة المستخدم إضافة إلى تقليل الجهد المبذول في تطوير الموقع، حيث يقوم مطور الويب ببناء نسخة واحده للموقع تعرض بالشكل الأمثل على جميع الأجهزة مما لايضطر المستخدم إلى تكبير أو تصغير عناصر الصفحة. لدى صفحة الويب المستجيبة القدرة على تغيير تخطيط الصفحة(تغيير طريقة عرض العناصر داخل الصفحة) بناء على بعض خصائص الجهاز (مثل: طول شاشة العرض أو عرضها) وغالباً ما يستخدم قياس عرض نافذة المتصفح « View Port » في بناء صفحة الويب المستجيبة. (ar)
  • El disseny web responsiu (en anglès, responsive web design) és una tècnica especialitzada de creació i desenvolupament de llocs web que permet adaptar el format dels continguts del lloc a les característiques de qualsevol pantalla o dispositiu d'accés. Es tracta d'un enfocament del disseny web destinat a permetre que les pàgines web puguin ser vistes responent a la pantalla o navegador web amb què s'està veient, indiferentment de les seves característiques. És important entendre que les tasques de disseny web responsiu inclouen oferir el mateix suport a una varietat de dispositius per a un sol lloc web. Segons el que s'ha esmentat per Nielsen Norman Group: contingut, disseny i rendiment són necessaris en tots els dispositius per garantir la facilitat d'ús i la satisfacció. Essencialment, consistiria en la capacitat de poder utilitzar el mateix codi per a proporcionar una experiència a navegadors d'escriptori, tauletes i dispositius mòbils diferents. Això, comportaria una aproximació al disseny de pàgines web en el qual un lloc està construït per oferir una experiència de visió ideal, de fàcil lectura i navegació amb un mínim de canvi de mida, desplaçament lateral i desplaçament a través d'una àmplia gamma de dispositiusː d'escriptori, portàtils, Tablet PC, intel·ligent mòbils i altres aparells. (ca)
  • Responzivní web design (anglicky Responsive web design) je pojem, se kterým roku 2010 přišel americký programátor Ethan Marcotte ve stejnojmenném článku na blogu A LIST Apart. Jedná se o způsob stylování HTML dokumentu, které zaručí, že zobrazení stránky bude optimalizováno pro všechny druhy nejrůznějších zařízení (mobily, notebooky, netbooky, tablety atd.). Historii takového designu lze nalézt již od roku 2001. Především díky vlastnosti Media Queries, která je (od přelomu let 2008 a 2009) zahrnuta ve specifikaci CSS3, lze rozpoznat vlastnosti zařízení, na kterém je stránka prohlížena a přizpůsobit tak samotnou stránku a její obsah. Responzivní web design má tři základní úrovně: Flexibilní struktura, Flexibilní obrázky a Media Queries. (cs)
  • Το Responsive Design πήρε την ονομασία του από την λέξη "Respond" και σημαίνει ότι μια ιστοσελίδα προσαρμόζεται δυναμικά και «on the fly» (δηλαδή άμεσα) σε κάθε διάσταση και προσανατολισμό (orientation) οθόνης. Αυτό σημαίνει ότι όταν κάποιος πλοηγηθεί σε μια ιστοσελίδα η οποία είναι Responsive, χρησιμοποιώντας για παράδειγμα ένα smartphone, η ιστοσελίδα θα διαμορφωθεί με τέτοιο τρόπο ώστε να μην χρειάζεται ο χρήστης να κάνει μεγέθυνση ή να κάνει πλάγιο σκρολ για να διαβάσει με ευκολία το περιεχόμενο της. Με την χρήση του Responsive Design μια ιστοσελίδα μπορεί να λειτουργεί και σαν web application όταν ανοιχτεί από μια φορητή συσκευή όπως (iPhone, iPad, Android, Blackberry etc.). Αυτό είναι πάρα πολύ σημαντικό καθώς τα τελευταία χρόνια έχει παρατηρηθεί μια ραγδαία αύξηση της περιήγησης στο διαδίκτυο από κινητές συσκευές. (el)
  • Beim Responsive Webdesign (im Deutschen auch responsives Webdesign genannt oder kurz RWD, englisch responsive ‚reagierend‘) handelt es sich um ein gestalterisches und technisches Paradigma zur Erstellung von Websites, so dass diese auf Eigenschaften des jeweils benutzten Endgeräts, vor allem Smartphones und Tabletcomputer, reagieren können. Der grafische Aufbau einer „responsiven“ Website erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Website betrachtet wird. Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie Navigationen, Seitenspalten und Texte, aber auch die Nutzung unterschiedlicher Eingabemethoden von Maus (klicken, überfahren) oder Touchscreen (tippen, wischen). Technische Basis hierfür sind die neueren Webstandards HTML5, CSS3 (hier insbesondere die Media Queries) und JavaScript. (de)
  • El diseño web adaptable (también diseño web adaptativo o responsivo; este último calco del inglés responsive web design), es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas. Hoy día las páginas web se ven en multitud de dispositivos como tabletas, teléfonos inteligentes, libros electrónicos, portátiles, PC, etcétera. Además, aún dentro de cada tipo, cada dispositivo tiene sus características concretas: tamaño de pantalla, resolución, potencia de CPU, sistema operativo o capacidad de memoria entre otras. Esta tecnología pretende que con un único diseño web, todo se vea correctamente en cualquier dispositivo. El diseñador y autor norteamericano Ethan Marcotte creó y difundió esta técnica a partir de una serie de artículos en A List Apart,​ una publicación en línea especializada en diseño y desarrollo web, idea que luego extendería en su libro Responsive Web Design. (es)
  • Un site web réactif (RWD, de l’anglais responsive web design : conception de sites web réactifs) est un site web dont la conception vise, grâce à différents principes et techniques, à offrir une consultation confortable sur des écrans de tailles très différentes. L'utilisateur peut ainsi consulter le même site web à travers une large gamme d'appareils (moniteurs d'ordinateur, smartphone, tablettes, télévision…) avec le même confort visuel et sans avoir recours au défilement horizontal ou au zoom avant/arrière sur les appareils tactiles notamment, manipulations qui peuvent parfois dégrader l'expérience utilisateur, tant en lecture qu'en navigation. Un site web réactif est un exemple de plasticité des interfaces. (fr)
  • Desain Web Responsif (bahasa Inggris:Responsive Web Design (RWD)) adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer meja. Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer meja dengan ukuran monitor besar. Ukuran huruf, user interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer meja. Desain web responsif telah menjadi hal yang penting karena jumlah lalu lintas seluler saat ini menyumbang lebih dari setengah dari total lalu lintas internet. Karenanya, Google mengumumkan Mobilegeddon pada tahun 2015, dan mulai meningkatkan peringkat situs yang ramah seluler jika pencarian dilakukan dari perangkat seluler. Desain web responsif merupakan contoh dari . (in)
  • Il design responsivo, o responsive web design (RWD), indica una tecnica di web design per la realizzazione di siti in grado di adattarsi graficamente in modo automatico al dispositivo coi quali vengono visualizzati (computer con diverse risoluzioni, tablet, smartphone, cellulari, web tv), riducendo al minimo la necessità dell'utente di ridimensionare e scorrere i contenuti. Il design responsivo è un importante elemento dell'accessibilità, la quale tiene conto inoltre di numerosi altri fattori, incentrati non solo sui dispositivi ma anche sulle caratteristiche dell'utente (quali: capacità cognitive, vista, difficoltà fisiche, e così via). (it)
  • レスポンシブウェブデザイン (Responsive Web Design, RWD) は、閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法。加えて、1つのウェブサイトで多様なデバイスを同様にサポートすることもレスポンシブウェブデザインのタスクに含まれている点を理解しておくことが重要である。また、最近の取り組みでは、閲覧のコンテキストの一部としての閲覧者の近さがRWDの延長部分と見なされている。ニールセンノルマングループは、「コンテンツ、デザイン、そしてパフォーマンスは、すべてのデバイスでユーザビリティと満足を確保するために必要である」と述べた。 RWDでデザインしたサイトは、比率ベースのフルードグリッド、 フレキシブルイメージ @mediaルールの拡張であるCSS3メディアクエリ を以下のように使用することで、レイアウトを表示環境に適応させる。 * フルードグリッドは、ページ要素にピクセルやポイント等の絶対単位ではなく、百分率等の相対単位を使用する。 * 可変サイズの画像も、コンテナ要素の外にはみ出て表示されるのを防ぐため、相対単位を使用する。 * メディアクエリにより、サイトを表示しているデバイスの特徴 (ブラウザの幅が最も一般的) に基づいて、ページに異なるCSSスタイルを使用することができる。 今やモバイルトラフィックがインターネットトラフィック全体の半分以上を占めているため、レスポンシブウェブデザインはますます重要になっている。 そのためGoogleは、2015年にを発表し、モバイル機器から検索した場合、モバイル機器に優しいサイトの評価を引き上げ始めた。 これは、モバイル機器に優しくないサイトが最終的に不利になる効果がある。 レスポンシブウェブデザインは、の一例である。 (ja)
  • 반응형 웹 디자인(responsive web design, RWD)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있다. PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있다. 또한 웹 페이지 내용을 수정할 경우, 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동일하게 반영된다. 반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼리(media query)이다. 반대말은 디바이스별로 별도의 웹사이트를 제작하는 적응형 웹(adaptive web)이다. (ko)
  • Responsive web design (RWD) – technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna przeglądarki, na której jest wyświetlany np. przeglądarki, smartfonów czy tabletów. Strona tworzona w takiej technice jest uniwersalna i wyświetla się dobrze zarówno na dużych ekranach, jak i na smartfonach czy tabletach. (pl)
  • Responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Recent work also considers the viewer proximity as part of the viewing context as an extension for RWD. Content, design and performance are necessary across all devices to ensure usability and satisfaction. A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule, in the following ways: * The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points. * Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element. * Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, e.g. width of the rendering surface (browser window width or a physical display size). * Responsive layouts automatically adjust and adapt to any device screen size, whether it is a desktop, a laptop, a tablet, or a mobile phone. Responsive web design has become more important as the amount of mobile traffic now accounts for more than half of total internet traffic. Therefore, Google announced Mobilegeddon in 2015, and started to boost the ratings of sites that are mobile friendly if the search was made from a mobile device. Responsive web design is an example of user interface plasticity. (en)
  • Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету, и динамически подстраивающийся под заданные размеры окна браузера. Целью адаптивного веб-дизайна является универсальность отображения содержимого веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств форматов и с экранами различных разрешений, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств. (ru)
  • Responsiv webbdesign (engelska Responsive Web Design, RWD) innebär webbdesign som tillåter layouten att förändras beroende på vilken skärmstorlek och skärmupplösning som besökaren har, och beroende på vilka funktioner som webbläsaren stödjer. Antal kolumner och bilder kan anpassas automatiskt, och bilder skalas om beroende på främst fönsterbredden. Det innebär att besökare kan se samma webbplats från exempelvis en mobiltelefon, en läs/surfplatta eller en persondator utan att behöva scrolla och zooma så mycket som hade krävts vid traditionell webbdesign. Responsiv webbdesign är ett alternativ till att designa olika versioner av webbplatsen för olika skärmupplösningar, exempelvis en desktopversion kallad http://www.… och en mobilversion kallad http://m.… . Responsiv webbdesign bygger bland annat på att webbutvecklare anger sidelementens storlekar i procent relativt skärmens storlek istället för absoluta storlekar mätt i pixlar eller (det vill säga bredden av en punkt). (sv)
  • 響應式網頁設計(英語:Responsive web design,通常縮寫为RWD),或稱自适应网页设计、回應式網頁設計、對應式網頁設計。是一种网页设计的技術做法,该设计可使网站在不同的設備(从桌面电脑显示器到移动电话或其他流動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,减少使用者進行缩放、平移和滚动等操作行為。 對於網站設計師和前端工程師來說,有別於過去需要針對各種設備進行不同的設計,使用此種設計方式將更易於維護網頁。 此概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出。 采用 RWD 设计的网站使用CSS3 ,即一种对 @media 规则的扩展,以及流式的基于比例的网格和自适应大小的图像以适应不同大小的设备: * 流式网格概念要求页面元素使用相对单位如百分比或字体排印学调整大小,而不是绝对的单位如像素或点。 * 灵活的图像也以相对单位调整大小(最大到 100%),以防止它们显示在包含它们的元素外面。 * 允许网页根据访问站点设备的特点而使用不同 CSS 样式规则,最常用的是浏览器的宽度。 响应式网页设计变得更加重要,因为移动流量现在占互联网流量的一半以上。因此,谷歌宣布移动设备时代的到来(Mobilegeddon)(2015年4月21日),并开始提高移动友好的网站的评级,如果搜索是被从一个移动设备发起。 (zh)
  • Адаптивний веб-дизайн (англ. Responsive web design) — дизайн веб-сторінок, що забезпечує оптимальне відображення та взаємодію сайту з користувачем незалежно від роздільної здатності та формату пристрою, з якого здійснюється перегляд сторінки. Метою адаптивного веб-дизайну є практичне відображення інформації та зручна навігація на всіх пристроях із доступом до інтернету (від стаціонарних ПК до мобільних телефонів). За технологією адаптивного веб-дизайну не потрібно створювати окремі версії веб-сайту. Один сайт може працювати на всьому спектрі пристроїв. Популярність адаптивного веб-дизайну зростає з кожним днем так як вже зараз кількість мобільного трафіку сягає більше половини від всього інтернет трафіку. Ця тенденція настільки поширена, що Google 21 квітня 2015 року запустив у своїй пошуковій системі алгоритм оцінки сайту на відповідність принципам «дружного» до мобільних пристроїв інтерфейсу. Від цього показника залежить як високо сторінка буде представлена в результатах мобільного пошуку, а отже дана оцінка частково діє як штраф для сайтів, які не відповідають стандартам інтерфейсу для мобільних пристроїв. (uk)
dbo:thumbnail
dbo:wikiPageID
  • 34432586 (xsd:integer)
dbo:wikiPageLength
  • 20746 (xsd:integer)
dbo:wikiPageRevisionID
  • 980093875 (xsd:integer)
dbo:wikiPageWikiLink
dbp:colwidth
  • 30 (xsd:integer)
dbp:refs
  • --05-04
dbp:wikiPageUsesTemplate
dct:subject
rdf:type
rdfs:comment
  • Un site web réactif (RWD, de l’anglais responsive web design : conception de sites web réactifs) est un site web dont la conception vise, grâce à différents principes et techniques, à offrir une consultation confortable sur des écrans de tailles très différentes. L'utilisateur peut ainsi consulter le même site web à travers une large gamme d'appareils (moniteurs d'ordinateur, smartphone, tablettes, télévision…) avec le même confort visuel et sans avoir recours au défilement horizontal ou au zoom avant/arrière sur les appareils tactiles notamment, manipulations qui peuvent parfois dégrader l'expérience utilisateur, tant en lecture qu'en navigation. Un site web réactif est un exemple de plasticité des interfaces. (fr)
  • 반응형 웹 디자인(responsive web design, RWD)이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말한다. 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있다. PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있다. 또한 웹 페이지 내용을 수정할 경우, 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동일하게 반영된다. 반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼리(media query)이다. 반대말은 디바이스별로 별도의 웹사이트를 제작하는 적응형 웹(adaptive web)이다. (ko)
  • Responsive web design (RWD) – technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna przeglądarki, na której jest wyświetlany np. przeglądarki, smartfonów czy tabletów. Strona tworzona w takiej technice jest uniwersalna i wyświetla się dobrze zarówno na dużych ekranach, jak i na smartfonach czy tabletach. (pl)
  • 響應式網頁設計(英語:Responsive web design,通常縮寫为RWD),或稱自适应网页设计、回應式網頁設計、對應式網頁設計。是一种网页设计的技術做法,该设计可使网站在不同的設備(从桌面电脑显示器到移动电话或其他流動產品裝置)上瀏覽時對應不同解析度皆有適合的呈現,减少使用者進行缩放、平移和滚动等操作行為。 對於網站設計師和前端工程師來說,有別於過去需要針對各種設備進行不同的設計,使用此種設計方式將更易於維護網頁。 此概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出。 采用 RWD 设计的网站使用CSS3 ,即一种对 @media 规则的扩展,以及流式的基于比例的网格和自适应大小的图像以适应不同大小的设备: * 流式网格概念要求页面元素使用相对单位如百分比或字体排印学调整大小,而不是绝对的单位如像素或点。 * 灵活的图像也以相对单位调整大小(最大到 100%),以防止它们显示在包含它们的元素外面。 * 允许网页根据访问站点设备的特点而使用不同 CSS 样式规则,最常用的是浏览器的宽度。 响应式网页设计变得更加重要,因为移动流量现在占互联网流量的一半以上。因此,谷歌宣布移动设备时代的到来(Mobilegeddon)(2015年4月21日),并开始提高移动友好的网站的评级,如果搜索是被从一个移动设备发起。 (zh)
  • التصميم المستجيب لمواقع الويب (بالإنجليزية: Responsive web design) هو نهج مستخدم في تصميم وتطوير مواقع الويب، حيث يكون للويب المستجيب القابلية للتغير بناء على خصائص الجهاز الذي يتم عرضه به. ظهر نهج الويب المستجيب نتيجة لتنوع الأجهزة المستخدمة في تصفح مواقع الويب، ويهدف إلى تحسين تجربة المستخدم إضافة إلى تقليل الجهد المبذول في تطوير الموقع، حيث يقوم مطور الويب ببناء نسخة واحده للموقع تعرض بالشكل الأمثل على جميع الأجهزة مما لايضطر المستخدم إلى تكبير أو تصغير عناصر الصفحة. (ar)
  • El disseny web responsiu (en anglès, responsive web design) és una tècnica especialitzada de creació i desenvolupament de llocs web que permet adaptar el format dels continguts del lloc a les característiques de qualsevol pantalla o dispositiu d'accés. (ca)
  • Responzivní web design (anglicky Responsive web design) je pojem, se kterým roku 2010 přišel americký programátor Ethan Marcotte ve stejnojmenném článku na blogu A LIST Apart. Jedná se o způsob stylování HTML dokumentu, které zaručí, že zobrazení stránky bude optimalizováno pro všechny druhy nejrůznějších zařízení (mobily, notebooky, netbooky, tablety atd.). Historii takového designu lze nalézt již od roku 2001. Především díky vlastnosti Media Queries, která je (od přelomu let 2008 a 2009) zahrnuta ve specifikaci CSS3, lze rozpoznat vlastnosti zařízení, na kterém je stránka prohlížena a přizpůsobit tak samotnou stránku a její obsah. (cs)
  • Beim Responsive Webdesign (im Deutschen auch responsives Webdesign genannt oder kurz RWD, englisch responsive ‚reagierend‘) handelt es sich um ein gestalterisches und technisches Paradigma zur Erstellung von Websites, so dass diese auf Eigenschaften des jeweils benutzten Endgeräts, vor allem Smartphones und Tabletcomputer, reagieren können. (de)
  • Το Responsive Design πήρε την ονομασία του από την λέξη "Respond" και σημαίνει ότι μια ιστοσελίδα προσαρμόζεται δυναμικά και «on the fly» (δηλαδή άμεσα) σε κάθε διάσταση και προσανατολισμό (orientation) οθόνης. Αυτό σημαίνει ότι όταν κάποιος πλοηγηθεί σε μια ιστοσελίδα η οποία είναι Responsive, χρησιμοποιώντας για παράδειγμα ένα smartphone, η ιστοσελίδα θα διαμορφωθεί με τέτοιο τρόπο ώστε να μην χρειάζεται ο χρήστης να κάνει μεγέθυνση ή να κάνει πλάγιο σκρολ για να διαβάσει με ευκολία το περιεχόμενο της. (el)
  • El diseño web adaptable (también diseño web adaptativo o responsivo; este último calco del inglés responsive web design), es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas. Hoy día las páginas web se ven en multitud de dispositivos como tabletas, teléfonos inteligentes, libros electrónicos, portátiles, PC, etcétera. Además, aún dentro de cada tipo, cada dispositivo tiene sus características concretas: tamaño de pantalla, resolución, potencia de CPU, sistema operativo o capacidad de memoria entre otras. Esta tecnología pretende que con un único diseño web, todo se vea correctamente en cualquier dispositivo. (es)
  • Desain Web Responsif (bahasa Inggris:Responsive Web Design (RWD)) adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer meja. Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer meja dengan ukuran monitor besar. Ukuran huruf, user interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer meja. (in)
  • Responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and window or screen sizes. Recent work also considers the viewer proximity as part of the viewing context as an extension for RWD. Content, design and performance are necessary across all devices to ensure usability and satisfaction. A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule, in the following ways: (en)
  • レスポンシブウェブデザイン (Responsive Web Design, RWD) は、閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法。加えて、1つのウェブサイトで多様なデバイスを同様にサポートすることもレスポンシブウェブデザインのタスクに含まれている点を理解しておくことが重要である。また、最近の取り組みでは、閲覧のコンテキストの一部としての閲覧者の近さがRWDの延長部分と見なされている。ニールセンノルマングループは、「コンテンツ、デザイン、そしてパフォーマンスは、すべてのデバイスでユーザビリティと満足を確保するために必要である」と述べた。 RWDでデザインしたサイトは、比率ベースのフルードグリッド、 フレキシブルイメージ @mediaルールの拡張であるCSS3メディアクエリ を以下のように使用することで、レイアウトを表示環境に適応させる。 * フルードグリッドは、ページ要素にピクセルやポイント等の絶対単位ではなく、百分率等の相対単位を使用する。 * 可変サイズの画像も、コンテナ要素の外にはみ出て表示されるのを防ぐため、相対単位を使用する。 * メディアクエリにより、サイトを表示しているデバイスの特徴 (ブラウザの幅が最も一般的) に基づいて、ページに異なるCSSスタイルを使用することができる。 (ja)
  • Il design responsivo, o responsive web design (RWD), indica una tecnica di web design per la realizzazione di siti in grado di adattarsi graficamente in modo automatico al dispositivo coi quali vengono visualizzati (computer con diverse risoluzioni, tablet, smartphone, cellulari, web tv), riducendo al minimo la necessità dell'utente di ridimensionare e scorrere i contenuti. (it)
  • Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету, и динамически подстраивающийся под заданные размеры окна браузера. (ru)
  • Responsiv webbdesign (engelska Responsive Web Design, RWD) innebär webbdesign som tillåter layouten att förändras beroende på vilken skärmstorlek och skärmupplösning som besökaren har, och beroende på vilka funktioner som webbläsaren stödjer. Antal kolumner och bilder kan anpassas automatiskt, och bilder skalas om beroende på främst fönsterbredden. Det innebär att besökare kan se samma webbplats från exempelvis en mobiltelefon, en läs/surfplatta eller en persondator utan att behöva scrolla och zooma så mycket som hade krävts vid traditionell webbdesign. (sv)
  • Адаптивний веб-дизайн (англ. Responsive web design) — дизайн веб-сторінок, що забезпечує оптимальне відображення та взаємодію сайту з користувачем незалежно від роздільної здатності та формату пристрою, з якого здійснюється перегляд сторінки. Метою адаптивного веб-дизайну є практичне відображення інформації та зручна навігація на всіх пристроях із доступом до інтернету (від стаціонарних ПК до мобільних телефонів). За технологією адаптивного веб-дизайну не потрібно створювати окремі версії веб-сайту. Один сайт може працювати на всьому спектрі пристроїв. (uk)
rdfs:label
  • Responsive web design (en)
  • التصميم المستجيب لمواقع الويب (ar)
  • Disseny web responsiu (ca)
  • Responzivní web design (cs)
  • Responsive Webdesign (de)
  • Responsive design (el)
  • Diseño web adaptable (es)
  • Site web réactif (fr)
  • Desain web responsif (in)
  • レスポンシブウェブデザイン (ja)
  • Design responsivo (it)
  • 반응형 웹 디자인 (ko)
  • Responsive webdesign (nl)
  • Responsive web design (pl)
  • Адаптивный веб-дизайн (ru)
  • Responsiv webbdesign (sv)
  • Адаптивний вебдизайн (uk)
  • 响应式网页设计 (zh)
owl:differentFrom
owl:sameAs
prov:wasDerivedFrom
foaf:depiction
foaf:isPrimaryTopicOf
is dbo:computingPlatform of
is dbo:wikiPageDisambiguates of
is dbo:wikiPageRedirects of
is dbo:wikiPageWikiLink of
is dbp:platform of
is foaf:primaryTopic of