디자이너, AI크리에이터, 블로거
경주김씨 계림군파
-
워드프레스 개발환경 무작정 따라하기: wp-env
워드프레스 개발환경 무작정 따라하기: wp-env 활용 가이드 워드프레스 플러그인/테마 개발을 위한 로컬 개발환경 구축은 복잡해 보일 수 있지만, wp-env를 사용하면 매우 간단하게 시작할 수 있습니다. 아래는 완전 초보자를 위한 단계별 따라하기입니다. wp-env는 플러그인과 테마를 구축하고 테스트하기 위한 로컬 WordPress 환경을 쉽게 설정할 수 있게 해줍니다. 설치가 간단하고 구성이 필요하지 않습니다. @wordpress/env – Block Editor Handbook…
-
WordPress 블로그 개선: 사용자 정의 작성자 페이지 만들기
WordPress 블로그 개선: 사용자 정의 작성자 페이지 만들기 – Gravatar 블로그의 번역입니다. 작성자 페이지에는 게시물을 작성, 편집 또는 기여한 사람에 대한 정보가 포함되어 있습니다. 여기에는 일반적으로 이름, 사진, 짧은 약력, 소셜 미디어 링크 및 동일한 도메인에 게시된 모든 게시물 목록과 같은 항목이 포함됩니다. 블로그가 있는 경우 일반적으로 항상 전담 작성자와 함께 할 페이지를 두는 것이…
-
한국 워드프레스 커뮤니티에 합류하기
한국 워드프레스 커뮤니티에 합류하는 완벽 가이드 오늘 워드프레스 한국 커뮤니티에 참여하려는 분들을 위한 가이드를 정리해보려고 합니다.워드프레스를 사용하면서 궁금한 점을 나누거나 도움을 받을 수 있는 곳이 필요하지만, 정보가 산발적으로 흩어져 있어서 처음 접하는 분들은 어려움을 겪을 수 있죠.이 포스트에서는 공식적인 채널부터 비공식적인 모임까지 다양한 커뮤니티 참여 방법을 소개합니다. 특히 Slack과 페이스북 그룹, 카카오톡 오픈채팅 등 주요…
-
What is “rel=me”?
It sounds like you’re interested in setting up a “rel=me” link for your profile on the Fediverse. This is a great way to verify your identity across different platforms. Here’s a simple guide to help you: What is “rel=me”? The rel=”me” attribute is used in HTML links to indicate that the linked URL is another…
-
데스크톱 및 모바일용 텍스트 크기 최적화하기: 가독성을 위한 종합 가이드
타이포그래피는 디지털 인터페이스에서 중요한 역할을 하며 사용자가 콘텐츠를 소비하고 상호 작용하는 방식에 직접적인 영향을 미칩니다.데스크톱과 모바일 플랫폼 모두에 적합한 최적의 텍스트 크기를 찾는 것은 다양한 사용자를 수용하는 접근 가능하고 사용자 친화적인 환경을 만드는 데 필수적입니다. 연구에 따르면 적절한 크기의 텍스트는 다양한 디바이스와 연령대에 걸쳐 읽기 속도, 이해도 및 전반적인 사용자 만족도를 크게 향상시키는 것으로 나타났습니다.이…
-
구글 머티리얼 디자인 3의 컬러 시스템에 대한 종합 연구
구글의 머티리얼 디자인 3(Material Design 3, 이하 MD3)은 2021년 공개된 디자인 시스템의 혁신적 진화를 대표한다. 특히 컬러 시스템 측면에서 기존 머티리얼 디자인 2(MD2)와 비교할 때 사용자 중심의 개인화 기능과 과학적 접근 방식이 결합된 독창적인 구조를 보여준다. 본 연구는 MD3 컬러 시스템의 기술적 구조, 구현 메커니즘, 실제 적용 사례를 종합적으로 분석하며, 특히 다이나믹 컬러(Dynamic Color)의 알고리즘과…
-
컬러팔레트 스타일
Role Hex RGB HSL HCT Pantone Color 1 ffffff 255, 255, 255 0, 0%, 100% Light Bg e0e5ed 224, 229, 237 217, 27%, 90% 246.656293503009868.08437454860164390.78005899837862 Separators c6cdd7 198, 205, 215 215, 18%, 81% 247.803456793546339.75462858022255782.14957619129383 Light Text 838383 131, 131, 131 0, 0%, 51% 209.49378110840951.92237843599776254.75842810014477 Primary Color 00539b 0, 83, 155 208, 100%, 30% 259.576158519132448.8874355577669635.10915257840184 Princess…
-
타이포그래피 스타일
기존 Global role font size line height letter spacing weight transform headlines h1 4rem 1.2 -0.02em bold 700 capitalize h2 3rem 1.2 -0.02em subheadings h3 2.5rem 1.3 -0.015em semi-bold 600 – h4 2rem 1.3 -0.015em Lead h5 1.563rem 1.4 -0.015em medium 500 – h6 1.25rem 1.4 -0.015em post title 2rem 1.3 -0.015em post title extras…
-
Material Design 3 – 정적 색 구성표(번역)
정적 색 구성표는 일관되고 균일한 디자인을 가져야 하는 브랜드 제품에 이상적입니다. Dynamic color – Material Design 3 /base line 베이스라인은 디폴트 정적 색 구성표입니다. 접근성 높은 색상 페어링을 사용하며 라이트 테마 및 다크 테마 모두에 대한 색상을 포함합니다. 베이스라인 색 구성표를 사용하면 최종 사용자는 다음을 볼 수 있습니다. Baseline colors 머티리얼 테마 빌더를 사용하여 피그마에서…
-
Material Design 3 – 색상 역할(번역)
Color roles – Material Design 3 Primary(주조색), Secondary(2차), Tertiary(3차), Error, Surface(표면), Outline(윤곽선)의 6가지 그룹으로 구성된 26가지 표준 색상 역할이 있습니다. 색상 역할이란 무엇인가요? 색상 역할은 paint by number 캔버스의 ‘숫자’와 같습니다. 색 역할은 UI의 요소와 어떤 색을 어디에 배치할지를 연결하는 결합 조직입니다. General concepts(일반 개념) 다음은 색상 역할의 이름에서 볼 수 있는 알아두면 유용한 단어입니다:…