앨리스래빗팀 기술블로그

www.w3schools.com/howto/howto_css_text_selection.asp How To Change Text Selection Color with CSS How TO - Change Text Selection Color Learn how to override the default text selection color with CSS. Text Selection Color Select the following text: Default text selection color Custom text selection color How To Change Text Selection Color Use the ::sele www.w3schools.com css-tricks.com/almanac/sel..

### 아이콘 mdi 머터리얼 아이콘 https://fonts.google.com/icons?selected=Material+Icons fa 어썸 폰트 https://fontawesome.com/icons bx 박시콘 https://boxicons.com/

developer.mozilla.org/en-US/docs/Web/API/HTMLElement/isContentEditable HTMLElement.isContentEditable - Web APIs | MDN HTMLElement.isContentEditable The HTMLElement.isContentEditable read-only property returns a Boolean that is true if the contents of the element are editable; otherwise it returns false.editable = element.isContentEditable Uneditable Paragraph Editable Par developer.mozilla.org b..

private appExitConfig() { this.platform.backButton.subscribe(async () => { if (this.backButtonClickCount === 0) { this.navController.back(); this.backButtonClickCount++; const toast = await this.toastCtrl.create({ message: '뒤로가기 버튼을 한번 더 누르시면 앱이 종료됩니다.', duration: 1000 }); toast.present(); setTimeout(() => { this.backButtonClickCount = 0; }, 1000); } else { navigator['app'].exitApp(); } }); }

웹킷엔진을 사용하는 브라우저에서 두줄이상 여러줄 말줄임 처리가 가능한 프로퍼티가 생겼다. 이름은 -webkit-line-clamp 언제 생겼는지 참 유용하다! .ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; } 참 편리하지만 웹킷엔진을 사용하지 않는 브라우저에서 문제가 생기기 때문에, height 를 정해줘야 하는데 이때 line-height 와 자르려고 하는 라인수를 계산해서 넣어줘야 한다. .ellipsis{ overflow: hidden; text-overflow..

[contenteditable=true]:empty:before{ content: attr(placeholder); display: block; /* For Firefox */ }

developer.mozilla.org/ko/docs/Web/API/MouseEvent MouseEvent - Web API | MDN MouseEventThis interface also inherits properties of its parents, UIEvent (en-US) and Event. MouseEvent.altKey (en-US) Read only Returns true if the alt key was down when the mouse event was fired. MouseEvent.button (en-US) Read only The button number that developer.mozilla.org sas-study.tistory.com/141 [Javascript] 자바스크..

forum.ionicframework.com/t/android-status-bar-transparent/117328

stackoverflow.com/questions/12953928/immediate-play-sound-on-button-click-in-html-page Immediate play sound on button click in HTML page In my HTML page I have 9 images for dialing numbers and one text box that shows the pressed numbers. I want each of those images to immediately play beep sound when users click on them. I tried to ... stackoverflow.com 즉시 재생을 위해서 멈춤 재생을 수행하지 말고 재생시간 0 -> 재생의 방식..

caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com www.koreahtml5.kr KOREA HTML5 HTML5 소개하고 동향정보와 활용정보, 교육안내 등 관련 정보 제공 html5.websrv.co.kr focus-visible focus-within