Falco
(Falco)
11 فبراير 2020، 5:38م
1
لدينا بعض لقطات الشاشة لتشغيل Discourse على جهاز Microsoft Surface Duo الجديد الذي يعمل بنظام Android.
موضوع Discourse في عرض الجوال:
عرض موضوع Discourse في عرض سطح المكتب:
الأحدث في عرض الجوال
الأحدث في عرض سطح المكتب
محرر الكتابة في الجوال
محرر الكتابة في سطح المكتب
عرض الفئات مع المميزة
الفئات مع الأحدث (مثل القفاز)
هناك بعض اقتراحات ميزات المتصفح قيد التطوير لمساعدة تطبيقات الويب على التخطيط وفقًا لذلك:
تطبيق خرائط يعرض خريطة في قسم نافذة واحد ونتائج البحث في قسم آخر
مخطط الحل باستخدام CSS:
@media (spanning: single-fold-vertical) {
body {
flex-direction: row;
}
.map {
flex: 1 1 env(fold-left)
}
.locations-list {
flex: 1;
}
}
14 إعجابًا
justin
(Justin DiRose)
11 فبراير 2020، 5:42م
2
Oh my ew.
Welcome to the wonderful world of innovation! I feel bad for the early adopters out there who are going to have subpar experiences for a number of years (not necessarily with Discourse, but every other site that doesn’t update to account for the changes).
13 إعجابًا
downey
(Michael Downey)
11 فبراير 2020، 5:46م
3
I for one am reluctantly anticipating a new CSS media query for foldable devices:
opened 06:11PM - 22 Jul 19 UTC
mediaqueries-5

