목록RnHub (3)

프로그램 개발서

CSS 디자인 도구 추가: Border Radius Generator로 둥근 모서리 값을 쉽게 만들기

무료 웹도구 사이트 RnHub에 새로운 디자인 도구를 추가했습니다.이번에 추가한 도구는 Border Radius Generator입니다.웹사이트를 만들다 보면 카드, 버튼, 이미지 박스, 모달 같은 요소에 둥근 모서리를 자주 적용하게 됩니다. 이때 CSS의 border-radius 값을 직접 입력하면서 여러 번 수정하는 일이 많습니다.Border Radius Generator는 이런 작업을 조금 더 쉽게 하기 위해 만든 도구입니다.Border Radius Generator란?Border Radius Generator는 CSS border-radius 값을 시각적으로 조정하고, 결과 코드를 바로 복사할 수 있는 도구입니다.슬라이더를 움직이면 미리보기 박스의 모서리가 실시간으로 바뀝니다.지원하는 기능은 다음..
개발지/RnHub 2026. 7. 1. 15:12
Color Contrast Checker와 Box Shadow Generator를 추가

무료 웹도구 사이트 RnHub에 디자인 관련 도구를 추가했습니다.이번에 추가한 도구는 두 가지입니다.Color Contrast CheckerBox Shadow Generator둘 다 웹디자인이나 프론트엔드 작업을 할 때 자주 필요한 기능입니다.색상 대비를 확인하거나, CSS 그림자 값을 조정하는 작업은 작은 일이지만 꽤 자주 반복됩니다.그래서 브라우저에서 바로 사용할 수 있는 형태로 추가했습니다.Color Contrast CheckerColor Contrast Checker는 전경색과 배경색의 대비 비율을 계산하는 도구입니다.웹사이트를 만들 때 색상이 예쁘게 보이는 것도 중요하지만, 실제로 읽기 쉬운지도 중요합니다.예를 들어 버튼 배경색과 텍스트 색상의 대비가 낮으면 사용자가 버튼 문구를 읽기 어렵습니다..
개발지/RnHub 2026. 7. 1. 14:59
무료 웹 도구 사이트 RnHub

무료로 바로 사용할 수 있는 웹도구 사이트를 제작합니다.사이트 이름은 RnHub 입니다.RnHub는 브라우저에서 바로 사용할 수 있는 작은 웹도구들을 모아두는 사이트입니다. 프로그램을 설치하지 않아도 되고, 회원가입 없이 필요한 기능만 빠르게 사용할 수 있는 구조를 목표로 만들고 있습니다.현재는 개발자, 블로거, 디자이너, 마케터가 자주 쓰는 기능을 중심으로 하나씩 추가하고 있습니다.예를 들면 이런 도구들입니다.JSON FormatterBase64 Encode / DecodeURL Encoder / DecoderText CounterUUID GeneratorPassword GeneratorColor ConverterColor Contrast CheckerBox Shadow GeneratorImage Co..
개발지/RnHub 2026. 7. 1. 11:22
이전 Prev 1 Next 다음