新いろいろメモ

2013年3月7日木曜日

SyntaxHighlighterをHTMLに適用

SyntaxhighlighterをHTMLに適用するには、

SyntaxHighlighterからダウンロードし、サーバーにアップする

適用したいHTMLにCSSを適用し、Scriptを記述する
<head>部

   <link rel = "stylesheet" type = "text/css" href = "../../material/SyntaxHighlighter/3.0.83/styles/shCore.css">
   <link rel = "stylesheet" type = "text/css" href = "../../material/SyntaxHighlighter/3.0.83/styles/shThemeDefault.css">

   <script type = "text/javascript" src = "../../material/SyntaxHighlighter/3.0.83/scripts/shCore.js"></script>
   <script type = "text/javascript" src = "../../material/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.js"></script>
   <script type = "text/javascript">
    SyntaxHighlighter.all()
   </script>

<body>部

   <pre class = "brush : js">
    function func()
    {
    }
   </pre>

sample

2013年2月26日火曜日

Bootstrap Sample

2013年2月20日水曜日

Bootstrap

簡単に素敵なデザインのWebサイトを構築できるCSSフレームワーク
Bootstrap

Simple HTML DOM Parser

PHP上で動作するHTML DOM parser
Simple HTML DOM Parser

HTMLにSVG埋め込み

HTMLにSVGを埋め込むには、

と書く。

SlidingPanelPhotowallGallery

画像をタイル状に並べて表示するjQueryプラグイン

サムネイルにマウスを移動するとハイライトする
サムネイルをクリックするとフルスクリーンに切り替わり拡大する
フルスクリーンになると画面両端に矢印が出るので次 / 前の写真に切り替えることが可能
拡大された写真をクリックすると元のサムネイルの画面に戻る
サムネイル画像とフルスクリーン画像は別々に指定する
jQuery <= 1.8.3

SLIDING PANEL PHOTO WALL GALLERY WITH JQUERY

sample

2013年2月18日月曜日

ARROWS X F-10Dにインストールしているソフト

docomo NEXT series ARROWS X F-10Dにインストールしているソフトたち

2chビューワ
2chMate	2chブラウザ
2chまとめx3	2ちゃんねるまとめブログ・2chまとめサイトリーダー

カメラ
Grid	シャッター音を小さくしてくれる ISW11F用らしいが、X F-10Dでも使えた
ウバ無音カメラ	シャッター音なしでカメラが撮れる