본문 바로가기

[IT/Programming]/HTML related

Citing the references automatically in HTML (like LaTeX) Citing the references automatically in HTML (like LaTeX) I cite the first ref . And citing the second , I cite finally the third one . There could be more than one cite in the article . You can check those references. web:, ref2:. kipids:, no:, unknown:. Bubble reference which is cited manually: [01] Ref. [01] This is a manual reference. So this is not listed below in Reference section. On mouse.. 더보기
LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들 LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들 LaTeX가 장단점이 있긴한데... 내가 볼땐 단점이 훨씬 더 많은거 같음. 이제는 점점 인터넷 기반 문서 편집기(word)가 대세가 될거 같은데.. 그 후보군중 가장 유력한 것이 LaTeX 같긴 함. 하지만 접근성을 높이려면 많은 수정이 필요할 듯. HTML(인터넷)과의 연계를 높이는 word(문서 편집기)가 최종적으로 살아남을 것이라고 봄. HTML5가 곧 그 역활을 할지도? HTML을 고치느냐, LaTeX, MS Word, 한글 등을 고치느냐의 싸움인데... 둘 다 적절히 고쳐서 연계시켜 나갈듯??? Mark-up language랑 WYSIWYG(What you see is what you get)랑 잘 섞여들어가야 할거 같은데, 왜 아무도.. 더보기
CSS3 examples CSS3 examples css animation으로 구글 검색하면 많은 example들을 찾을 수 있음. 3D는 무거워서 css3 animation 쓰는게 그닥 좋아보이지는 않음. 그래도... 음....... transition 이런건 좋은듯? http://www.carnationgroup.com/ 이 사이트처럼? References and Related Articles w3schools - css3 animations webdesignerwall.com - 47 Amazing CSS3 Animation Demos (놀라운 CSS3 애니메이션 데모 47개), 2010-02-03 Webstoryboy's blog - 플래시를 능가하는 HTML5/CSS3 16가지 사이트, 2012-06-12 더보기
괜찮은 에디터들 소개 및 추천 (Introducing/Recommending good code editors) # 괜찮은 에디터들 소개 및 추천 (Introducing/Recommending good code editors) 간단한 소개만 작성. ## PH 2015-12-14 : To SEE. 내용 더 추가 및 정리. 2014-06-24 : First posting. (더 전에 작성한거 같기도 한데, 대충 이 근처일거임. Atom 나왔다는 소식듣고 바로 작성했나? 그 이전에 sublime text 써보고 너무 괜찮았어서 작성했나?) ## TOC ## Sublime Text 구글 출신 개발자가 만든 멋있는 에디터 . (이거 제대로 만들려고 구글은 퇴사한듯 함. 2008년에 version 1 이 나온듯? Jon Skinner left his job as a software engineer at Google in or.. 더보기
Delayed (Lazy) Loading in HTML by JavaScript (+jQuery) Delayed (Lazy) Loading in HTML by JavaScript (+jQuery) This is sometimes called 'Lazy Loading'. Maths, i.e. equations, are also delayed-rendered by MathJax . (Some of this document are written in Korean (called Hangul). People who do not know Hangul, just read english part. That will be enough.) 사용자가 안보고 넘길것 같은 부분은 굳이 미리 로딩해놓지 말고, 속도를 빠르게, 서버 부담을 적게 덜어주자는 목적으로 Delayed Loading이라는 개념이 있음. 특히나 용량이 .. 더보기
Cloud Server Services (eg. Amazon Web Services) # Cloud Server Services (eg. Amazon Web Services) 작성중인 글. 서버 컴퓨터를 사서 웹 서비스를 할수도 있겠지만, 서비스 초반에 서버용 컴퓨터를 사려면 초기비용 및 이것저것 관리비가 많이들테고... Scalable 문제도 많아서 Cloud Server Service 를 이용해 보는것이 좋아보임. (뭐 꽤나 성장을 한다면야 따로 구축해 놓는게 위기/보안관리나 비용면에서 더 절약될지도... 더 할일은 많겠지만.) ## TOC ## Amazon Web Services - EC2 (Elastic Compute Cloud) 어떤 다른 기업의 서비스들이 있는지 잘 모르겠지만, 우선 가장 유명한건 AWS 인듯? 사이트 자체를 엄청 깔끔하게 만들어놔서 더 믿음직스럽기도... (요.. 더보기
HTTP Server-side Frameworks/Languages 뭘 써야할까? # HTTP Server-side Frameworks/Languages 뭘 써야할까? HTTP 서버를 어떤 frameworks 및 어떤 언어로 돌릴지도 꽤 중요한 문제일거라서 정리를 좀 해보려고 함. 그런데 정확한 용어를 모르겠네. Sever framework? Server platform? Server-side language? Server API (Application Programming Interface)? 내가 여기 정리한 것들을 정확히 뭐라고 지칭하는거지??? 그냥 일반적인 programming 언어들 관련해서는 에 정리. ## TOC ## Simple (but bad performance?) frameworks 누구나 간단하게 서버를 돌릴 수 있게 만들어진 framework 들이 많은데, 간.. 더보기
CSS Specificity or Priority (우선순위) # CSS Specificity or Priority (우선순위) CSS 우선순위가 약간 헷갈리는 것들이 있어서 정리중. 우선 링크들만 정리. CSS Selector, inline style, !important, javascript handling. Javascript 로 style 바꿀때도 CSS selector 처럼 영향이 있는건가? 아니면 이땐 항상 inline style 로 적용되는건가? 당연히 후자라고 생각했었는데, 테스트 해보니까 전자 같기도... 추가로 실제 브라우저에서 어떻게 구현을 해놨는지도 궁금한데... 분명 CSS 처리를 먼저 해놓고, HTML element 들을 처리하면서 바로 CSS 를 적용시키는 식으로 페이지를 띄우던데... 저장된 CSS 를 모두 거치면서 selector 에 .. 더보기
Youtube Download # Youtube Download 유투브 영상을 다운받는 여러 방법들이 있는거 같은데, 난 을 이용해서 다운받았음. 뭔가 유투브 영상 다운받을 수 있다는 것을 미끼로 바이러스를 심거나 하는 사이트들이 꽤 있는것도 같음;;; 이런 사이트들 경유하지 않아도 뭔가 동영상 파일을 브라우저에서 바로 뽑아낼수도 있을것도 같긴한데... 모르겄당. ## RRA www.clipconverter.cc 더보기
Learning AngularJS # Learning AngularJS AngularJS 라고 JavaScript 를 확장해서 쓰는 framework 가 있다고 한다 . jQuery 랑 비슷한 놈이라고 생각해도 되는데, jQuery 가 HTML DOM (Document Object Model) 기반으로 selector 및 chainning 을 구현해 놓은 것이라면, AngularJS 는 MVC (Model–View–Controller) 기반으로 동적인 페이지 (Dynamic page) 를 쉽게 만들기 위한 목적으로 만들어진 감이 크다고 생각된다. 뭐 개인적으론 당장 동적인 페이지를 필요로하지 않아서, 배울 필요성을 당장 느끼지는 못하는데... 멋진 dynamical HTML page 를 만들고 싶다면 꼭 배워둬야만 하는 framework.. 더보기