[B! Web][css] nekotankのブックマーク

【ハウツー】ハイライトもGoogle流 - "google-code-prettify"でソースコードに色付けを

google-code-prettifyとは? 統合開発環境や高機能エディタでは、編集するソースコードやテキストファイルの種類に応じてテキストがハイライト表示されることが多い。ハイライト表示はきれいで見やすくなるし、コーディング上の問題を発見しやすくなるという実用上の利点もある。となるとWebで掲載するソースコードも、ぜひともハイライト表示させたいところだ。Web掲載するソースコードやテキストのハイライト表示化の方法はいくつもあるが、ここではGoogleで公開されている「google-code-prettify」を紹介したい。 google-code-prettifyはApache License Version 2.0のもとで公開されているシンタックスハイライトモジュール。JavaScriptモジュールとCSSファイルの2つから構成されたシンプルな成果物で、HTML文書内に直接記述され

nekotank 2007/03/28

リンク

ブログのレイアウト　あなたの好みは？ - 3ping.org

WEBサイトを製作する際には、サイトの情報量からレイアウトをまず先に考えることは多いと思いますが、大きなくくりとして2カラムか3カラムか、また、固定幅か可変幅かを決めなければなりません。企業系サイトでは不思議と2カラム固定幅が多い気がするのですが、固定ならば何ピクセルの固定にするか考えることになります。800px以下か、それ以上か。あー大変。このまえ作ったテンプレートのスキンでも、レイアウトに関する要望にできるだけ答えるべく、固定・可変の変更や実用的なカラムパターンを一通り組めるように作ったのですが、どれが一番人気なんでしょうね。わかりませんですはい！一度MixiのCSSコミュにでもアンケートを放り投げようかと考えていたのですが、caramel*vanillaさんとこでレイアウトに関するアンケートが出てきたので、あーそれじゃあ出来るだけ多くの人に答えてもらいたいなと3ping.orgか

nekotank 2007/03/28

リンク

無料で使えるデザインテンプレート集 14サイト - DesignWalker

nekotank 2007/03/27

リンク

パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife

普通のエントリー久々な気がする今日この頃。今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10

nekotank 2007/02/01

リンク

80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」:phpspot開発日誌

Zymic ・Free Templates & Tutorials 80種類のフリーのテンプレート配布とチュートリアルサイト「Zymic」。次のようなデザインの良いテンプレートをダウンロードでき、PhotoShop等の画像ツールとPHP等のWEB開発に関するチュートリアルも掲載されています。これだけのクオリティのテンプレートがフリーというのは有難いですね。チュートリアルも参考にできそう。

nekotank 2006/10/11

リンク

ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２

こちらのブログには認証がかかっています。ユーザー名パスワード Powered by Seesaa

nekotank 2006/09/25

リンク

世間はまだまだテーブル・レイアウトが主流? | スラド

kirara(397)曰く、"東京webデザイナー日記で、日経平均銘柄225社サイトの脱テーブル率調査という興味深い報告が掲載されている。同報告では日経平均銘柄225社の全サイトのトップページを調査してあり、レイアウトがCSSかテーブルか、文書型宣言は何か、などが一覧できる。また、調査結果がグラフにまとめられたレポートがPDFでダウンロードできる。これは5月18日、銀座で開催されたイベント﹁CSSNite﹂にて発表された資料との事。 PDFを読んでみると、なかなか衝撃的な結果が報告されている。225サイトの調査結果は以下の通り。﹁100% pure CSS﹂なのは28社(12.4%) -->この内﹁XHTML+CSS﹂なのは15社(6.6%) ﹁CSS/テーブル混在︵ハイブリッド︶﹂なのは32社(14.2%) ﹁テーブルのみ﹂なのは155社(68.9%) 非CSSのうち﹁100%

nekotank 2006/05/26

リンク

東京webデザイナー日記: 日経平均銘柄225社サイトの脱テーブル率調査

nekotank 2006/05/26

ここまでテーブルとは…

リンク

Internet Explorer 7ベータ2の不具合からWebデザイン業界の混乱が見えてきた - 日経トレンディネット

次期WindowsOS﹁Vista﹂に標準搭載される﹁Internet Explorer 7︵IE7︶﹂︵日本語版︶のベータ2が連休明けの9日公開された、という表向きの話はデジタルARENAのニュース﹁マイクロソフトがInternet Explorer 7 ベータ2を公開﹂を読んでいただくこととして、こちらはWeb業界には気になる、Web表示の互換性の問題に踏み込んでみよう。まず、単純な話、IE7って使いものになるのか。なる。最初はメニューが見えないので戸惑うけど、Altキーを押せば出てくる。RSSリーダーの機能だってFirefoxとどっこいどっこい程度には付いている︵笑︶。マクロソフトの看板アプリケーションに抜かりがあるはずはない。ところが、IE7で表示したとき、レイアウトが崩れてしまうサイトがいくつかあった。例えば、このコラムを書いている12日現在、﹁はてなダイアリー日記﹂はIE

nekotank 2006/05/23

うへぇ～

リンク

オンラインCSSエディタたぬきのしっぽ

自分のブログをカスタマイズしてみませんか？CSSと聞くと良くわからない方が多いかと思います。特にこんなことを思ったことがありませんか？「ブログのスタイルを変更したい」「変更したいけど設定が良くわからない」「スタイルシート独自のセレクタ等がどこを弄ればいのかわからない」そんなあなたに！このツールは視覚的に直感的に入力すればだれでも編集可能です。

nekotank 2006/03/02

CSSEditor

リンク

Lucky bag: : blog: CSS デザインギャラリー

世の中には (X)HTML + CSS の素ん晴らしいデザインでレイアウトされている方なんつうのはそりゃ沢山いるわけで、そんなサイトを集めたデザインギャラリー（ショーケース）サイトってのを見ていると、おいおいフォトショップ腕自慢かよって感もあるけど、結構インスパイアされたりされなかったり。そんな CSS デザインギャラリーサイトで自分が知っているものをちょっとまとめてみた。（ちなみに順不同） CSS Vault » The Web's CSS Site CSS Beauty | CSS Design Showcase Unmatched Style | CSS Design Gallery and Design Inspiration. CSS Drive css thesis: sites, that's all. » screenspire.com | the leading full