Twitter BootstrapでさくさくWeb開発 : アシアルブログ
<div class="container-fluid"> <div class="row-fluid"> <div class="span4"> Span4の中身 </div> <div class="span8"> Span8の中身 </div> </div> </div> Preタグで囲むコード エンジニアの皆さんなら、ブログにコードを書きたいですよね。 Twitter Bootstrapでも、かっこ良くコードを見せる手法を提供しています。 ・codeタグで囲む 赤くなります。 ・preタグで囲む 囲み枠がつき、灰色になります。 ・Preタグ+Google Prettifyを使う preタグのclassに、prettyprint linenums を入れましょう。 これが超かっこいい！！コードを見せるならこれがよさそうですね！ さて、かっこいいGoogle Prettifyですが、こ
jQuery1.3 がリリースされてます。 - latest log
この日記はご指摘を元に再構成したものです。 ざっと見ました。 1.3β1のバグがいくつか修正されています。 ID,CLASSセレクタのUNICODE判定で16進数と10進数の勘違い 修正前: /#((?:[\w\u0128-\uFFFF_-]|\\.)+)/, 修正後: /#((?:[\w\u00c0-\uFFFF_-]|\\.)+)/, uFFFE 〜 uFFFF は UCS-2(UTF-16)のBOMとしても用いられるため、利用できるコードポイントではありません。uFFEE としておくのが無難です。 [-] は [\-] ってエスケープしなくてもうごくようですが、直したほうがよいでしょう。 id:murky-satyr さんからのブクマコメントで "エスケープしなくてもたまたま動く" ← 仕様上(ECMA-262)問題ないので「たまたま」でなく普通に動く はい。私が間違ってました(勘違
Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース
Comments» 1. 本日のTwitter 2009-01-18 | memoMania - 2009-1-19 […] Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース http://blog.blueblack.net/item_340 # […] 2. ゲスト - 2009-1-19 (ただ、私の環境だとたまに、実行時にDOS窓が残ってブラウザを閉じるまでファイルが編集不能になる現象が発生します。なぜだろう。) firefoxの前にstartを入れるとどうでしょう？ 3. nase - 2009-1-19 ありがとうございます！動作確認できました。よけいなDOS窓が開かなくなって、いい感じです。本文も修正させてもらいました。 4. sasata299's blog - 2009-2-6 vim環境を晒してみる… いきなりですが、僕はvi派です。emacsは・
XHTMLの書き方と留意点
class="abstract" itemprop="http://purl.org/dc/terms/abstract"ひろく普及したHTMLの資産を生かしつつ、より強力で応用範囲の広いXMLの技術をWebに取り込むために、HTML 4.01と互換性を持つ新しいマークアップ言語XHTML 1.0が勧告されました。次の世代に備えるための、いくつかのポイントをご紹介します。 XHTMLとは XHTMLの基本形 HTMLとの互換性について 従来のHTMLをXHTMLに変換するための若干のヒント XHTMLとは 2000年1月26日にW3Cの勧告となったXHTML（Extensible HyperText Markup Language）[XHTML10]は、素朴な文書構造記述言語として発展してきた（あるいは混乱してきた）HTMLに、XML[XML1]の持つ柔軟性、拡張性を取り入れたものです。H
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
栄光ゼミナール；塾選びガイド
栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで
Web標準化Tips - Web標準普及プロジェクト
特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。
ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0
E-mailｼ嗹ebmaster@zspc.com Copyright © 1996-2000 ZSPC. All Rights Reserved. All pages except color chart are written in Japanese. g src="/static/zspc.com-vcss.gif" alt="Valid CSS! | " height="31" width="88" border="0"> g height="31" width="88" src="" alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0" border="0">
HTML版『スタイルシートWebデザイン』すみけんたろう著
すみけんたろう著 簡略な目次 HTML版に寄せて 詳細な目次 まえがき 1. Introduction to CSS with HTML 2. tutorial of HTML as SGML 3. some more HTML 4. CSS syntax in detail 5. CSS properties for visual media in detail 6. road to mastering CSS 7. new feature in CSS2 解説と凡例――HTML版編者より アーカイヴ版の配布 HTML版に寄せて いま私はプロの編集者として勤務しています。その目から見れば、本書の記述はあまりに固く、冒頭が長すぎ、リファレンスとして使いにくく…と欠点だらけです。 ところが本書は、専門家を含む一部のかたに一定以上の評価をいただいています。大変ありがたいことです。「美人は3日で
First step CSS - Intoroduction
WWW パブリッシングの世界に登場した Cascading Style Sheets（カスケーディングスタイルシート：CSS）とはなんだろう？ 手近な書籍を広げてみよう。いま目にしているページを構成する視覚的な，もっと平たくいうと，デザインの要素はどんなものがあるだろうか。 まずは，文字の大きさ，それから，フォントまたはその書体。カラーだったら，文字の色もあるかもしれない。そのほかにも，行間，文章や図版の配置，囲み記事がある場合などは枠，ひょっとしたらその中が網掛けしてある場合もあるだろう。 ほかにも探せばたくさんある。CSS が話題にするのはこういった“デザインのファクタ”なのである。HTML で書かれた文書を CSS を使ってデザインするのである。 要するに，この CSS を使うことにより，今までより多彩な視覚表現を実現することができるのである。これにより，ワープロや DTP にも劣ら
CSSバグリスト＠CSSバグ辞典スレッド
『CSSバグ辞典スレッド』の要約 ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。 更新履歴 WinIE171, 172、NN031、Opera091を追加。WinIE151を修正。（2004-11-29） WinIE169, 170、Moz085を追加。WinIE030, 039、Moz070、Opera048を修正。（2004-10-09） NN029, NN030、Moz084を追加。Moz033を修正。（2004-08-23） WinIE168、Moz082, 083を追加。WinIE022, 166を修正。（2004-08-08） Moz081、Opera090、Safari022, 023を追加。（2004-07-26） 以前の履歴 本拠地スレッド CSS
正しい知識を得たい人の爲のCSS2リファレンス
正しい知識を得たい人の爲のCSS2リファレンス 簡易目次 概要 CSS2の構文 基本データ型 セレクタ 値わりあて，カスケード処理，継承 メディアタイプ HTML文書へのスタイルシート適用 プロパティの定義 テキスト 色と背景 フォント ボックスモデル 視覚整形モデル テーブル 生成内容 リストとマーカー ユーザインタフェイス 附録 CSSに関するアクセシビリティ技術 CSS2.0のプロパティ一覧表 CSS2.1のプロパティ一覧表 CSS2.1の視覚整形モデル詳細 詳細目次 概要 CSSの概要 HTMLの経緯とCSSの役割 CSSの正式勧告水準について 改訂版CSS2.1と次世代CSS3 CSS2.1 vs CSS2 CSSの設計原則 CSS2の処理モデル カンヴァス（The canvas） わりあてモデル（addressing model） 用語の定義 CSS2の構文 構文（Syntax
属性セレクタで、スタイルシートを柔軟に！ - ［ホームページ作成］All About
属性セレクタを使うとスタイルシートの記述が楽になる スタイルシートで装飾対象を指定する方法に「属性セレクタ」という書式があります。 今までは、FirefoxやOperaしか対応していませんでしたが、Internet Explorer 7でも使えるようになりました。 この「属性セレクタ」を使うと、スタイルシートでの装飾対象の指定が楽になります。 例えば、次のような指定が可能です。 a要素のうち、name属性があるものだけを装飾 a要素のうち、target属性の値が _blank のものだけを装飾 input要素のうち、type属性の値が button のものだけを装飾 このように、「特定の属性が存在する要素のみ」や、「ある属性の値が指定した文字列である場合のみ」に限定した指定ができるようになります。 属性の値まで指定して装飾できるので、より柔軟で記述量の少ないスタイルシート
Ajax/CSS/PHP等のチュートリアルまとめ:phpspot開発日誌
Tutorials Round-Up: Ajax, CSS, PHP and More | Smashing Magazine Ajax/CSS/PHP等のチュートリアルまとめが公開されてます。 英文のサイトは本当にチュートリアルが充実していますね。 Ajax AJAX Desktop Tutorial AJAX Matters Blog Ajax RSS reader AJAX Tutorial Ajax: What is it Good For? → 続きを読む CSS Advanced CSS Layouts: Step by Step Beginner’s guide from a seasoned CSS designer CSS Advanced Guide CSS and HTML examples and tutorials by Ove Klykken CSS Basic
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter bootstrap入門 #twtr_hack
http://www.designwalker.com/2008/12/wordpress100.html
あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM
AWCS
Background Image Maker
携帯とPCのハイブリッドサイト構築 The Trap of Web Design