· software
freeCodeCamp와 학습하기
새해가 몇 가지 변화를 가져왔고, 바람직하게도 약속들을 가져왔습니다. 저는 DEV Community에 가입했고, freeCodeCamp에서도 새 계정을 만들었으며, 버전…
-
- · software
모든 CSS 요소를 리사이즈 가능하게 만드는 방법 🔧 (JavaScript 없이)
resize 속성 기본적으로 요소는 크기 조정이 불가능합니다. 요소를 예를 들어 **처럼** 크기 조정 가능하게 만들려면 CSS `resize` 속성을 사용할 수 있습니다: ```css /* 요소를 ... */ ```
- · software
CSS & JS로 사이버펑크 글리치 UI 구축 (소스 코드)
사이버펑크 글리치 카드 튜토리얼 !Ahmod Musa https://media2.dev.to/dynamic/image/width=50,height=50,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-upload...
- · software
모던 웹 개발 시작하기
- · software
CSS 마스크를 사용해 이미지를 분할하고 조립하기
데모 이 펜을 확인해 보세요! mask property를 사용해 이미지를 조각으로 나눈 뒤, hover 시 전체를 표시합니다. 더 적은 요소로 구현한 single‑element 방식입니다.
-
- · software
Show HN: 나는 내 웹사이트를 시스 로드 테마로 다시 만들었고 재미있길 바란다
나는 크리스마스와 연말 사이의 시간을 이용해 내 웹사이트를 재디자인했다. 이번에는 악의 Sith Lord가 명령하는 테마로 만들기로 결정했다.
- · software
React, GSAP 및 Tailwind v4로 프리미엄 벤또 스타일 포트폴리오 만들기
React, GSAP 및 Tailwind v4를 사용한 프리미엄 벤토 스타일 포트폴리오 구축을 위한 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,grav...
- · software
Figma에서 픽셀 퍼펙트 UI 컴포넌트를 만드는 방법 (그 후 React에서 구현)
빠른 체크리스트 - 픽셀 그리드 켜기 – View → Pixel Grid - 그룹 대신 프레임 사용 – 프레임은 constraints, grids, auto‑layout 지원을 제공합니다. - Enable Layout…
- · software
CSS를 활용한 디자인 시스템
간단 요약 인기 있는 프레임워크나 라이브러리의 도움 없이 순수 CSS만으로 웹사이트에 디자인 시스템을 적용하려고 시작했다면—
- · software
OS X 스타일 도크 (쓰나미 효과)
Read more about OS X 스타일 도크 (쓰나미 효과)
- · software
단어의 의미 추적: 렌더링 (소형 기사)
소개 웹 개발 분야에서 렌더링은 HTML, CSS, JavaScript 또는 애플리케이션 상태와 같은 정보를 받아 …