전체 글 (55) 썸네일형 리스트형 자바스크립트로 게임 만들기 (슬라이딩 퍼즐) 자바스크립트로 3X3 슬라이딩 퍼즐을 만들어봤습니다.(못 푸는 경우도 있으니 안되면 새로고침...) "> 포토샵 단축키로 툴 바꾸면 자꾸 이전 툴로 돌아가는 문제 "> 포토샵에서 단축키로 툴을 바꾸는 경우가 많은데,단축키에서 손을 떼면 자꾸 이전 툴로 돌아가는 문제(?)가 있습니다.문제라기 보다는 포토샵의 기능입니다. Edit - Preferences - Tools 에서Spring-loaded Tool Shortcuts 를 체크 해제하면 됩니다. https://youtu.be/oEHCxYI2q90 영상에서는 Use Shift Key for Tool Switch 도 해제했는데안해도 됩니다. CSS Transition 종료 후 다른 기능 실행 (자바스크립트) CSS 로 div 에 애니메이션 효과를 준 뒤 자바스크립트로 다른 기능을 실행할 때이것을 순차적으로 실행할 수 있게 해주는 기능입니다. 순서1. div에 class를 추가하여 애니메이션 하기 (classList.add)2. div가 애니메이션이 끝났는지 확인 (Promise 함수)3. 다음 기능 실행하기 (얼럿창이나 하나 띄워봅시다.) 사전 세팅 CSS html나는 길어진다.클릭하면 실행됨 이런 화면입니다.(볼품이 없습니다.) 1. 클래스 추가하기document.querySelector('.btn').addEventListener('click', () => { document.querySelector('.div1').classList.add('on');}); 2. 애니메이션 끝났는지 확인하기d.. 둥근 흐린 동그라미 만들기 포토샵으로 블러효과가 적용된 동그라미를블러효과 없이 만들어봅시다. 1. Ellipse Tool 도형툴로 동그라미를 하나 그립니다. 2. 도형의 배경색은 투명 / 선 색은 마음에 드는 색상 / 두께는 적당하게 설정합니다. 3. Properties 에서 Masks 탭으로 이동한 뒤 Feather 값을 조절하며 적당한 수치를 찾습니다. 4. 완성 아래는 모든 과정이 기록된 영상입니다. https://youtu.be/_61BD-1b98Y?si=VeQMohR02fEgbuuq (광고 한번씩 클릭해 주시면 감사드리겠습니다. 콘텐츠 제작에 큰 힘이 됩니다.) "> 웹페이지가 이미지처럼 확대/축소 되는 효과 모바일 / 태블릿 타겟의 웹앱을 작업하는 중필요에 의해 작성한 스크립트 입니다. 화면의 UI가(여백 / 이미지 / 텍스트 포함)이미지 처럼 확대/축소 됩니다. 조건1. rem 방식으로 CSS를 작성2. 가능한 SVG 이미지를 활용할 것3. UI 디자인은 FHD 해상도의 font-size: 16px 기준으로 작업할 것(필수는 아니지만 스크립트를 수정해야 함) 결과는 이런식으로 동작합니다. 아래의 스크립트가 포인트 입니다.function setFontSize(){ const deviceWidth = window.innerWidth; //디바이스의 가로넓이를 가지고옴 const defaultScreenSize = 1920; //디자인 시안의 가로 사이즈 const defaultFontSize.. 반응형웹 - 악취관리 시스템 디자인 + 퍼블리싱 반응형웹 - 악취관리 시스템 디자인 + 퍼블리싱 개발사의 외주로 악취관리시스템 홈페이지의 디자인 + 퍼블리싱 작업을 진행하였습니다.user / admin 에 따라서 UI가 화면에 다르게 표시되도록 처리하였습니다. 샘플 사이트 URLhttp://designhuh.phps.kr/12/ 악취통합관리시스템 designhuh.phps.kr (보안상 이유로 메인페이지만 공개되었습니다.) 작업 문의는 오픈 톡방으로 연락주세요.https://open.kakao.com/me/designhuh 허정권 실장님의 오픈프로필웹 퍼블리싱 외주open.kakao.com 외주 퍼블리싱 - 모바일 웹앱 퍼블리싱 외주 퍼블리싱 - 모바일 웹앱 퍼블리싱 개발사에서 모바일 웹앱에 필요한 퍼블리싱을 의뢰해 주셨습니다.디자인 파일을 제공받아 진행하였습니다.화면 UI 애니메이션은 스크립트로 처리하였습니다. 샘플 사이트 URLhttp://designhuh.phps.kr/11/ Document주차장 열기 로봇 호출 엘리베이터 호출 홈 기기 가전제품 나경이네 홈 에어컨 20°C 공기청정기 좋음 로봇청소기 대기중 M47KDB89377 지하 4층 B4 구역 M47KDB89377 지하 4층 B4 구역 M47KDB89377 지하 4층 B4designhuh.phps.kr 작업 문의는 오픈 톡방으로 연락주세요.https://open.kakao.com/me/designhuh 허정권 실장님의 오픈프로필웹 퍼블리싱 외주open.kakao... 외주 퍼블리싱 - 실종자 알림 서비스 퍼블리싱 외주 퍼블리싱 - 실종자 알림 서비스 퍼블리싱 개발사에서 의뢰주신 실종자 알림 서비스 퍼블리싱 입니다.디자인을 제공받아 퍼블리싱 작업을 진행하였습니다.UI에 CSS애니메인션을 적용하였습니다. 샘플 사이트 URLhttp://designhuh.phps.kr/10/ Document designhuh.phps.kr 작업 문의는 오픈 톡방으로 연락주세요.https://open.kakao.com/me/designhuh 허정권 실장님의 오픈프로필웹 퍼블리싱 외주open.kakao.com 이전 1 2 3 4 5 ··· 7 다음
