본문

[아이폰] 아이폰 X에 최적화 된 웹사이트를 만드는 법 [21]




 
  • 스크랩
  • |
  • URL 복사
  • |
  • |
  • |
  • 네이버로공유
  • |
  • |

  • 댓글 | 21
    1
     댓글


    (IP보기클릭)211.219.***.***

    BEST
    이럴거면 베젤리스가 무슨 의미야
    17.09.23 22:43

    (IP보기클릭)211.200.***.***

    BEST
    딱 저사진만 보셔서 오해가 많은 것 같은데, 아이폰X에 맞춰서 설정되지 않은 웹사이트는 사파리가 알아서 좌우 조여서 표시해주고 바깥쪽 영역은 배경처리를 해줍니다... 링크 내용은 어떻게 바깥쪽 영역을 활용하면서도 사용자 경험을 해치지 않을 배치를 하는가에 대한 내용이에요.
    17.09.23 23:23

    (IP보기클릭)222.109.***.***

    BEST
    어차피 다들 내용엔 별로 관심없어서
    17.09.23 23:25

    (IP보기클릭)223.62.***.***

    BEST

    17.09.23 23:25

    (IP보기클릭)110.11.***.***

    BEST
    음... 링크 내용은 정확히 말해 세로모드일때 좌우랑 하단 홈스크린 인디케이터를 피해 웹의 컨텐츠를 배치할수 있도록 iOS11 웹킷에 추가한 기능을 설명하는 내용입니다. 링크의 예시를 보면 별다른 처리가 없을 경우 님 말씀처럼 좌우는 자동으로 비워주지만 하단의 인디케이터는 그냥 겹쳐버리죠. 좌우도 웹사이트의 head나 body의 백그라운드 컬러 css를 따라간다고는 하지만 그런식으로 배경색을 지정하지 않은 사이트도 좀 많아서 완벽한 방법은 아니구요. 결국 좌우아래쪽 영역과 조화롭게 컨텐츠를 구성하려면 전용 코드를 사이트에 추가해야한다는 내용인데.... 웹개발자입장에서 그리 반갑지는 않을듯하네요.
    17.09.23 23:54

    (IP보기클릭)119.71.***.***

    ...?!
    17.09.23 22:42

    (IP보기클릭)211.219.***.***

    BEST
    이럴거면 베젤리스가 무슨 의미야
    17.09.23 22:43

    (IP보기클릭)180.67.***.***

    플라네튠 교회직원
    쿡의 잡 저격 | 17.09.26 10:31 | | |

    (IP보기클릭)121.165.***.***

    아이폰 X-2 가 나올 수 있을지조차 의심된다
    17.09.23 22:48

    (IP보기클릭)221.153.***.***

    아 하긴 가로 볼 땐 의외로 많이 거슬리겠구나....
    17.09.23 22:49

    (IP보기클릭)114.204.***.***

    저게 뭐얔ㅋㅋㅋㅋ 저 빨강색까지 다 쓰게끔 해줘야짘ㅋㅋㅋㅋㅋㅋ 그리고 아래 홈버튼제스처막대는 그냥 반투명으로 나타나게 하고 중앙부분만 드레그 하면 홈으로 가게끔 하면 될것을.. 뭔 동해서해남해냐;;
    17.09.23 22:52

    (IP보기클릭)14.41.***.***

    17.09.23 22:59

    (IP보기클릭)121.186.***.***

    프리 사이즈 모르는 건가 아이폰 x에 맞출바에 그냥 프리 사이즈가 나음 아이폰 x는 애플에서 알아서 해결 해야지 웹 개발자들이 해야할 일은 아님
    17.09.23 23:02

    (IP보기클릭)211.185.***.***

    지금 이걸 웹킷이라고 올린건가...?
    17.09.23 23:12

    (IP보기클릭)125.180.***.***

    실화냐?
    17.09.23 23:17

    (IP보기클릭)211.200.***.***

    BEST
    딱 저사진만 보셔서 오해가 많은 것 같은데, 아이폰X에 맞춰서 설정되지 않은 웹사이트는 사파리가 알아서 좌우 조여서 표시해주고 바깥쪽 영역은 배경처리를 해줍니다... 링크 내용은 어떻게 바깥쪽 영역을 활용하면서도 사용자 경험을 해치지 않을 배치를 하는가에 대한 내용이에요.
    17.09.23 23:23

    (IP보기클릭)222.109.***.***

    BEST
    유리고양
    어차피 다들 내용엔 별로 관심없어서 | 17.09.23 23:25 | | |

    (IP보기클릭)110.11.***.***

    BEST
    유리고양
    음... 링크 내용은 정확히 말해 세로모드일때 좌우랑 하단 홈스크린 인디케이터를 피해 웹의 컨텐츠를 배치할수 있도록 iOS11 웹킷에 추가한 기능을 설명하는 내용입니다. 링크의 예시를 보면 별다른 처리가 없을 경우 님 말씀처럼 좌우는 자동으로 비워주지만 하단의 인디케이터는 그냥 겹쳐버리죠. 좌우도 웹사이트의 head나 body의 백그라운드 컬러 css를 따라간다고는 하지만 그런식으로 배경색을 지정하지 않은 사이트도 좀 많아서 완벽한 방법은 아니구요. 결국 좌우아래쪽 영역과 조화롭게 컨텐츠를 구성하려면 전용 코드를 사이트에 추가해야한다는 내용인데.... 웹개발자입장에서 그리 반갑지는 않을듯하네요. | 17.09.23 23:54 | | |

    (IP보기클릭)39.113.***.***

    유리고양
    이미 저런걸 신경써야 하는 시점에서 삽질이라는게 문제. | 17.09.24 16:27 | | |

    (IP보기클릭)223.62.***.***

    ..
    17.09.23 23:24

    (IP보기클릭)223.62.***.***

    BEST
    내용증명

    | 17.09.23 23:25 | | |

    (IP보기클릭)183.102.***.***

    세로가 긴걸 가로보기 해놓고 까는건가...
    17.09.24 01:53

    (IP보기클릭)174.6.***.***

    ㅋㅋㅋ 진심 이번 X는 노답이다. 아무 생각없이 만든듯. 베젤리스가 무슨 의미가 있니. 내년엔 디자인 바뀔듯.
    17.09.24 07:04

    (IP보기클릭)219.249.***.***

    아이폰x는 저 탈모디자인 하나로 구입하지 말아야할 이유가 충족되네요. 남들은 베젤을 없애려고 하고 있는 상황에서 무슨 생각으로 저렇게 만든건지..
    17.09.24 08:45

    (IP보기클릭)221.138.***.***

    무적 보노
    원래 안 사실 분인거 압니다. | 17.09.24 10:16 | | |

    (IP보기클릭)218.52.***.***

    아이폰3gs 부터 다 만족하고 써왔는데 이번 x는 정말 극혐이네요. 기존 아이폰 스타일로 홈버튼 유지하고 출시하는게 더 좋은데 뭔 안드로이드 마냥 그지같은건 다 따라하고. 아이폰8이 더 낫구만. 웹페이지를 무슨 아이폰x에 최적화시켜서 만들어. 웃기는 소리지.
    17.09.24 09:37


    1
     댓글





    읽을거리
    [게임툰] 키메라와 떠나는 모험, 덱 빌딩 로그라이크 '다이스포크' (36)
    [게임툰] 번뜩이는 재치와 액션으로! 마리오 vs. 동키콩 (37)
    [MULTI] 유니콘 오버로드, 아무도 전설의 오우거 배틀 3를 만들어주지 않길래 (141)
    [게임툰] 슈퍼 민주주의를 위하여! 헬다이버즈 2 (76)
    [MULTI] 낭만과 두려움 가득한 야간주행, 퍼시픽 드라이브 (24)
    [게임툰] 섀도 타임이 뭔데, 페르소나 3 리로드 (96)
    [PS5] 파이널 판타지 7 리버스, 추억을 넘어 다시 태어난 최종환상 (75)
    [게임툰] 나 사실 격겜에 재능있는 거 아니야? 철권 8 (58)
    [MULTI] 이 한 몸 슈퍼 민주주의를 위해, 헬다이버즈 2 (85)
    [MULTI] 여전히 안개 속을 표류하는 해적선, 스컬 앤 본즈 (28)
    [MULTI] 비로소 하나가 된 두 개의 이야기, 어나더 코드 리컬렉션 (9)
    [MULTI] 더 친절해진 한국 인기 격투게임, 철권 8 (95)



    글쓰기
    공지
    스킨
    ID 구분 제목 게시판 글쓴이 추천 조회 날짜
    118 전체공지 업데이트 내역 / 버튜버 방송 일정 8[RULIWEB] 2023.08.08
    2250047 Multi 모바일 게임 정보 롭스 108 02:05
    2250046 Multi 모바일 게임 정보 흑강진유 1 366 00:01
    2250045 Multi 모바일 게임 정보 라이트트윈스 1 2017 2024.03.28
    2250044 Multi 모바일 게임 정보 라이트트윈스 424 2024.03.28
    2250043 아이폰 애플 정보 라스트리스 11 4902 2024.03.28
    2250042 Multi 모바일 게임 정보 마이온 166 2024.03.28
    2250041 Multi 모바일 게임 정보 마이온 2 140 2024.03.28
    2250040 기타 기타 모바일 정보 오버테크 1 714 2024.03.28
    2250039 기타 애플 정보 오버테크 40 6006 2024.03.28
    2250038 Multi 모바일 게임 정보 이토 시즈카 4 1187 2024.03.28
    2250037 기타 안드로이드 정보 운김 2 3013 2024.03.28
    2250035 Android 모바일 게임 정보 INARI ONE 27 2158 2024.03.28
    2250034 Multi 모바일 게임 정보 마이온 1 163 2024.03.28
    2250033 Multi 모바일 게임 정보 이토 시즈카 1 287 2024.03.28
    2250032 Android 모바일 게임 정보 하라네 3 331 2024.03.28
    2250031 Android 모바일 게임 정보 lbygxk 1 600 2024.03.28
    2250030 Multi 모바일 게임 정보 이토 시즈카 3 1068 2024.03.28
    2250029 기타 기타 모바일 정보 불꽃남자 쟈기만 3448 2024.03.28
    2250028 이통사 안드로이드 정보 ???? 2336 2024.03.28
    2250027 기타 안드로이드 정보 그래안그래 40 7909 2024.03.28
    2250026 Multi 모바일 게임 정보 이토 시즈카 12 4693 2024.03.28
    2250025 Multi 모바일 게임 정보 이토 시즈카 19 5500 2024.03.28
    2250024 Android 모바일 게임 정보 lbygxk 3 476 2024.03.28
    2250023 Android 모바일 게임 정보 INARI ONE 6 1198 2024.03.28
    2250022 Multi 모바일 게임 정보 이토 시즈카 1 388 2024.03.28
    2250021 Multi 모바일 게임 정보 이토 시즈카 2 581 2024.03.28
    2250020 하드웨어 안드로이드 정보 terran매니아 5 2634 2024.03.28
    2250019 Multi 모바일 게임 정보 이토 시즈카 6 782 2024.03.28

    글쓰기 204889개의 글이 있습니다.
    1 2 3 4 5 6 7 8 9 10

    X