http://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com http://www.flexboxdefense.com/ Flexbox Defense Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! www.flexboxdefense.com
https://flukeout.github.io/# CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 위는 css 선택자 연습 사이트입니다. 오른쪽에 힌트가 나와있습니다. http://nthmaster.com/ Mastering the :nth-child | CSS3 pseudo classes and :nth-child ranges nth-child(3n+1):nth-child(even) li:nth-child(3n+1):nth-child(even) span { background-color: #298EB2; box-shadow: inset -3px -3px 10px rgba( 0, 0, 0, .4),..
보호되어 있는 글입니다.
HTML JS $('.bxslider').bxSlider({ pagerCustom: '#bx-pager' }); 아래는 예시 사진입니다.
https://github.com/emmetio/emmet-eclipse#readme emmetio/emmet-eclipse Emmet for Eclipse. Contribute to emmetio/emmet-eclipse development by creating an account on GitHub. github.com ※ 이 글은 설치하는 방법을 정리한 글이며, zen coding / emmet에 대한 기본적인 개념은 알고있다고 생각하고 이것에 대한 설명은 생략합니다. 1. 이클립스 상단 메뉴바 Help -> Install New Software… 로 들어갑니다. 2. Work with 입력란에 http://download.emmet.io/eclipse/updates/ 입력 후 Add.. 클릭 ㄴN..
일단 leanModal.min.js을(를) 다운합니다 그리고나서 프로젝트 폴더 안에 넣습니다 안에 경로를 넣어주고 스크립트에 함수를 추가해줍니다. 제이쿼리 선택자가 을(를) 가르키고 있는데, 이건 마음대로 바꿔도 됩니다 ,등등 ㅇㅅㅇ 그외에도 class나 id로 선택하고 싶으면 $(".class").leanModal(); $("#id").leanModal(); 이런식으로 하면 된다는건 다들 알고있을거라 생각합니다.. 이걸 누르면 id가 leanModal인 것이 모달창으로 뜨는 것인데 그럼 본문안에 모달창을 띄울 것을 작성하면 됩니다
요 근래에 jQuery Datepicker 쓰게 되었는데... 보통 jquery Datepicker 쓸 때 jQuery UI Datepicker - Default functionality $( function() { $( "#datepicker" ).datepicker(); } ); Date: 이런식으로 쓰면 아래와 같이 나옵니다. (내 기준에서는 디자인이 영.. ㅋㅅㅋ..) 출처:https://jqueryui.com/datepicker/ 그래서 다른 사람이 만든 jquery Datepicker UI를 쓰려고했지만 내가 원하는 대로 되지 않길래 (css 우선순위부터해서 이것 저것 등등) 그냥 마음에 든 디자인을 그대로 따라 만들었습니다. https://www.jqueryscript.net/demo/Cle..