컨트롤 + CCCV

브릭시티 | 당신만의 도시를 건설하고 복원하세요.

'브릭시티'는 누구나 자유롭게 건물과 도시를 조성하며 창의력을 펼칠 수 있는 샌드박스 시티빌딩 게임으로, 이미 많은 이용자의 관심을 받는 작품입니다.

CSS mix-blend-mode 속성 | 블렌딩 효과 만들기

mix-blend-mode는 CSS의 속성으로, 요소의 배경과 해당 요소의 내용물을 블렌딩하는 방법을 결정합니다. Photoshop과 같은 그래픽 편집 소프트웨어에서 사용되는 레이어 블렌딩 모드와 유사한 개념입니다.

CSS - 형광펜 밑줄 효과 (+ 애니메이션 추가)

CSS를 활용하여 형광펜 밑줄 효과를 간단하게 구현하는 방법입니다.

input[type="file"] 태그 커스텀 (웹 접근성 개선)

HHTML, CSS, jQuery를 사용하여 input[type="file"] 태그를 스타일 커스텀하는 코드 예제입니다.

jQuery - select 태그 커스텀

HTML, CSS, jQuery를 사용하여 select 태그를 스타일 커스텀하는 코드 예제입니다.

jQuery - Swiper 갤러리 슬라이드 (반응형)

Swiper.js 플러그인을 활용한 갤러리 형태의 반응형 슬라이드 코드 예제입니다.

jQuery - 스크롤 시 특정 위치에서 Fixed (반응형)

jQuery를 사용하여 웹 페이지에서 사용자가 스크롤할 때 특정 요소가 화면의 특정 위치에 고정되는 방법을 설명합니다. 반응형 디자인을 고려한 이 예제는 HTML 구조, CSS 스타일, jQuery 코드를 자세히 다루며, 스크롤 및 창 크기 변경에 반응하는 동적인 웹 페이지 기능 구현을 보여줍니다.

jQuery - Swiper pagination 텍스트로 커스텀 + progress bar

Swiper.js를 활용하여 페이지 제목과 progress bar를 추가한 슬라이드 코드 예제입니다.

jQuery - 원형 그래프 (Pie Chart)

SVG를 활용한 원형 그래프 코드입니다.

jQuery - 흐르는 롤링 배너 (+ 반응형 타입 추가)

흐르는 형태로 무한 롤링되는 배너 코드 예제입니다.