· software
CSS 마스크를 사용해 이미지를 분할하고 조립하기
데모 이 펜을 확인해 보세요! mask property를 사용해 이미지를 조각으로 나눈 뒤, hover 시 전체를 표시합니다. 더 적은 요소로 구현한 single‑element 방식입니다.
-
- · software
Figma에서 픽셀 퍼펙트 UI 컴포넌트를 만드는 방법 (그 후 React에서 구현)
빠른 체크리스트 - 픽셀 그리드 켜기 – View → Pixel Grid - 그룹 대신 프레임 사용 – 프레임은 constraints, grids, auto‑layout 지원을 제공합니다. - Enable Layout…
- · software
HTML 태그를 만들 수 있습니다
기사 URL: https://maurycyz.com/misc/make-up-tags/ 댓글 URL: https://news.ycombinator.com/item?id=46416945 포인트: 37 댓글: 11
- · software
CSS를 활용한 디자인 시스템
간단 요약 인기 있는 프레임워크나 라이브러리의 도움 없이 순수 CSS만으로 웹사이트에 디자인 시스템을 적용하려고 시작했다면—
- · software
JavaScript를 HTML만으로 대체하기
번역할 텍스트를 제공해 주시겠어요? 현재는 URL만 확인할 수 없어 내용을 가져올 수 없습니다. 번역이 필요한 문장을 알려주시면 한국어로 번역해 드리겠습니다.
- · software
새로운 Front-End Framework 소개
WebForms Core — 서버‑커맨드/클라이언트‑실행을 프론트‑엔드에 도입 프론트‑엔드 생태계는 오랫동안 상태‑구동 및 컴포넌트‑기반 f...
- · software
Angular 학습을 위한 7가지 최고의 리소스: 나의 개인 여정 및 선택
Angular 학습을 위한 7가지 최고의 리소스: 나의 개인 여정 및 선택을 위한 표지 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,...
- · software
React 눈 내리는 효과와 물리
표지 이미지: A React Snowfall Effect with Physics https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2F...
- · software
반응형 웹 디자인: 뷰포트 이해하기 (모든 것을 결정하는 작은 태그)
Responsive Web Design: Viewport 이해하기 – 모든 것을 결정하는 small 태그의 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=42...
- · software
2026년에 우리는 모두 개인 웹사이트를 과도하게 복잡하게 만들고 있는 것 같다
그리고 그것은 도우기보다 빌더들에게 더 큰 해를 끼치고 있습니다. 네, 진심입니다. 이야기해봅시다. 문제 대부분의 포트폴리오와 개인 웹사이트는 2026년에 너무 많은 일을 하고 있습니다: - T...
- · software
🪄 Underwind — 바람이 방향을 바꾸게 하는 스타터 테마
🪄 Underwind — 바람이 방향을 바꾸게 하는 스타터 테마의 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=...
- · software
‘Zombie Tests’를 배포하지 마세요: Project Vandal v0.2.0 소개
Stop Shipping ‘Zombie Tests’ 표지 이미지: Project Vandal v0.2.0 소개 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto...