· software
형편없는 CSS-아빠 농담 (V)
나쁜 CSS‑Dad 농담 vs 농담 - Box‑shadow 농담 css box-shadow: 10px 10px FFC0CB; 모든 컴포넌트에? - color, clear‑ity, caret, 그리고 clip‑path. - 그리고 HTML tags - Wh...
-
- · software
내가 프론트엔드 개발을 배우기 위해 사용한 7가지 최고의 리소스
프론트엔드 개발을 처음 배우기 시작했을 때, 나는 압도당하는 느낌이었다. 생태계가 방대했다—HTML, CSS, JavaScript 프레임워크, 빌드 툴, 테스트… 어디서...
- · software
CSS 텍스트 전처리기 비교
Comparativa de preprocesadores de textos CSS에 대한 표지 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%...
- · software
당신은 TailwindCSS를 잘못 사용하고 있습니다
나는 이전에 왜 일반적으로 내 프로젝트에서 Tailwind CSS를 주요 스타일링 접근 방식으로 사용하는 것을 권장하지 않는지 언급했으며, 그 입장을 설명했습니다…
- · software
CSS Grid 마스터하기: 반응형 레이아웃을 위한 포괄적인 가이드
CSS Grid 반응형 레이아웃 floats와 복잡한 media queries, 그리고 취약한 layout systems와 씨름하며 반응형 디자인을 구현하는 데 지치셨나요? 이제는…
- · software
왜 CSS 클래스가 Next.js에서 dangerouslySetInnerHTML와 함께 작동하지 않을까 (그리고 해결 방법)
문제 SEO 중심이거나 CMS 기반의 콘텐츠를 React / Next.js에서 작업할 때, 우리는 종종 dangerouslySetInnerHTML을 사용하여 HTML 문자열을 렌더링합니다. 모든 l...
- · software
CSS Z-Index 설명: 스태킹 혼란을 멈추고 레이어를 프로처럼 관리하기
CSS z-index를 파헤치다: 웹 레이어를 제어하는 비밀 헤더 위에 dropdown menu를 놓아보려 했거나, modal과 싸워본 적이 있다면…
- · software
CSS Max-Width 설명: 레이아웃 깨지는 것을 방지하세요
레이아웃을 깨지 마세요! CSS max-width 완전 가이드 노트북에서 완벽하게 보이는 디자인에 몇 시간을 투자했지만, 화면이 늘어나는 것을 본 적이 있다면…
- · software
CSS 전처리기 소개: SASS와 LESS의 힘을 활용하기
!CSS 전처리기 소개: SASS와 LESS의 힘을 풀어내는 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,grav...
- · software
고급 CSS Grid 및 Flexbox 기술 마스터하기: 반응형 레이아웃
현대 웹 디자인에서 CSS Grid와 Flexbox는 반응형이며 적응 가능하고 시각적으로 인상적인 레이아웃을 만들기 위한 기본 도구가 되었습니다. 두 기술 모두 ...
- · software
terminal.css: 터미널 스타일 CSS 컴포넌트 라이브러리
!terminal.css 커버 이미지: 터미널 스타일 CSS 컴포넌트 라이브러리 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto...
- · software
‘Landing Page’에서 실제 웹사이트로의 도약: 멀티 페이지의 도전
소개 우리가 웹 개발을 공부하기 시작하면, 거의 모든 사람이 같은 단계에 들어갑니다: HTML 파일을 만들고, 몇 가지 스타일을 적용하고, 그리고 우리는 s...