profile
왕초보

Twine 도움이 되는 웹사이트

Damon.l.wakees 블로그https://www.youtube.com/watch?v=CXjvSRTPDRs

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

간단한 테마 변경.

꼬기 Css 템플릿위의 것을 받아서.이야기 설정의 edit story stylesheet를 눌러 빈 css 파일에 위의 파일을 집어넣으면 간단한 테마 완성!

2022년 5월 25일
·
0개의 댓글
·

Twine 시작.

선택지형 스토리 제작툴 twine 공부하기.twine게임을 즐길 수 있는 사이트 인터렉티브 픽션 기술 재단인터렉티브 픽션 커뮤니티 포럼Passage Link\[Example]기본적인 문장 사이 연결.Routing Links링크에서 다른 링크로 이동 가능. 이름은 길게

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

재미있는 토론

인터렉티브 픽션의 미래

2022년 5월 25일
·
0개의 댓글
·

scss-2

문법블로그부모 참조 선택자 '&(Ampersand)'플레이스홀더 선택자@extend로 호출하며 '%(Percent)'를 사용주석주석은 // /\* /가 있으면 컴파일시 사라지나 /!      \*/ 문법으로 작성하면 주석이 삭제되지 않고 노출논리 연산Sass에서 논

2022년 5월 25일
·
0개의 댓글
·

scss 시작

강의47:34extend를 활용하면 같은 속성을 확장하는 것도 가능하다!

2022년 5월 24일
·
0개의 댓글
·

CSS preserve-3d

링크텍스트3d 상에 배치.

2022년 5월 14일
·
0개의 댓글
·

CSS mix-blend-mode

MDn색조 조정 가능mix-blend-mode: normal;mix-blend-mode: multiply;mix-blend-mode: screen;mix-blend-mode: overlay;mix-blend-mode: darken;mix-blend-mode: light

2022년 5월 14일
·
0개의 댓글
·

빛나는 버튼

유튭!codepenmingi001/embed/preview/LYQbyqj?default-tab=html%2Cresult&editable=true&theme-id=dark

2022년 5월 14일
·
0개의 댓글
·

간단 시계

!codepenmingi001/embed/preview/XWZNRzm?default-tab=html%2Cresult&editable=true&theme-id=dark

2022년 5월 14일
·
0개의 댓글
·

CSS Inset란?

참고상하좌우값을 지정해 줄수 있는 css 속성. inset: 10px 20px 30px 40px;처럼 상하좌우를 전부 지정할 수도 있고. inset: 60px;으로만 하면 상하 좌우값이 동일하게 60이 된다.

2022년 5월 14일
·
0개의 댓글
·

드롭다운 메뉴.

!codepenmingi001/embed/preview/WNMoNLo?default-tab=html%2Cresult&editable=true&theme-id=dark

2022년 5월 13일
·
0개의 댓글
·

생활 코딩 -AJAX

AJAx부분적으로 웹페이지를 갱신.페이지에서 변경하는 부분과 변경되지 않는 부분을 구별해 일부만 바꿈으로 효율 증대.

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

생활코딩 -- 정규 표현식

복잡한 문자열을 처리할 때 사용하는 기법특정 언어만의 고유 문법이 아니라 문자열을 처리하는 모든 곳에서 사용생활코딩.튜토리얼 사이트(http://zvon.org/comp/r/tut-Regexp.htmlMDN원본: who is who정규 표현식:^who --시작

2022년 5월 9일
·
0개의 댓글
·
post-thumbnail

50 프로젝트 -3

나중에 더 알아보자.업로드중..API 사용scrollLeftoffsetLeftcss에서 액티브 클래스에 대해 커서 모양을 grabbing 붙잡는 걸로 하고 있다. 이런 붙잡는 커서가 활성화 될때는 마우스를 누르고 움직일때 뿐이고 마우스가 단순 올려져 있거나 밖에 있으면

2022년 5월 9일
·
0개의 댓글
·
post-thumbnail

50 프로젝트 - 2

css 모든 요소를 0.3초 동안 큐빅-베지어로 이동시킨다. jsmap은 기능과 배열을 정하고. 배열의 인자들에 대해 기능을 실행한다. 그리고 기능이 적용된 아이템들에 대한 새로운 배열을 만든다. 따라서 css의 이동이 각 문자에 대해 50 \* 순서의 딜레이를 가지

2022년 5월 5일
·
0개의 댓글
·
post-thumbnail

50 프로젝트 -1

navbar는 고정되어 있고 실질적으로 색이변하는 건.Trans 클래스.css를 보면 이 trans 클래스를 이동시켜야 한다.커스텀 데이터 속성(custom data attributes)이라고 불리우는 "data-" 속성의 역할은,웹페이지를 작성하는 사람이, HTML에

2022년 5월 4일
·
0개의 댓글
·
post-thumbnail

간단 개발 (모달,캐러셀,)

코드펜보고 간단 따라하기.코드펜닫는버튼.모달 - 헤더,바디,푸터.캐러셀이란??const img = document.getElementById('carousel');const rightBtn = document.getElementById('right-btn');const

2022년 5월 3일
·
0개의 댓글
·
post-thumbnail

자바스크립트 비주얼 만들기. -1

강의conemu와 nodejs로 브라우저를 쓰지 않고 자체적인 그래픽을 완성하자.라이브러리 Canvas - sketch사용캔버스 스케치npm으로 설치.그러면 지정한 폴더에 npm이 설치되고 js파일이 나오며 http://172.30.1.34:9966/와 같이

2022년 5월 3일
·
0개의 댓글
·
post-thumbnail

퐁(PONG)

캔버스로 그림 그리기Js의 캔버스, 그리드를 이용해 그림을 그려, 퐁을 구현해 보자.캔버스를 문서에 생성. 캔버스 배경. context.fillStyle = 'black'; context.fillRect(0,0,width,height); 막대기 색 contex

2022년 5월 2일
·
0개의 댓글
·