본문 바로가기
반응형

분류 전체보기127

포토샵 타입툴 사용할 때 이상한 특수문자 박스 나타남? glyph 글리프 해제 방법 가끔씩 포토샵을 사용할 일이 있어서 오래간만에 만지다 보면, 처음 보는 현상들을 마주치게 되는 경우가 있습니다. 포토샵이라는 프로그램이 수 십년(거의 30년 이상?) 발전을 거듭해오다 보니, 디자이너가 아닌 저로서는 낯선 기능들이 새로 생겨났나보다~ 하는 경우를 마주하곤 합니다. 뭔가 다 필요해서 만든 고오급 기능이겠지만, 아직 그 기능을 어디에 써 먹을지 모르는 입장에서는 자꾸만 등장하는 낯선 화면이 반갑지 않은게 사실이기도 하니까요. 타입툴 사용할 때, 폰트 선택 같은게 계속 나온다면? - glyph 언제부턴가 특정 폰트에서 자꾸 이런게 나오는 것 같습니다. 아마도 최근에는 고정폰트가 아니라, 가변폰트가 활성화 되면서 나온 기능은 아닐까? 하는 생각이 드는데요(근거 없습니다. 그냥 추측...) 타입툴.. 2023. 5. 6.
비슷한 듯 다른 동작 방식, Alpha Channel과 Opacity의 차이점 비슷한 듯 다른 동작 방식, Alpha Channel과 Opacity의 차이점Opacity + Alpha Channel Opacity(불투명도)와 Alpha Channel은 둘 다 투명도와 관련이있지만, 서로 다른 형태로 구별이 되는 특성들입니다. 비슷하지만 다른 이 두 가지 특성에 대해서 오늘 포스팅에서 다루어보기로 합니다. Alpha Channel 알파채널(Alpha Channel)은 삼원색으로 일컬어지는 RGB 컬러 정보 이외로 '편집'과 관련된 정보를 담고 있는 채널을 의미합니다. 예를 들어 rgb(0, 0, 255)는 Blue Color를 의미하는데, raba(0, 0, 255, 0.5)는 50% 정도로 투명한 Blue Color를 의미하게 됩니다. 알파채널은 색상이 비치는 정도, 즉 '투명도'.. 2023. 4. 6.
background 다채로운 기능 한 눈에 살펴보기 background 다채로운 기능 한 눈에 살펴보기 CSS를 다루면서, 가장 빈번하게 사용하면서도 활용도가 매우 높은 속성중 하나는 바로 'background' 속성이 아닐까 싶습니다. background 속성은 배경색상을 적용하는 것은 물론, 배경 이미지도 다양하게 적용할 수 있도록 해주면서도 적용할 이미지의 기준점을 세세하게 컨트롤 할 수도 있습니다. 이미지의 크기나 반복해서 적용하는 것 또한 다양하게 조절할 수도 있구요. background 속성은 이와 같이 다양한 특성을 조정할 수 있는 특별한 쓰임과 기능을 가지고 있습니다. 모든 특성을 다 외우고 있을 필요는 없겠지만, 실무에서 주로 사용하고 자주 쓰이는 특성들을 위주로 학습을 해 둔다면 매우 강력한 스킬이 되어줄 것입니다. 예제코드 아래 예제코.. 2023. 4. 5.
onclick="location.href='url주소' 새 창으로 띄우려면? target="_blank" ? onclick="location.href='url주소' " 새 창으로 띄우려면? target="_blank" ? 기존에 작성된 개발코드를 살펴볼 때 onclick=""이벤트를 사용해서 location.href='url주소'를 이용해서 링크하는 경우를 종종 만나게 됩니다. 대충 살펴보자면, 클릭했을때 location에 대한 hyperlink reference를 옆에 적어 둔 url주소를 참조하라는 것이라고 짐작할 수가 있겠습니다. 그런데, location.href는 동작방식이 현재 열려진 브라우저 창에서 동작하게 됩니다. 그렇다면, 엘리먼트를 사용할 때 처럼 target="_blank"을 주려면 어떻게 하면 좋을까요? 예제코드 아래와 같은 HTML 예제코드로 시작해보겠습니다. anchor 태그로 연결 네이.. 2023. 4. 4.
반응형