# modernizr

총 3개의 포스트
post-thumbnail

Front-end 국비지원 #061일

아래와 보는 이미지는 reflection 기능을 사용하여 이미지를 반전시켰다.HTMLCSShttps://caniuse.com/ 에서 크로스브라우징이 되는지 버전체크를 한다. 파이어폭스는 지원하지 않는걸 확인하게 된다. 따라서 크로스브라우징이 필요하며 https

CreateElementInnerHTMLJavaScriptReflectionaddEventListenerappendChildarrow functionbuttoncaniusecrossbrowsingforeachgetElementByIdgetVoicesmodernizrsetTextMessagesetTimeoutspeakTextspeechspeechSynthesisUtterancetoggle구조분해할당배열벡틱크로스브라우징하는방법
2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #060일

JQuery Progress Bar 01 >결과 >HTML >CSS >script >변수는 감싸고 있는 .progress-bar 와 안에 .bar , .num 이 있고 .num의 안에 data-num이 있는데 progressData 로 만들었다. progressBar 의 애니메이션은 progressData 의 width + '%' 의 값으로 만...

AnimateNumberCEILJQuery AnimateNumberanimate()attr()data-numdeviceAgenteach()jquerymathmobilemodernizrnavigatorprogressprogressbarsetIntervalthistoLowerCaseuseragentwidth모더나이저프로그레스바
2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

[HTML5 Canvas] 01 캔버스 사이즈 설정

✹ 해당 포스팅은 Youtube에 업로드된 1분코딩님의 <HTML5 Canvas 캔버스 라이브 강좌>의 필기입니다.이 곳을 클릭하시면 유튜브에서 직접 강좌를 들으실 수 있습니다.그러나 놀랍게도 HTML코드를 살펴보면, 두 캔버스 태그의 크기는 서로 다르게 설정되어

canvashtml5modernizr고해상도캔버스캔버스 사이즈 설정
2021년 5월 25일
·
0개의 댓글
·