그냥 개발자 블로그

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

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

라디오버튼에 스타일 적용할수 있도록 해주는 플러그인 선택1 선택2 1. 제이쿼리가 필요합니다. 선택1 선택2 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 선택1 선택2 3. FontAwesome css를 연결해 줍니다. 선택1 선택2 4. 기본 스타일과 html 태그를 작성 합니다. 선택1 선택2 5. 페이지가 열릴때 자동으로 실행되게 함수를 작성 합니다. 6. 플러그인은 워크식스에서 만들어졌습니다. 프로그램 소스 다운로드는 워크식스 홈페이지를 이용해 주세요. [문의하기] copyright ⓒ 2017. 워크식스

체크박스에 스타일 적용할수 있도록 해주는 플러그인 선택 1. 제이쿼리가 필요합니다. 선택 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 선택 3. FontAwesome css를 연결해 줍니다. 선택 4. 기본 스타일과 html 태그를 작성 합니다. 선택 5. 페이지가 열릴때 자동으로 실행되게 함수를 작성 합니다. 6. 플러그인은 워크식스에서 만들어졌습니다. 프로그램 소스 다운로드는 워크식스 홈페이지를 이용해 주세요. [문의하기] copyright ⓒ 2017. 워크식스

웹퍼블리싱에서 패딩(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 그대로가 되는것 입니다. 또..