Falco
2월 11, 2020, 5:38오후
1
마이크로소프트 서피스 듀오라는 새로운 안드로이드 기기에서 Discourse가 실행되는 스크린샷을 몇 장 찍어 보았습니다.
모바일 보기의 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
2월 11, 2020, 5:42오후
2
아, 끔찍하네요.
혁신의 놀라운 세계에 오신 것을 환영합니다! 앞으로 수년간(반드시 Discourse가 아니더라도, 이러한 변화를 반영하지 않는 다른 모든 사이트에서) 기대에 미치지 못하는 경험을 하게 될 초기 도입자들을 위해 마음이 아픕니다.
13개의 좋아요
downey
2월 11, 2020, 5:46오후
3
나는 개인적으로 접이식 기기를 위한 새로운 CSS 미디어 쿼리에 대해 반신반의하며 기대하고 있다:
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
하지만 접이식 버전의 Discourse가 어떤 모습일지 궁금하다…
6개의 좋아요
Falco
2월 11, 2020, 5:46오후
4
두 화면에 걸친 윈도우를 사용하는 것은 선택 사항입니다
여러 화면을 사용하는 방법을 모르는 앱의 경우, 화면을 별도로 사용하면 됩니다.
11개의 좋아요
Falco
2월 11, 2020, 5:59오후
5
이미 일부 명명 규칙과 표준이 문서화 되어 있습니다.
Discourse는 “Master - Detail” 패턴에 매우 적합한 후보입니다.
모크업:
27개의 좋아요
이 특정 기기에서 Discourse가 작동하는 모습을 보고 싶네요!
이 토픽이 생성된 바로 그날 삼성이 갤럭시 Z 플립을 발표했다는 건 정말 우연의 일치네요. https://a.msn.com/r/2/BBZTlEB?m=en-us&ocid=News
Galaxy Z Flip3 5G | Samsung US
6개의 좋아요
Falco
5월 8, 2020, 7:00오후
7
7개의 좋아요
아홉日後에 실제 하드웨어에서 Discourse를 테스트해 볼 수 있을 것 같네요. 가격도 단 $1,399뿐이라니요!
어쨌든, 테스트가 필요한 또 다른 접이식 기기가 있습니다.
삼성에서는 지난 4월에 이 Medium 기사를 게시했습니다. Discourse 개발자분들을 위한 참고로, 이 기사는 꼭 읽어볼 가치가 있습니다. 이 주제가 거의 1년 반 전에 생성된 이후로 많은 것들이 바뀌었기 때문입니다.https://medium.com/samsung-internet-dev/web-responsive-design-for-the-new-generation-of-foldable-devices-ee434ae0fcb5
폴더블폰의 미래가 유독 밝다고 보지는 않습니다. 대부분의 출시작이 흥행에 실패하고, 판매량도 저조하며, 부정적인 평점을 받고 있습니다.
글쎄요, 저는 그들이 사라질 것 같지는 않아요. 오히려 삼성의 최신 제품들은 이전 접이식 기기가 가진 많은 문제를 해결했다고 생각합니다.
어쨌든, 앞으로 어떻게 될지 지켜봐야 할 것 같습니다. 언젠가 Discourse가 접이식 기기에 최적화되기를 바랍니다.
보여지는 대로! 하지만 대부분의 경우 접기는 앱에 투명하게 적용되어야 합니다. 예를 들어, 컴퓨터에서 창을 더 높거나 넓게 조정하는 것과 같으며, 일반적으로 앱은 추가 공간이 나타날 때(또는 사라질 때) 해당 공간을 효율적으로 활용하도록 지능적으로 반응하도록 설계되어 있습니다.
웹사이트가 자동으로 최적화되지 않아도 되나요?
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
8월 29, 2021, 8:57오후
18
이런 “접이식” 폰을 가진 9명의 사람들이 와서 불평하기 전에 말해둘게요.
이들은 수요 테스트를 해야 해요. 대체 누가 이런 접이식 폰을 원한다는 거죠?
상상 이상일 겁니다.
접기형 기기를 구매하는 사람의 수는 매년 꾸준히 증가하고 있습니다. 올해만 해도 상당한 성장을 보였죠. 삼성의 최신 제품은 출시된 지 불과 며칠밖에 되지 않았는데도 불구하고 없어서 못 팔 정도이며, 삼성의 ‘일반’ 제품군보다 더 좋은 판매 성과를 보이고 있습니다.
시장이 어떤 것이 효과적인지 스스로 판단하도록 두는 데는 전혀 문제가 없습니다! 제 유일한 이의는 "다른 목적을 위해 완전히 다른 두 개의 화면을 사용한다"는 접근 방식인데, 제 생각으로는 이 방식은 전혀 효과가 없습니다. 하지만 브라우저 창을 "크기 조정"하는 방법으로는 충분히 괜찮다고 생각합니다.
삼성 Z 플립
.