## Why
[Android Q](https://developer.android.com/preview/features/foldables) beta has support for folding the screen in the [emulator](https://developer.android.com/preview/features/foldables#emulators) and a list of features and APIs to support developers in using and adapting to foldable screens, I'd like to see the web have similar offerings in the form of a new @media query or queries.

This new device/OS state is not the same as orientation or device width. It's more than that, as a webapp could project content while in a folded state onto the back or side of a device.
**Imagine an `<aside>` literally on a foldable side of a device while reading an article.**
## What
As I dig into the Android featureset and APIs, the nature of the media query feels akin to how devs work with [projectors](https://www.w3.org/TR/css3-mediaqueries/) and [orientation](https://www.w3.org/TR/css3-mediaqueries/).
Designers and developers should be able to leverage or adapt to these foldable device states and either project content onto another half of the device, or just simply adjust to the wider or thinner viewports respectively. There are many options, designs, patterns, etc for how to handle and adjust to foldable phones, all of which are being pioneered or explored right now as the technology unfolds (😉).
From the [Android blog](https://android-developers.googleblog.com/2018/11/get-your-app-ready-for-foldable-phones.html):
> On this new form factor, your application could be transitioned from one screen to another automatically (eg. when folding / unfolding a foldable phone).
> During this transition, your app will receive a configuration change for the new layout (and possibly density in some cases).
The ability to handle this transition shouldn't be limited to native apps, the web should have hooks into handling this as well.



## How
These are just my initial aggregated thoughts and assumptions from my research on which media queries would be useful. I hope to expand upon it greatly to cover the matrix of possibilities and unblock engineers on the web.
1. is foldable screen
1. is consuming all screens
1. is folded vertically
1. is folded horizontally
1. is on main screen
1. is front / is back
1. is on screen (1-n)
1. can project onto screen (1-n)
I envision these media queries assisting and enhancing:
- css env vars
- regions!
- device width and height media queries
- portrait and landscape media queries

## Conclusion
I'm feeling like this media query could be very complex, as it needs to provide syntax for a wide array of foldables. That being said, the types of experiences and adaptations that web pages could do with the display hooks would make for very interesting and meaningful interactions. We should work towards enabling the web to handle the [upcoming array of devices](https://www.tomsguide.com/us/foldable-phones-release-date,news-28705.html).
##### Links/References
- https://www.w3.org/TR/css3-mediaqueries/
- https://developer.android.com/preview/features/foldables
But I’m wondering what a foldable version of Discourse would look like…
6 إعجابات
Falco
(Falco)
11 فبراير 2020، 5:46م
4
Spanning the window over both screen is optional .
For apps who don’t know how to use multiple screens you can just use the screens in separate.
11 إعجابًا
Falco
(Falco)
11 فبراير 2020، 5:59م
5
They have some nomenclature and standards documented already.
Discourse is a very good candidate for the “Master - Detail” pattern.
Mockup:
27 إعجابًا
I’d love to see Discourse working on these particular devices!
It must’ve been a crazy coincidence that Samsung announced the Galaxy Z Flip on the exact same day this topic was created.
Samsung announced its first folding phone one year ago -- and what followed was tumultuous, to say the least. The Galaxy Fold's fragile design caused major delays, and its high price made many question exactly who this phone was for. The troubles...
https://www.samsung.com/us/mobile/galaxy-z-flip
6 إعجابات
Falco
(Falco)
8 مايو 2020، 7:00م
7
7 إعجابات
أعتقد أننا سنتمكن من اختبار Discourse على الأجهزة الفعلية خلال تسعة أيام، وبتكلفة 1,399 دولارًا فقط!
بغض النظر، هناك جهاز قابل للطي آخر يحتاج إلى اختبار.
بشأن Discourse، قد يستحق هذا API الاطلاع عليه.
There's no doubt that more foldable phones, tablets and laptops are coming. With companies like Samsung, Motorola and Huawei blazing the trail, folding, personal electronic devices seem to be part of the future one way or another. After all, once...
Reading time: 4 minutes
نشر سامسونغ هذه المقالة على منصة Medium في أبريل الماضي. كملاحظة لمطوري Discourse، فإن قراءتها تستحق العناء. لقد تغيرت الكثير من الأمور منذ إنشاء هذا الموضوع قبل عام ونصف تقريبًا.
https://medium.com/samsung-internet-dev/web-responsive-design-for-the-new-generation-of-foldable-devices-ee434ae0fcb5
لا أرى مستقبلًا مشرقًا بشكل خاص للهواتف القابلة للطي. كانت معظم الإصدارات خيبة أمل، حيث بيعت بشكل ضعيف وحصلت على مراجعات سلبية.
حسنًا، لا أعتقد أنهم سيغادرون. بل على العكس، أعتقد أن أحدث عروض سامسونج قد أصلحت العديد من المشاكل التي كانت تعاني منها الأجهزة القابلة للطي السابقة.
بغض النظر، سنضطر إلى الانتظار والنظر فيما سيحدث. آمل أن يتم تحسين ديسكوس يومًا ما ليتوافق مع الأجهزة القابلة للطي.
سنرى! ولكن بشكل عام، يجب أن يكون الطي شفافًا للتطبيق، أي أنه يشبه تغيير حجم نافذة على جهاز الكمبيوتر الخاص بك لتصبح أعلى أو أعرض، وعادةً ما يكون التطبيق مصممًا للاستجابة بذكاء لاستغلال المساحة الإضافية عند ظهورها (أو التصغير عند اختفائها).
هل لا يحتاج الموقع الإلكتروني إلى تحسين تلقائي؟
3 إعجابات
أود أن أضيف أن جهاز نينتندو 2DS/3DS يُعد أيضًا حالة شاذة بعض الشيء. هل يشعر أي شخص أن تصميم الشاشة المنقسمة في هذا الجهاز قد فعليًا جعل الألعاب أفضل؟ أنا شخصيًا لا أعتقد ذلك..
أو حتى جهاز Wii U مع جهاز التحكم أو الشاشات الغريبة؟
لقد أثبتت هذه المقالة العكس تمامًا..
https://www.neoseeker.com/news/22680-miyamoto-people-will-eventually-depend-on-a-second-screen-getting-them-familiar-with-wii-u-is-key/
كانت هناك فترة عند إطلاق جهاز نينتندو DS لأول مرة، حيث كان الناس يقولون إنه لا يمكن للناس النظر إلى شاشتين في آن واحد. أشعر تقريبًا أنه مع اكتساب الناس مزيدًا من الإلمام بجهاز Wii U وهذه الواجهات التي تعمل باللمس، ستصل إلى نقطة يشعرون فيها بأنهم ‘لا يمكنهم فعل كل ما يريدون فعله إذا لم يكن لديهم شاشة ثانية’.
لذا، إذا كنا نتعامل معها على أنها “لقد قمت فقط بتغيير حجم النافذة وجعلتها أكبر”، فإن الإجابة نعم، بالتأكيد! هذا منطقي. ولكن إذا كنا نتعامل معها على أنها “لديك شاشتان يجب استخدامهما لأغراض مرتبطة ولكنها مختلفة”، إذن.. يجب أن أقول إن كل التاريخ هنا يُظهر أن هذا النهج لا ينجح.
إن القدرة على تحويل هاتفك الذكي إلى جهاز لوحي مصغر (والعكس) لاستهلاك المحتوى وجلسات القراءة يمكن أن تكون مريحة للغاية. كانت نينتندو تبحث عن مشكلة لم تكن موجودة من الأساس.
P2W
(Mike Riddick)
29 أغسطس 2021، 8:57م
18
قبل أن يأتي التسعة الذين يملكون هذه الهواتف “القابلة للطي” للشكوى هنا.
يجب أن يقوموا باختبار الطلب - من الذي يطلب هذه الهواتف القابلة للطي بحق الجحيم؟
قد تفاجأ.
فعدد الأشخاص الذين يشترون الأجهزة القابلة للطي في تزايد مستمر كل عام. وفي هذا العام وحده، كانت هناك مكاسب هائلة. فمنتجات سامسونج الأحدث لم تُطرح في السوق إلا قبل بضعة أيام فقط، ومع ذلك فهي تُباع كالخبز الساخن وتتفوق على منتجات سامسونج “العادية”.
أنا بخير في ترك السوق يرى ما ينجح! اعتراض الوحيد هو نهج
ما رأيك في الأجهزة القابلة للطي مثل Samsung Z **Flip ؟ لقد أثار فضولي…