블로그/웹에서 소스코드 하이라이트(highlight) / 구문강조

***** 참고 사이트 : https://github.com/idleberg/Paraiso-Google-Code-Prettify

-> 다른것 :  javascript 문구 테스트 - SyntaxHighlighter를 이용  , SyntaxHighlighter

아래 스크립트 태그를 삽입해주세요.

 
<SCRIPT src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></SCRIPT>

사용하기

<pre>, <code>, <xmp> 의 class 요소에 prettyprint 를 넣어주면 됩니다.

<pre class="prettyprint">
class Voila {
    public:
        // Voila
        static const string VOILA = "Voila";

        // will not interfere with embedded <a href="#voila2">tags</a>.
}
</pre>

class Voila {
    public:
        // Voila
        static const string VOILA = "Voila";

        // will not interfere with embedded tags.
}

SELECT * FROM table_name LIMIT 10;

Many
lines
of
code

Paraíso for Google Code Prettify

A color scheme inspired by the colorful illustrations by Brazilian artist Rubens LP.

This theme is also available for Atom, BBEdit, CodeMirror, Eclipse, Geany, Gedit, highlight.js, IntelliJ IDEA, iTerm2, Mou, Notepad++, Prism.js, Pygments, Rainbow, Sublime Text, Xcode and more!

Installation

1. Setup Google Code Prettify
2. Download a .css file of choice
3. Replace prettify.js with the downloaded file

엑셀 하이퍼링크 함수

구문

HYPERLINK(link_location,friendly_name)

HYPERLINK 함수 구문에는 다음과 같은 인수가 사용됩니다.

link_location   

 필수 요소입니다. 열려는 문서의 경로 및 파일 이름입니다. link_location은 Excel 워크시트나 통합 문서의 특정 셀이나 이름이 지정된 범위와 같은 문서의 특정 위치 또는 Microsoft Word 문서의 책갈피 등 문서 내의 위치를 참조할 수 있습니다. 경로는 하드 디스크 드라이브에 저장되어 있는 파일에 대한 경로일 수도 있고, 서버상의 UNC(Universal Naming Convention) 경로일 수도 있으며, 인터넷 또는 인트라넷상의 URL(Uniform Resource Locator) 경로일 수도 있습니다.

참고   Excel Online에서는 HYPERLINK 함수를 웹 주소(URL)에만 사용할 수 있습니다. link_location은 따옴표로 묶은 텍스트 문자열 또는 텍스트 문자열 형식의 링크를 포함하는 셀에 대한 참조가 될 수 있습니다.

link_location에 지정된 이동 대상이 존재하지 않거나 제대로 작동하지 않는 경우 해당 셀을 클릭하면 오류가 발생합니다.

friendly_name   

 선택 요소입니다. 셀에 표시되는 이동 텍스트 또는 숫자 값입니다. friendly_name은 밑줄이 그어진 파란색으로 표시됩니다. friendly_name을 생략하면 link_location이 이동 텍스트로 셀에 표시됩니다.

friendly_name은 값, 텍스트 문자열, 이름, 이동 텍스트나 값을 포함하는 셀 등이 될 수 있습니다.

friendly_name이 오류값(예: #VALUE!)을 반환하면 셀에 이동 텍스트 대신 오류값이 표시됩니다.

iPad CSS Layout with landscape / portrait orientation modes

The iPad has finally launched in Australia today, hooray! I will probably get one soon so I can continue to optimise my CSS layouts for as many devices as possible. But in the mean-time I will continue using the iPad emulator that comes with the iPhone SDK.

To celebrate the launch of the iPad I have built a special iPad optimised website layout that uses pure CSS to change layouts in the portrait and landscape orientation modes. The layout can be downloaded for free at the bottom of this article or from my iPad demo page. Here is a basic diagram of how the two orientations look:

In Landscape mode the layout is in two columns. The main content is in a wide left column and three side sections are stacked vertically in a narrow right column. When you rotate the iPad to the portrait orientation the layout changes to a single column design. In portrait mode the main content fills the full width of the screen and the three side content areas are positioned horizontally as three columns under the main content.

In both orientations there is a header at the top and a footer at the bottom. These both change in width from 1024 pixels wide in landscape, and 768 pixels wide in portrait. See my demo page for a more detailed diagram with pixel dimensions. Below are screenshots of my demo layout in the iPad emulator:

How does it work?

The first thing I do is lock the layout's resolution to a 1:1 ratio so that each pixel exactly lines up with the pixels in the iPad's screen. I do this with the following META tag:

<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />

Locking the layout to a 1:1 ratio will prevent the zooming-in and out that normally occurs when the iPad is rotated (normally, landscape mode is more zoomed-in because the width of the webpage is displayed across 1024 pixels, as opposed to portrait mode when there are only 768 pixels available).

Next I combine this with some CSS rules that change the layout in portrait and landscape modes. I do this by writing all my landscape styles normally then overwriting some of them with the @media rule at the bottom of the CSS file when the device is in portrait mode. Here is a cut-down version of the CSS:

/*normal styles here */
#wrap {
   width:1024px;
}
@media only screen and (orientation:portrait){
   /* portrait styles here */
   #wrap {
      width:768px;
   }
}

The method above works beautifully for changing the layout for the two orientations without JavaScript. Check out my iPad layout demo or download the demo files and try it for yourself.

Demo Download (ipad-css-layout.zip - 41kb)

I hope you enjoyed this post. If you are reading this on your brand new iPad then... lucky you! :)

[javascript] hash 에서 파라미터 정보 가져오기

모바일 서비스 기획하기

좋은 디자이너, 나쁜 프로젝트매니저, 이상한 개발자