반응형

Web 11

2025년 팬톤 컬러 - 모카 무스

2025년 팬톤 컬러가 드디어 공개되었습니다. 지난 게시물에서 Green 계열을 예상해 보았는데 예상이 전혀 빗나가고 말았네요.. ^^;;2025년 팬톤 컬러는 무엇일까요?팬톤에서 2025년의 컬러로 선택한 색상은 모카 무스(Mocha Mousse, Pantone 17-1230)입니다. 풍성함이 가득한 따뜻한 브라운 컬러인 모카 무스는 초콜릿과 커피의 맛있는 품질이 연상되며 편안함에 대한 욕구에 부응한다고 밝혔습니다.올해의 컬러를 선정한 팬톤 연구소에서는 모카 무스 선정을 다음과 같이 이야기했습니다. Underpinned by our desire for every day pleasures, PANTONE 17-1230 Mocha Mousse expresses a level of thoughtful ind..

Web/Design 2024.12.06

2025년 팬톤 컬러는 무엇일까요?

매년 이맘때쯤이면 내년의 팬톤 컬러가 발표됩니다. 올해는 2024년 12월 6일 금요일에 발표를 한다고 공식 사이트에 올라왔있습니다. 시간이 되신다고 실시간으로 진행되는 Webinar를 시청해 보는 것도 좋을 것 같습니다. Pantone 2025 Webinar 신청하러 가기 Pantone Color of the Year 2025 CountdownPantone Color of the Year 2025 Countdownwww.pantone.com신청 사이트에 가면 올해의 컬러 후보군에 투표를 하게 되어있습니다. 과연 어떤 컬러가 2025년의 컬러가 될지 미리 예측해보는 재미도 있을 않을까요? 어떤 컬러가 선정될거 같으세요?개인적으로 Purple 색상이 이쁜거 같은데 23년에 Magenta 계열이 올해의 컬러..

Web/Design 2024.12.02

Markdown(마크다운)을 사용하는 이유와 작성법

Markdown 이란?마크다운은 일반 텍스트 문서에 서식 요소를 추가하여 사용하는 경량 마크업 언어입니다. 2004년 John Gruber에 의해 만들어진 Markdown은 현재 세계에서 가장 인기 있는 마크업 언어 중 하나입니다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다.Markdown 포맷 구문의 최우선 설계 목표는 가능한 읽을 수 있도록 하는 것입니다. Markdown 형식의 문서는 태그나 형식 지정을 표시한 것처럼 보이지 않고 그대로 일반 텍스트로 게시할 수 있어야 합니다. Markdown을 사용하는 이유마크다운은 모든 것에 사용할 수 있습니다.웹 사이드, 문서, 노트, 책, 프리젠테이션, 이메일 메시지 및..

Web/HTML 2024.11.29

CSS만으로 구현하는 무한 스크롤

홈페이지 제작을 하다보면 슬라이드를 사용하는 경우가 왕왕 있습니다.슬라이드 내에 많은 기능이 들어가야 하다보면 필연적으로 jQuery와  같은 스크립트를 많이 사용하곤 합니다. 그러나 기능이 많지 않거나 브랜드, 고객사 등을 그냥 흘려보내는 용도의 홍보용 배너 같은 것을 제작할 경우도 자주 있는데 그럴 땐 굳이 스크립트 사용없이 html과 css만으로도 구현이 가능한 부분이 많이 있어 해당 방법을 공유해 보고자 합니다. 웹을 오래 전부터 사용하신 분은 태그를 아실텐데요. 현재는 사용되고 있지 않는 태그입니다. 이전 IE가 주력 브라우저 시장을 차지하고 있을 때 표준이 아닌 태그들이 정말 많이 사용된 시절이 있었네요. 갑자기 추억에 감겨 버렸네요.. 😅그 태그가 텍스트나 이미지에 스크롤 효과를 만드는..

Web/CSS 2024.11.28

샌드박스 어그로체 무료배포

국내 대표적인 MCN기업인 샌드박스에서 어그로체를 개발하여 무료로 배포합니다. 이에 샌드박스 어그로체를 알아보려고 합니다. 어그로가 필요한 곳에 어그로체를! 어그로[Aggro] : 사전적 의미로 폭력, 분쟁, 문제 등을 의미하는 어그로(aggro)란 주로 관심을 끄는 사람을 일컫는 단어로, 인터넷 게시판에 주제와 맞지 않은 글이나 악의적인 글을 올리는 사람 또는 공공장사에서 튀는 행도을 하는 사람을 이르는 부정적인 의미로 사용되지만, 샌드박스에서의 정의는 조금 다릅니다. 샌드박스에서 어그로는 1. 선명하고 확실하게 주목받기를 원하는 마음, 2. 가볍지 않게 자신의 생각을 전하기 위한 행동을 의미한다고 합니다. 어그로체만의 매력 어그로체는 독특한 곡선과 사선의 조합으로 주목도를 높이고, 높이와 폭에서 특유..

Web/Design 2021.09.02

2021년 팬톤 컬러(PANTONE COLOR)

