· software
나는 인터넷에서 최악의 Website를 만들었다
소개: 나는 의도적으로 모든 디자인 규칙을 깨뜨려 무슨 일이 일어나는지 확인했다. 끔찍한 디자인 선택 - 글꼴: Comic Sans, Papyrus, 그리고 Impact 모두 s...
-
- · software
Ugly Sweater CSS: 드로이드
LEGO 스타워즈 어드벤트 캘린더 – CSS 어글리 스웨터 2020년부터 저는 LEGO 피규어 어글리 스웨터의 CSS‑art 버전을 만들고 있습니다. 이전 게시물을 볼 수 있습니다.
- · software
수평 Navigation Bar 가이드 2025: Design, Code & Best Practices
수평 네비게이션 바에 대한 궁극적인 가이드: 디자인, 코드 및 모범 사례 안녕하세요, 웹 크리에이터 여러분! 👋 여러분이 자주 상호작용하는 것에 대해 이야기해봅시다.
- · software
수직 네비바 설명: 현대 사용 사례, 모범 사례 & 코드
Vertical navigation bars는 현대 웹 디자인에서 필수 요소가 되고 있습니다. 상단에 링크를 늘어놓는 대신, 세련된 side‑aligned menu가 사용자를 아래로 안내합니다.
- · software
그냥 Htmx를 시도해 보세요
번역할 텍스트를 제공해 주시면 한국어로 번역해 드리겠습니다.
- · software
메모리 게임 – LiveHTML | Okan Kaplan
제가 만든 Pen을 확인해 보세요! Memory Game – 인터랙티브하고 반응형이며 JavaScript로 완전히 제작되었습니다. LiveHTML에서 개발했습니다. 태그: MemoryGame, Tangram, JavaScript,…
-
- · software
포맷 손실 없이 Plain Text를 HTML로
개발자는 API 응답부터 로그, 사용자 입력 필드에 이르기까지 거의 모든 곳에서 plain‑text 형식을 사용합니다. plain‑text를 저장하고 처리하는 것은 간단합니다; …
- · software
내가 프론트엔드 개발을 배우기 위해 사용한 7가지 최고의 리소스
프론트엔드 개발을 처음 배우기 시작했을 때, 나는 압도당하는 느낌이었다. 생태계가 방대했다—HTML, CSS, JavaScript 프레임워크, 빌드 툴, 테스트… 어디서...
- · software
순수 HTML 및 JavaScript로 무한 생성 음악 엔진 구축 (마코프 기반)
!무한 Generative Music Engine https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uplo...
- · software
CSS Grid 마스터하기: 반응형 레이아웃을 위한 포괄적인 가이드
CSS Grid 반응형 레이아웃 floats와 복잡한 media queries, 그리고 취약한 layout systems와 씨름하며 반응형 디자인을 구현하는 데 지치셨나요? 이제는…
- · software
‘Landing Page’에서 실제 웹사이트로의 도약: 멀티 페이지의 도전
소개 우리가 웹 개발을 공부하기 시작하면, 거의 모든 사람이 같은 단계에 들어갑니다: HTML 파일을 만들고, 몇 가지 스타일을 적용하고, 그리고 우리는 s...