본문 바로가기

전체보기

[MacOS] 맥OS 스테이지 매니저(Stage Manager) 애니메이션 없애기 스테이지 매니저 기능은 유용하게 맥의 어플리케이션을 관리하고, 멀티태스킹을 진행할 수 있게 해 줍니다. 다만 애플리케이션 전환 시 애니메이션이 다소 시각적으로 혼잡하게 느껴질 때가 있습니다. 그런 경우 애니메이션을 제거함으로써, 불편을 최소화할 수 있습니다. 설정 방법은 ‘시스템 환경설정 > 접근성 > 디스플레이 > 애니메이션 축소’ 옵션을 설정하면 됩니다. 다만 이 경우 스테이지 매니저 뿐 아니라 맥OS 전체 및 ‘애니메이션 최소화’ 접근성 환경을 지원하는 어플리케이션 전부에 적용되므로 유의가 필요합니다. 스테이지 매니저의 애니메이션만 제거하는 방법은 2023년 11월 기준으로 없습니다.
[접근성] 이미지 대체텍스트(Alt Text) 노가다 없이 자동 입력하기 접근성 대응을 위한 웹 개발 중에는 대체텍스트 기입의 필요로 인한 시간 소요가 많아질 때가 있습니다. 크롬의 '구글 렌즈'를 통해 해당 업무를 부분적으로 자동화할 수 있는 방법을 소개합니다. 구글 렌즈는 모바일 앱으로 이용되는 경우가 많은데, 데스크톱 환경에서도 크롬을 활용해서 해당 기능의 이용이 가능합니다. 사용법은 웹상의 이미지를 '오른쪽 버튼 클릭'하여 '컨텍스트 메뉴'를 활성화한 후, 'Search Image with Google(구글 이미지 검색)' 기능을 실행하면 됩니다. 크롬 버전에 따라 해당 기능이 비활성화되어 있을 수 있는데 2023년 10월 기준 최신 버전 크롬에서는 정상적으로 작동하는 것을 확인했습니다. 그럼 아래와 같이 크롬 우측에 구글렌즈 패널이 추가된 것을 확인할 수 있습니다. ..
포토샵 파일 피그마(Figma)로 변환하기 (PSD to Figma) 포토샵에서 피그마 파일로의 변환은 어도비에서 지원하는 공식 기능은 없습니다. 크게 두 가지 방법이 있는데, 컨버터를 이용하는 방법과 수동으로 옮기는 방법입니다. 2023년 07월 기준으로 PSD를 FIG 파일로 변환하는 작업을 시도해 본 결과, 제가 갖게 된 결론은 '불가능'이다이긴 합니다. 다음 그 방법에 대해 소개해 드리고, 결과가 어떠한가에 대한 내용도 텍스트로 간략히 덧붙여 봅니다. 포토샵 파일이 벡터 위주로 레이어 관리가 잘 된 경우에 아래 컨버팅이 유효할 수 있으나, 범용적으로 활용성이 높다고 볼 수는 없습니다. 쉽게 말해 불가능하다고 생각하는 것이 더 좋다는 결론을 다시 한 번 말씀드리며, 관련 내용 전달을 드립니다. 1. Magicul 컨버터 사용 Magicul 컨버터 이 컨버터는 유료입니..
케이스티파이 아이폰 케이스 한때 케이스티파이가 굉장히 유행이었던 적이 있엇습니다. 지금도 유행인지 모르겠지만, 유행에 휩쓸려 케이스티파이 연말 세일 기간 중에 투명 케이스를 구매해 사용해 보기로 했습니다. 만족도가 높지 않은 제품이기에 솔직한 리뷰 적어 보도록 하겠습니다. 해당 제품은 2022년 말에 구매한 제품으로, 시간이 지남에 따라 생산된 다른 버전의 제품에서는 아래와 같은 내용이 일치하지 않을 수 있음을 서두에 밝힙니다. 휴대폰에 스크래치를 유발 케이스티파이는 튼튼한 케이스라는 걸 브랜드의 코어밸류로 내세웁니다. 네 튼튼합니다. 하지만 그건 정밀한 기술 등에서 오는 것이라기보다는 굉장히 두꺼운 두께와 밀착된 착용 방식에서 오는 것입니다. 이러한 특성 때문에 휴대폰에 탈착하는 것이 굉장히 힘듭니다. 저도 이 케이스를 부착하는..
COX CK87 황축 기계식 키보드 기본정보 2023년 연초에 중고로 구매해 사용했던 제품으로, 일단 디자인이 맘에 들어서 사용하기 시작했으며 전반적으로 가성비 측면에서 우수하는 평가가 많아 사용을 결정했습니다. 기능성 가성비를 따지더라도 통울림이 엄청나게 큽니다. 막귀인 편인데도 통울임이 굉장히 크게 느껴졌습니다. 무선 기능은 없었으나, 전체적인 마감 등은 나쁘지 않아 보였습니다. 황축의 키감은 무거웠습니다. 개인적으로 받침대를 놓고 사용해도 피로감이 좀 느껴졌습니다.효용성무선 기계식 키보드를 주로 사용해서인지, 막상 무선이 없으니 다소 답답하게 느껴졌습니다. 또한 무게가 무겁게 느껴져 휴대는 불가능하다는 생각이 들었습니다.심미서국산 중소기업 제품임에도 디자인적으로 꽤나 만족스러웠습니다. 키캡이 적용된 독특한 폰트도 좋았습니다. 다만 당..
플렉스박스에 말 줄임표(text-overflow: ellipsis) 삽입하기 플렉스박스로 구성된 텍스트 콘테이너는 기본적으로 'text-overflow: ellipisis'로 구현되는 '말 줄임표'를 넣을 수가 없습니다. 하지만 플렉스박스의 하위 자식 요소를 텍스트를 담는 컨테이너로 활용하는 경우 '말 줄임표'를 삽입할 수 있습니다. 플렉스박스가 갖는 기능적 특성으로 보이며, 말 줄임표의 활용이 필요한 경우에는 자식 요소를 텍스트 컨테이너로 활용하는 방식으로 코드를 구성하시기 바랍니다. See the Pen Text ellipsis with Flexbox by siimplelab (@siimplelab) on CodePen.
특정 비율 유지하는 div 만들기 (padding 활용, IE11 호환) CSS 모던 스펙 중 하나인 'aspect ratio'는 특정 엘리먼트의 비율을 특정 값으로 유지할 수 있게 해 줍니다. 다만 IE11 등 하위 버전의 브라우저에서는 사용할 수 없는 단점이 있습니다. 'padding'을 활용해 이와 비슷한 비율을 유지하는 기능을 구현할 수 있습니다. 이는 IE11 등의 하위 브라우저에서도 구현이 가능합니다. CSS 랜더링 방식을 일종의 해킹하여 구현한 이 방식은 하위 브라우저를 호환하기 위한 작업 외에도 필요한 경우 특정 비율을 유지하도록 하는 스타일을 구현하는 용도로 활용이 가능합니다. 비율 유지가 주로 많이 쓰이는 용도는 썸네일의 비율을 유지시키는 데에 사용됩니다. 이 때에는 또 하나의 모던 스펙 중 하나인 'object-fit'을 하위 브라우저 대응하여 구현하는 데..
피그마(Figma) 아이콘 다운로드 무료 플러그인(Plugin) ‘아이코니파이(Iconify)’ 피그마(Figma)는 다양한 아이콘을 무료로 다운받을 수 있는 플러그인을 제공해 줍니다. 그 중 유료로 제공되는 것들도 있는 반면, 무료로 제공되는 것들 중에도 높은 기능성을 통해 실제 업무에 활용하기 충분한 성능을 보여 주는 플러그인도 많습니다. 그 중 가장 오래된 피그마 플러그인이자 또 가장 많이 다운로드된 플러그인 중 하나인 ‘아이코니파이(Iconify)’를 간단한 활용법과 함께 소개해 드리고자 합니다.아이코니파이 (Iconify)쉬운 검색 및 아이콘 세트별 분류쉽게 키워드만으로 원하는 아이콘을 검색 가능하며, 특히 아이콘 세트별로 분류가 되어 있어, 원하는 아이콘 스타일을 일관되게 적용할 수 있습니다.무료이자 오픈소스 라이선스무엇보다 무료로 매우 양질의 아이콘들을 종합, 검색할 수 있는 플러그인이..
❤️ 외주/과외 문의
🖥️ 클라우드 메뉴판 : 디지털팝

티스토리툴바