2021년 올해의 팬톤 컬러 팬톤이 2021년 올해의 컬러로 얼티밋 그레이(Ultimate Gray, 17-5104)와 일루미네이팅(Illuminating, 13-0647) 두 가지 컬러를 공개했습니다. 회색과 노란 색조는 각각 독립된 색으로도 훌륭하지만, 서로 짝을 이루면 더 아름답게 보완되며, 특히 노란색은 앞으로 더 밝은 날들을 상징합니다. "이 색상들의 조화는 재설정, 갱신, 재창조 등 우리에게 필요한 복원력, 낙관, 희망, 긍정을 말해주는 조합" - 로리 프레스먼, 팬톤컬러연구소 부회장 팬톤의 올래의 컬러로 두 가지 색상이 선정된 것은 이번이 두 번째로 2016년 로즈 쿼츠와 세레니티가 동시에 선정된 적이 있었습니다. 또한 이번 얼리밋 그레이 색처럼 무채색 음영(회색)이 선정된 것은 이번이 처음..

Web/Design 2020.12.15

Rix열정도체 무료 배포

(주)폰트릭스에서 소상공인을 위해 열정도(Yeoljeongdo)체를 무료로 배포합니다. 이에 Rix열정도체를 알아보려고 합니다. 열정도 거리를 아시나요? 2014년 11월, 서울 용산구 1가의 버려진 인쇄소 공장 골목이 새롭게 태어났습니다. 고층 빌딩 숲 속에 외딴 섬처럼 자리 잡고 있던 소외된 거리는 '열정도'라는 이름으로 여러 음식점과 매장들이 늘어나 현재는 사람들이 찾아오는 독특한 문화, 름식의 거리로 자리 잡았습니다. 『Rix열정도』 서체는 이 거리를 만든 청년 소상공인 단체이자 올해 6주년을 맞은 청년장사꾼의 "다 같이 산다" 캠페인의 일환으로 함께 기획했습니다. 어려운 시기에 함께 살아가는 우리 지역 사회가 조금은 더 나아지기를, 소상송인에게 작은 보탬이라도 되기를 바라는 마음으로 좋은 폰트를..

Web/Design 2020.12.06

2020년 한글날 기념 무료배포 한글 폰트

2020년 10월 9일, 574돌 한글날을 기념하여 많은 기업과 단체에서 기념 폰트를 제작하여 무료배포 하였습니다. 올해는 어떤 폰트들이 제작되어 배포되었는지 조금 늦었지만 살펴보고자 합니다. 배포되는 대부분의 폰트는 저작권에 구애받지 않고 자유롭게 사용할 수 있으나, 간혹 서체마다 저작권에 약간씩의 차이가 있을 수 있으니, 반드시 저작권에 대한 정확한 정보 확인 후 사용하여 추후 발생할 수 있는 불상사에도 대비할 수 있도록 해야 하겠습니다. 네이버 ‘마루부리’ 전년도에 손글씨 109종을 선보인데 이어 올해 네이버에서는 ‘마루 프로젝트’를 통해 ‘부리 글꼴’ 시험판을 지난 10월 7일 배포했습니다. 우리가 흔히 알고 있는 명조체는 중국 명조 시대 글꼴을 칭하는 것으로 우리 한글꼴에는 어울리지 않아 한글의..

Web/Design 2020.11.04

Cross-Browser CSS Gradient

CSS Gradient은 webkit에 의해 도입되었으나 많은 브라우져에서 호환이 되지 않는 문제로 인해 사용되어지지 않았습니다. 하지만 지금은 많은 브라우져에서 그라데이션을 지원하여 CSS 만으로도 배경에 그라데이션 효과를 줄수 있습니다. 그러나 모든 브라우져에서 CSS Gradient를 사용할 수 있는 것은 아니니 유의하시기 바랍니다. 지원 브라우져 현황 Firefox >= 3.6 MSIE > 5.5(!) Safari >= 4 Chrome Webkit Browsers 사파리와 크롬과 같은 웹킷 브라우져는 아래와 같은 규칙을 따릅니다. Firefox 3.6+ Internet Explorer Cross Browser CSS Gradient를 위해서는 위 세가지 코드를 모두 사용하여 CSS를 정의합니다. ..

Web/CSS 2011.07.08

Vector 기반의 Badges 만들기

이 글의 내용은 tutorial9.net의 내용을 기반으로 제작하였습니다. Adobe Photoshop의 Shape을 기반으로한 Vector형 Badges를 제작하는 튜토리얼입니다. STEP 1 우선, 포토샵에서 500px * 500px 사이즈의 새로운 도큐멘트를 생성합니다. 생성 후 Shape의 Ellipse Tool을 이용하여 shift를 누른 상태에서 정원을 그립니다. 색상은 highlight와 shadow가 모두 잘 표현될 수 있는 채도의 색상을 선택하세요. STEP 2다음 단계는 레이어의 스타일을 이용하여 effect를 추가하는 단계입니다. 레이어를 더블클릭하여 Layer Style을 열거나 Menu > Layer > Layer Style > Blending Options 로 이용하여 Layer..

Web/Design 2011.06.16
728x90