본문 바로가기
[IT/Programming]/HTML related

HTML docuK format ver. 2.1, short copiable version (2014-06-25)

냥냥 kipid 2019. 3. 10. 14:59

HTML docuK format ver. 2.1 short copiable version (2014-06-25)

개인적으로 만들고 있는 LaTeX 비슷한 형태의 HTML document format + JavaScript. 이름은 그냥 docuK로 'document designed by kipid'란 뜻.
When you write the HTML document including docuK document also, using good editors such as Sublime Text editor with Emmet (ex-Zen Coding) package installed is highly recommended. Try useful shortkeys 'Ctrl+D' (Multiple Selections and Simultaneous Multiple Edit. 'Ctrl+K, D': skip the current selection. 'Ctrl+U': soft undo. 'Ctrl+Shift+U': soft redo.), 'Ctrl+P' (Go to Anything. 'Ctrl+R':go to Symbols (id). 'Ctrl+G':go to Line.), and emmet style typings (Watch the demo video in the link).

Posting History

  • 2014-??-??: First Posting.

Table of Contents

section

citing the reference

subsection

subsubsection

citing the reference

Equations, Figures, and Code printing

Equation

equations: g(a).   사용: $f(x)$ $= x^4$ $+ 3 x^3$ $- 8 x^2$ $+ x$ $- 5$, and   사용: $f(x)$ $= x^4$ $+ 3 x^3$ $- 8 x^2$ $+ x$ $- 5$, dollar 표시로만 구분: $f(x)$$= x^4$$+ 3 x^3$$- 8 x^2$$+ x$$- 5$, and 구분없이: $f(x)= x^4+ 3 x^3- 8 x^2+ x- 5$. f(x) Refering equations

Comment/BeCareFul box

This is cmt box.
This is cmt box.
This is cmt box.
This is bcf box.
This is bcf box.
This is bcf box.

Figures

border formatting.
Elements with disableQ0 class remove <!-- --> inside them only when deviceWidth>321. This is for Galaxy S (or old smartphones) problem like unexpected scrollTop.
iframe youtube 동영상 with fixed ratio. And border formatting
Refering figures

Printing code

Syntax Highlighting of Programming Codes. Code to be printed is here. 

		
			
			
		

	





Opening Sources

	
docuK CSS style

		

	


	
docuK HTML document

		

	


	
docuK SCRIPT (JavaScript including jQuery, MathJax, and Google code prettyfier)

		

	





References and Related Articles

	
    
		
    Main
    
		
  1. kipid's blog - HTML docuK format ver. 2.1
    2. 
		
  2. kipid's blog - docuK short copiable version;
    
			// Updated regularly by the current html file. If you see this in kipid's blog, this is the link you are seeing.
    3. 
		
  3. github.com - kipid - docuK
    4. 

		
    Supported by
    
		
  4. jQuery.com; and jQuery - download;
    
			// JavaScript enhancer
    5. 
		
  5. MathJax.org; and MathJax Documentation - latest; and The Core Configuration Options; and The MathJax.Hub Object;
    
			// Math renderer.
    6. 
		
  6. Google Code Prettify and Getting Started;
    
			// Code prettyfier.
    7. 

		
    subsection
    
		
  7. kipid's blog - LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들
    8. 
		
  8. kipid's blog - Citing the references automatically in HTML (like LaTeX); ref는 id를 부여하고 (보통 구분을 확실히 하기 위해 "ref-"를 prefix로 붙임.) cite tag with class로 cite함. 이후 자동으로 parsing.
    9. 
		
  9. kipid's blog - 인터넷, Web, HTML, 블로그에서 수식 사용하기 (Equation or math in HTML, blog)
    10. 
		
  10. kipid's blog - 인터넷에서 예쁘게 코드 입력하기 (google code prettify)
    11. 
		
  11. kipid's blog - Customized styling of scroll bars in HTML, 2014-05-25
    12. 
		
  12. kipid's blog - Improving web performance
    13. 
		
  13. kipid's blog - Delayed Loading in HTML by JavaScript (+jQuery)
    14. 
	














    

        

    


        

    


                

    


    

    
    

    
        
            저작자표시비영리변경금지        
    


    



'[IT/Programming] > HTML related' 카테고리의 다른 글






Specific event handler on HTML element?  (0)


2019.04.01





Learning Vert.x  (0)


2019.03.30





Number and Bit operations in JAVA and Javascript  (0)


2019.03.16





HTML docuK format ver. 2.1, short copiable version (2014-06-25)  (0)


2019.03.10





Email by JAVA (자바 프로그램을 이용해 이메일 보내기)  (0)


2019.03.10





여러가지 글꼴 테스트 (Font test)  (0)


2019.03.09





HTML 가로 Slide 구현하기  (0)


2019.03.08





Getting Data from Google Spreadsheet or Excel  (0)


2019.03.08




						

						
							

								
태그

								

									,
,
,
,

								

							

						

						
							

								
'[IT/Programming]/HTML related' Related Articles

								
							

						

						

							

								

								

									

										
											

												
													
													
												
												

													
													
												

											

										
										
										

											
										

								

								

							

							

						


					
				
			


			

			

			
				
			

		

		
	

	

	





	

            

                                
티스토리툴바