프론트: 반응형 인터페이스에서 웹사이트 디자인 및 코드 받기

프론트: 반응형 인터페이스에서 웹사이트 디자인 및 코드 받기

웹 개발자가 컴퓨터에서 웹 디자인을 테스트하고 스마트폰에서 볼 때 디자인에 버그가 있다는 것을 찾는 것은 그리 편리하지 않습니다. 여기 개발 단계에서 이러한 문제를 해결하는 데 도움이 되는 FROONT라는 앱이 있습니다.





FROONT는 반응형 인터페이스에서 웹사이트를 디자인할 수 있는 무료 웹 서비스입니다. 웹 사이트에서 계정을 생성하여 웹 서비스 사용을 시작합니다. 다음 단계는 데모 페이지로도 사이트를 테스트할 수 있지만 새 캔버스로 시작하는 것입니다. 캔버스의 왼쪽 창에는 컨테이너, 그리드, 텍스트, 이미지 및 벡터를 추가할 수 있는 컨트롤이 있습니다. 추가하려는 요소 유형을 클릭할 수 있습니다.





버튼을 클릭한 후 페이지에 실제로 나타나는 요소, 즉 요소의 로드 시간 사이에 약간의 지연이 있을 수 있습니다. 요소가 페이지에 있는 경우 해당 요소를 클릭하여 강조 표시할 수 있습니다.





윈도우 10이 부팅되지 않습니다

요소를 선택하면 페이지에 바로 떠 있는 계층 구조 상자를 찾을 수 있습니다. 이 부동 계층 상자를 사용하면 특정 요소를 쉽게 삭제하거나 이동할 수 있습니다. 요소를 편집하려면 항목을 두 번 클릭하기만 하면 됩니다. 항목의 크기도 자신의 디자인 기본 설정에 맞게 조정할 수 있습니다. 텍스트 필드의 경우 텍스트에 특수 서식을 추가할 수 있는 여러 옵션이 미니 부동 창에 나타납니다.

페이지 수정이 완료되면 페이지 디자인의 CSS 및 HTML 코드를 얻을 수 있습니다. 또한 친구 및 공동 작업자와 디자인을 공유하기 위해 만든 페이지의 URL을 공유할 수 있습니다.



디자인을 편집하는 동안 브라우저 창의 크기를 조정하기만 하면 스마트폰과 같이 크기가 더 작은 브라우저에서 페이지가 어떻게 보이는지 확인할 수 있습니다.

특징:





  • 사용자 친화적인 웹 서비스입니다.
  • 반응형 인터페이스에서 웹페이지를 만들 수 있습니다.
  • 장치에서 별도로 웹 사이트를 테스트하는 데 소요되는 시간을 절약할 수 있습니다.
  • 브라우저 창의 크기를 조정하면 페이지가 자동으로 다시 조정됩니다.

프론트 @를 확인하세요. http://프론트.com

Wii u에 homebrew 채널을 설치하는 방법
공유하다 공유하다 트위터 이메일 VirtualBox Linux 시스템을 강화하기 위한 5가지 팁

가상 머신이 제공하는 열악한 성능에 지쳤습니까? VirtualBox 성능을 높이려면 다음을 수행해야 합니다.





다음 읽기
관련 항목
  • 인터넷
저자 소개 우마르(396건의 출판물) 더 많은 것

뉴스레터 구독

기술 팁, 리뷰, 무료 전자책 및 독점 거래에 대한 뉴스레터에 가입하십시오!

구독하려면 여기를 클릭하세요.