디자인 정보

https://cssgradient.io/ CSS Gradient — Generator, Maker, and Background As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile. cssgradient.io 직관적이어서 간편하게 사용 가능한 gradient css 코드 생성기

See the Pen [CSS] scrolling text animation _ 흐르는 텍스트 배너 애니메이션 by j. sik (@jsik) on CodePen. 가로로 흐르는 텍스트 생각보다 간단하게 css만으로 가능하다.

https://cdnjs.com/libraries 라이브러리 cdn링크를 모아놓은 곳 내가 많이 사용할 것 같은 것만 추려보았다. font-awesome https://cdnjs.com/libraries/font-awesome chart.js https://cdnjs.com/libraries/Chart.js jquery https://cdnjs.com/libraries/jquery normalize.css https://cdnjs.com/libraries/normalize

깔끔한 디자인의 날짜선택 피커 관련 문서는 아래의 링크 접속해서 보면 예제 샘플이 다양하게 있음 https://www.daterangepicker.com/#usage Date Range Picker — JavaScript Date & Time Picker Library Originally created for reports at Improvely, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days". To get started, include jQuery, Moment.js and D..

내가 만들고자 하는 range slide은 모바일에서 드래그하여 조절이 될 것 라벨을 클릭해도 작동할 것 현재 range 값 라벨에 강조가 될 것 카카오톡 알림톡으로 받아 열리기 때문에 카카오톡 브라우저에서 완벽하게 나올 것 이 모든 기능을 충족하는 소스를 찾는게 힘들어 개발자의 도움을 받아 직접 제작했보았는데 ios에서 작동하지 않았다. input type=range의 css가 track, thum 등 바꿔줘야할 요소가 많고 그것도 브라우저마다 차별점이 있어 그런게 아닌가 추측됨.. 이걸로 꽤 애를 먹었는데 range는 간단한거 아니면 그냥 시도도 말아야겠다고 생각했다. 그래서 결국 codepen과 구글을 뒤지고 뒤져 찾아낸 js 라이브러리. demo: https://slawomir-zaziablo.g..

해당 컬러코드를 넣으면 filter코드로 만들어준다. CSS filter generator to convert from black to target hex color See the Pen CSS filter generator to convert from black to target hex color by Barrett Sonntag (@sosuke) on CodePen.

셀이 많지 않은 경우 display: block; See the Pen responsive_table_demo1 by nanati (@nanati) on CodePen. 내용이 많은 경우 : 스크롤바 생성 See the Pen responsive_table_demo2 by nanati (@nanati) on CodePen. 리스트형 See the Pen responsive_table_demo3 by nanati (@nanati) on CodePen.