보랑취향

Liver Server는 비주얼 스튜디오 코드 로컬에서 경량화 웹서버로 html이나 자바스크립트 제작한 것을 테스트 해 볼 수 있는 서버이다. 새로 고침을 따로 할 필요가 없으며, 파일의 내용을 수정할 때마다 캐시지우기&새로고침이 이루어진다.

https://noonnu.cc/index

데스크탑에 설치된 피그마를 연다. 오른쪽 상단에 Design file 버튼을 클릭해서 새 파일을 연다. 새파일이 나오면, page1 의 이름을 원하는 명칭으로 변경한다. 메뉴에 Frame(프레임)을 클릭! 오른쪽 창에 원하는 프레임 사이즈 선택! 원하는 사이즈로 새창이 형성된다.

https://www.figma.com/ Figma: The Collaborative Interface Design Tool Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform. www.figma.com 피그마 사이트 로그인을 한다. 웹사이트 작업환경이 뜨면, 왼쪽 상단 이름 화살표 클릭! Get desktop app (데스크탑 앱 가져오기) 클릭! 데스크탑 앱 파일 다운로드 저장! 다운받은 피그마파일 클릭하면 내 컴퓨터에 피그마 설치 완료!

파일 > 가져오기 > 비디오 프레임을 레이어로..(file > Import > Video Frames to Layers..) 클릭! 움짤 만들 동영상을 선택해준다. 레이어로 비디오 가져오기 창이 뜨는데, 일단 시작부터 끝까지(From Deginning To End) 체크박스를 선택해서 총 레이어프레임 갯수를 알아야 한다. 보통 움짤은 레이어가 100장이 넘어가면 용량이 너무 커서 파일이 무겁게 되므로 레이어 프레임 갯수를 알고 줄여서 편집하는게 좋다. 위에 제한기준(Limit To Every) 체크박스 클릭후 2 프레임 수 임력하면, 이 동영상의 총프레임 갯수에서 나눠서 나온 수가 프레임 갯수가 됨. ex)473(총프레임갯수)나누기 2(제한기준)=237 , 473나누기5=94.6를 하는것과 같다. 그리고..

상세페이지 내 동영상이 들어갈 부분을 만든다. 파일> 포함가져오기(place Embedded..) 삽입할 동영상 선택 위치조절하고 확인 클리핑마스크(Layer > create clipping mark)를 눌러 지정된 화면 안으로 넣어 위치와 크기를 조절해 준다. 창 > 타임라인(Windonw > Timeline)을 클릭하면 아래와 같은 창이 뜬다. 타임라인창 프레임 애니메이션 만들기(Create Video Timeline) 작은 화살표를 눌러 비디오 타임라인 만들기(Create video Timeline)를 클릭한다. 인디게이터(눈끔자)를 영상이 끝나는 부분까지 옮겨 오른쪽 마우스 클릭 작업 영역 끝 설정(Set of work Area) 선택. 영상이 반복되도록 재생시켜줘야 한다. 설정(톱니바퀴모양아이콘..

마이컬러 하나의 컬러만 입력화면 어울리는 색상을 알려줌. https://mycolor.space/ ColorSpace - Color Palettes Generator and Color Gradient Tool Just Enter a Color! And Generate nice Color Palettes mycolor.space Css 그라디언트 그라디언트 만들어서 css로 넣을수 있음. 아래 copy to cilpboard 눌러주면 css코딩으로 나와서 쓸수있음. https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website lets you cre..

기본양식 내용 내용 내용 내용 내용 -이 페이지 글씨가 만들어 지는 체계가 UTF-8형식으로 만들어 짐. (참고, euc-kr 옛날 국내 한글형식) -인터넷 익스프로러 즉, 옛날 브라우저를 edge(edge of the art 최신버전의 브라우저)로 바꿔서 보여줌 -웹 모바일 다양한 브라우저 디바이스 넓이를 100% 사이즈로 맞춰줌.(반응형) Open in Default Browser -마우스 오른쪽 클릭시 메뉴. 인터넷 브라우저 창으로 보기. Open with Live Server -마우스 오른쪽 클릭시 메뉴. 인터넷 브라우저 내부의 서버주소로 빠뀌면서 볼수 있는 창.