タグ

2010年4月9日のブックマーク (2件)

  • dp.SyntaxHighlighter-コード表示に役立つJavaScript - WEBデザイン BLOG

    Yahoo! UI Library: Grids CSSにて、このJavaScriptを使っていましたので使うことにしました。MTなんかでは、公開するソースによっては行番号などの指示をする場合などがありますので何かと便利だと思われます。 dp.SyntaxHighlighterの特徴 dp.SyntaxHighlighter Home Page http://www.dreamprojections.com/syntaxhighlighter/Default.aspx プログラム毎での特定要素の文字色を変えて表示することができます。 各ソースに行番号を付加することができます。 IEであれば、”copy to clipboard”のリンクが表示されて公開しているコードの取得も簡単です。 ”view plain”のリンクでテキストエリアでのソースが別画面にて表示されます。 ”print”のリン

  • 近未来に頻繁に使われるであろうCSS3サンプル10:phpspot開発日誌

    10 examples of futuristic CSS3 techniques 近未来に頻繁に使われるであろうCSS3サンプルがまとまっていました。 ブログで以前に紹介したものも多いですが、まとまっていて便利そうだったのでご紹介。 吹き出しをCSSオンリーで実装 シャドウ&グラデーション付きの立体ボタン 枠付き写真をCSSで実装 ポラロイド写真風 角丸ファンシーなフォーム実装 立体的なドロップダウンメニュー MacOSのインタフェースをCSSで実装 近未来においては、こうしたものを組み合わせつつ更にJavaScript等とも組み合わさって今では信じられないインタフェースになっていそうな気がします。 1990年代後半の時代を振り返ってみると、あの当時当たり前だったサイトが一部のサイトで見られるものになるような、同じような状態になっているのかも。 関連エントリ CSS3等を使ったサンプル