Macaw

코드 작성을 멈추고, 디자인을 그리기 시작하세요. Macaw는 사용자가 가장 애용하는 이미지 편집기와 동일한 유연성을 제공하면서도 의미 있는 HTML과 극도로 간결한 CSS를 자동으로 생성합니다. 이제 웹 디자인 도구에도 더 높은 기대치를 가져야 할 때입니다.

유동적 캔버스 및 그리드: Macaw는 유동 폭(Fluid Width)을 위해 설계되었습니다. 캔버스 크기를 조정하면 그리드와 요소들이 자동으로 그에 맞춰 업데이트됩니다.

반응형 브레이크포인트: 다양한 기기 크기에 대응하는 디자인 작업은 복잡할 수 있습니다. Macaw는 임의의 브레이크포인트를 정의하고, 해당 특정 폭에 대해 속성을 세밀하게 조정할 수 있도록 지원합니다.

풍부한 타이포그래피: Macaw는 시스템 폰트, 방대한 웹 폰트 라이브러리뿐 아니라 Typekit 폰트까지 불러올 수 있습니다. 또한 ‘줄당 문자 수’ 등 실용적인 타이포그래피 계산 기능도 제공합니다.

인터랙티비티: Macaw에서 클릭 가능한 프로토타입을 제작하는 것은 단순히 타겟을 클릭하는 것만으로 가능합니다. 그러나 이는 시작에 불과합니다. 스크립팅 팔레트를 통해 더욱 다이나믹한 인터랙션을 추가할 수도 있습니다. Macaw는 심지어 템플릿과 jQuery 변수까지 자동으로 생성해 줍니다.

적은 노력으로 더 많은 디자인 구현:

글로벌 스타일: Macaw는 자주 사용하는 스타일을 저장하여 문서 내 여러 요소에 빠르게 적용할 수 있습니다. 적용 후에는 스타일 편집기를 통해 한 번에 모든 관련 요소를 일괄 업데이트할 수 있습니다.

재사용 가능한 컴포넌트 및 자산: 복잡한 요소를 여러 페이지에서 반복적으로 사용해야 하나요? Macaw에서는 이를 라이브러리에 ‘컴포넌트’로 저장한 후, 프로젝트 내 임의의 다른 페이지로 드래그앤드롭할 수 있습니다.

새로운 기능 (버전 1.0.12):

• DOM 정렬 알고리즘 개선;

• 대폭 향상된 실행 속도;

• 모든 브레이크포인트에서 새로 그려진 요소 처리 성능 향상;

• 모든 브레이크포인트에서 위치 관계를 유지하기 위한 레이아웃 메커니즘 개선.

신규 기능:

• 검사기(Inspector)에서 요소의 ID를 설정할 수 있게 되어, 스크립트를 통한 요소 타겟팅 또는 페이지 내 앵커 링크 생성이 가능해졌습니다;

• 전체 폭 그룹화(Full-width grouping) 기능을 통해 선택한 요소들을 폭 100%의 새 컨테이너로 강제 감싸도록 할 수 있습니다.

버그 수정:

• 모든 브레이크포인트에서 중앙 정렬 충돌 처리 개선;

• 인덱스가 10을 초과하는 새로운 브레이크포인트에 대한 올바른 처리;

• 범위 지정된 스냅 가이드(Scope-limited snap guides);

• 무작위 NaN 마진 값 발생 방지;

• 적절한 패널……