TheStoryBook

퍼옴!!! 속도 빨라짐! ^^

개인자료 보관용으로 숭숭근님 글 퍼옴 ---- 라이믹스에서 ajax 사용시 네트워크가 끊기거나 하는경우 오류메세지가 무한정 alert 되는 경우가 있다. 이럴때에는 임시방편으로 common/js/xml_handler.js 파일에서 alert 하는 부분을 주석처리하거나 console.log로 오류 표시 방식을 바꿔준다. 141번줄 alert("AJAX communication error while requesting " + params.module + "." + params.act + "\n\n" + error_info); 이 소스를 아래로 바꾸었다. console.log("AJAX communication error while requesting " + params.module + "." + params..

웹페이지에 출력하는 문자열의 길이는 서버단에서 조절하는 게 보통입니다. 하지만, 어떤 경우에는 그게 불가능할 수 있습니다. 이미 전송 받은 문자열을 잘라야 하는 상황이 생길 수 있습니다. CSS를 이용하여 문자열의 일부만 보여주는 방법을 소개해드립니다. 한 줄인 경우 예제 문자열이 길면 다음처럼 화면 끝에서 줄바꿈되는 것이 기본 모양입니다. 줄바꿈 되지 않게 하기 white-space 속성으로 줄바꿈이 되지 않도록 합니다. white-space: nowrap; 화면 크기를 벗어나므로 가로 스크롤바가 생깁니다. 화면을 벗어난 문자열 보이지 않게 하기 overflow 속성으로 화면을 벗어난 문자열이 보이지 않게 합니다. overflow: hidden; 말줄임표 넣기 text-overflow 속성으로 말줄임표..

다운로드 https://darsa.in/sly/#!download sly.min.js 파일로 제공됩니다. 용량은 19KB 슬라이드 스크립트 중에 최소 용량일 듯 합니다. 마크업 예제 https://github.com/darsain/sly/blob/master/docs/Markup.md 구현 예제 참고하기 See the Pen gOaqWZv by Maxter (@lee85114) on CodePen.

https://dulki.tistory.com/56 카카오톡 봇 만들기 - 1 - 간단 설명 이 시리즈의 목적은 특정 채팅에 반응해서 대답하는 봇을 카카오톡 단톡방에 추가하는것이다 모든 기본 정보는 앱 제작자 다크토네이도 블로그에서 얻었으니 더 자세한 정보를 원하는 경우 꼭 dulki.tistory.com https://wp.shashasha.kr/kakaobot/ 카카오톡 채팅 봇 만들기 카카오톡 오픈 채팅방을 보면 가끔 특정 단어에 반응하여 결과를 알려주는 일명 ‘봇’이 존재하는 방이 있습니다. 저는 휴대폰이 2대라서 세컨 핸드폰에 봇 세팅을 해 두고 사용중입니다. 카카 wp.shashasha.kr https://steemit.com/kr/@ayogom/--1542258739839 카카오톡 봇 개발하..

https://webdir.tistory.com/481 스크롤을 감지하여 사이트의 헤더를 보이거나 숨기기 앞서 유사한 기능의 플러그인인 Headroom.js 에 대하여 살펴보았는데, 구형 IE에 대한 크로스브라우징에 어려움을 겪을 수 있습니다. 이에 원리는 유사하나 대상 요소가 명확하게 한정된 요소일때 � webdir.tistory.com http://jsfiddle.net/mariusc23/s6mLJ/31/ Hide header on scroll down, show on scroll up - JSFiddle - Code Playground jsfiddle.net 위 사이트 참고

https://jhnyang.tistory.com/170 [css] element 또는 요소(div) 가운데 정렬시키는 몇 가지 방법 (position, margin, flex 등등) div table 등등 가운데 정렬시키기~ 이번에는 상황에 따라(?) 요소를 가운데 정렬시키는 법을 정리해보려고 해요. 먼저 화면에 요소를 가운데 정렬시키고 싶을 때! 1. position 속성 사용 [inline-block] 간 jhnyang.tistory.com

https://www.daleseo.com/css-position-fixed-navigation/ [CSS] 메뉴바 상단에 고정 시키기 Engineering Blog by Dale Seo www.daleseo.com 위 사이트 참조

이게 얼마나 쉽냐면 이것저것 HTML5 SLIDE 메뉴랍시며 적용해보다 매번 헛걸음만 하다 이 오픈 소스 한방에 모든게 다 해결되었기 때문이다. 왼쪽에서 오른쪽 또는 그 반대방향 푸시메뉴도 되고 레이어처럼 메뉴가 위로 올라오기도 할 수 있고, 아래에서 위에서 아래로도 되는 매우 강력한 HTML5 SLIDE MENU라 할 수 있겠다. 원본 출처는 다음과 같다. https://tympanus.net/codrops/2013/04/17/slide-and-push-menus/ 데모는 여기서 확인이 가능하다. https://tympanus.net/Blueprints/SlidePushMenus/ 다만 한가지 마음에 안드는건 메뉴가 그냥 쌩 버튼이라 좀 손봐야 한다란 부분이다. 또 어려운 중생들을 위해 수정된 HTML..

html tab1 tab2 tab3 tab4 tab5 tab6 tab6 tab7 tab8 tab9 tab10 css *{margin:0; padding:0;} ul{list-style:none;} a{text-decoration:none; color:inherit;} .box{max-width:960px; width:100%; height:800px; border:1px solid #ccc; margin:0 auto; } #tab ul{white-space:nowrap; overflow-x: auto; text-align:center scrollbar-width: none; -ms-overflow-style: none; } ul::-webkit-scrollbar {display: none;}} #tab ..