그냥 개발자 블로그

https://youtu.be/qak75_lK8KI 앱 서비스를 위한 홈페이지 템플릿입니다. 완전 반응형입니다. 파일 구성은 html, css, javascript로 이루어져 있습니다. 웹 표준과 크로스브라우징을 준수하였습니다. PC에서 에지, 크롬과, 모바일에서 아이폰6, 아이폰7, 갤럭시노트9 의 테스트 과정을 거친 템플릿 입니다. 디자인 구매는 워크식스 홈페이지로 영상 제목과 함께 문의 남겨주세요. 감사합니다. 반응형 - PC(Window10, Mac) - Mobile - ipad - ipad pro 크로스브라우징 - 엣지 - 크롬(Window) - 크롬(Mac) - 사파리(Mac) - 모바일 사파리(iphone6, iphone7) - 모바일 크롬(갤럭시노트9) 섹션 구성 - LOADING - AB..

스크롤 도중에 특정 구간에 도달하면 스크롤 위치에 따라 이미지 왼쪽에서 오른쪽 또는 오른쪽에서 왼쪽으로 이동하며 왼쪽 텍스트 영역과 일치하는 이미지를 보여주는 기능을 플러그인으로 개발하여 공급하였습니다. CSS와 JAVASCRIPT를 이용한 웹 퍼블리싱 포트폴리오 입니다. 의뢰 문의는 홈페이지를 이용해 주세요. copyright ⓒ 2019. 워크식스

CSS 만을 이용하여 마우스 애니메이션을 만드는 방법 입니다. 유튜브 제목을 클릭하여 큰 화면으로 볼 수 있어요. 따라 해보세요. 2018/11/08 - [HTML&CSS] - CSS만 이용해서 움직이는 화살표 버튼 만들기 2018/10/14 - [HTML&CSS] - CSS만 이용해서 로딩 애니메이션 만들기 [워크식스 문의하기] copyright ⓒ 2018. 워크식스

CSS 만을 이용하여 화살표를 애니메이션을 만드는 방법 입니다. 처음엔 단순한 선이었다가 마우스를 올리면 화살표로 변합니다. 유튜브 제목을 클릭하여 큰 화면으로 볼 수 있어요. 따라 해보세요. 2018/10/14 - [HTML&CSS] - CSS만 이용해서 로딩 애니메이션 만들기 2018/12/08 - [HTML&CSS] - CSS만으로 마우스 애니메이션 만들기 [워크식스 문의하기] copyright ⓒ 2018. 워크식스

CSS 만을 이용하여 로딩 애니메이션을 만드는 방법 입니다. 이미지 혹은 gif 파일 보다 리소스도 적게 사용되고, 나중에 수정하기도 편하죠. 유튜브 제목을 클릭하여 큰 화면으로 볼 수 있어요. 따라 해보세요. 2018/12/08 - [HTML&CSS] - CSS만으로 마우스 애니메이션 만들기 2018/11/08 - [HTML&CSS] - CSS만 이용해서 움직이는 화살표 버튼 만들기 [워크식스 문의하기] copyright ⓒ 2018. 워크식스

자수닷컴 : http://www.brother-jasu.co.kr 분류자수 도안 쇼핑몰 개발 내용퍼스트몰 독립 서버로 이전 (운영중이던 독립서버에 자수닷컴 추가)무통장 입금 자동 확인 서비스 개발부라더 미싱 ID 라이센스 확인 프로그램 개발타 쇼핑몰 미싱 정보 연동장바구니로 담은 후 장바구니로 이동 여부 묻기 기능 개발무료자수 결제 프로그램 개발관리자에서 카테고리 및 상품 진열 설정 기능 개발상품 가격 수정시 카테고리 자동 이동 기능 개발 [문의하기] copyright ⓒ 2018. 워크식스

웹퍼블리싱에서 패딩(padding)과 마진(margin)은 필수 요소이며 가장 많이 사용 됩니다. 따라서 비슷하지만 다른 패딩과 마진의 대한 이해가 꼭 필요 합니다. 예를 들어 다음과 같이 css 를 적용했다고 가정 합니다. padding:20px;margin:20px;border:1px solid #fff;display:inline-block;width:200px;height:200px; html에는 다음과 같이 적용됩니다. 패딩(padding)은 div 요소 안쪽에 공간을 만들며, 마진(margin)은 요소 밖에 공간을 만듭니다. 따라서 패딩을 사용한 경우 div의 가로 세로 크기 200px 보다 영역이 커지며, 마진을 사용한 경우에는 div의 가로 세로 크기는 200px 그대로가 되는것 입니다. 또..