음악, 삶, 개발

https://www.svgrepo.com/ https://www.onlinewebfonts.com/icon/

@for $i from 0 through 63 { [data-color="#{$i}"] { background-color: hsl(360 / 64 * ($i - 1), 38%, 43%); } } https://www.sassmeister.com

귀찮게 svg 요소 만들어서 집어넣을 필요없이 css 에서 사용할수있는 방법이 있다. 먼저 https://yoksel.github.io/url-encoder/ 가서 svg 를 url 로 변환한뒤에 .div { background-color: red; /* svg fill 색 */ -webkit-mask-image: url('svg를url로변경한string'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; mask-image: url('svg를url로변경한string'); mask-repeat: no-repeat; mask-position: center center; } 이렇게 하면 center 에 align 할수있으며, ma..

https://emilk.github.io/egui/ https://github.com/emilk/egui 매우 흥미로운 프로젝트다. 성능적으로 엄청난데, 추후 rust 를 배워서 나의 ui 를 이걸로 대체하고싶을정도..

https://tahti.studio

/* Generated using SCSS at https://www.sassmeister.com/ This is code. @for $i from 1 through 4 { .my-bg-color-#{$i} { background-color: hsl(360 / 64 * ($i - 1), 38%, 43%); } }

single page application 을 개발할때 보통 아래와 같이 html 파일을 생성한다. /* index.html - 단일 실행 불가. server 필요 */ index.html 파일안에 css 파일과 index.js 파일을 로딩하는것이다. 이렇게 될 경우 index.html, style.css, index. js 3개의 파일을 함께 배포해야한다. 또한 랜더린된 화면을 보기위해서는 server 가 필요하다. server 가 필요없이 그냥 내 컴퓨터안에서 index.html 파일을 더블클릭함으로써 화면을 보고싶다면 css 파일안에 모든 내용을 style 태그안에 집어놓고, script 태그안에 index.js 의 모든 내용을 복사 붙여넣기 해줘야한다. /* index.html : 단일 실행 가능..

https://codepen.io/AlexWarnes/pen/jXYYKL

https://stackoverflow.com/questions/4502633/how-to-affect-other-elements-when-one-element-is-hovered