よくあるツールだが、シンプルだし日本語もOKだったのでご紹介。 my code stockを使えば、PHPやらJavaScript、SQLやらのちょっと使えるコードを保管しておくことができる。 もちろん、保管したコードはフォルダ分けして管理することもできるし、タグをつけておくこともできる。 またエディターは自動的にコードが色づけされるので見やすいのもうれしい。 日本語での入力も検索も問題ないようだ。ブラウザさえあればどこからでもアクセスできるので便利ではなかろうか。
役立つコードスニペットを保管しておける『my code stock』 | 100SHIKI
よくあるツールだが、シンプルだし日本語もOKだったのでご紹介。 my code stockを使えば、PHPやらJavaScript、SQLやらのちょっと使えるコードを保管しておくことができる。 もちろん、保管したコードはフォルダ分けして管理することもできるし、タグをつけておくこともできる。 またエディターは自動的にコードが色づけされるので見やすいのもうれしい。 日本語での入力も検索も問題ないようだ。ブラウザさえあればどこからでもアクセスできるので便利ではなかろうか。
さらに、よりよいXHTMLコーディングを考える… | umbrella_process blog
半年ほどちんたら更新してきた当ブログですが、前回の記事には意外にも反応があってびっくりしています。コメント本当にありがとうございます。 改めて前回の記事を見返してみて、「正しい」という表現が適当じゃなかったかもしれません。別段、定義リストを使ったコーディングにたいして、おまえは間違っていると糾弾するつもりはないんです。個人的に嫌だなと思うだけで。まぁ好みは色々あるでしょうし。 ここで前回「よろしくない」と例に挙げた新着ニュースリリース部分のコーディングを再度ご紹介。 <dl id="news"> <dt>2009.06.02</dt> <dd><a href="~">ニュースのタイトル</a></dd> <dt>2009.06.01</dt> <dd><a href="~">ニュースのタイトル</a></dd> </dl> 制作の現場では複数人数でのコーディングが当たり前、客から突然仕様変
新人デザイナーがハマったコーディングの勘違い
はじめまして。新人MEの渕上伸吾です。 カヤックのME は、uemura率いる意匠部ME課（メカ）に所属しています。 ME課のお仕事は、コーディングを覚えたい新人デザイナーのサポートも担っているのですが、 そんななかで出会った、新人にありがちな勘違いネタについてエントリーを書いてみたいと思います。 これから紹介する勘違いや誤解はME課が全力で解いているのでご安心ください ♪ 1. h1タグは太字にするためのなにかだと勘違い 同様にstrongタグも太字にするためのタグだと勘違いされる傾向があるみたいです。 h1タグのhはHeading（見出し）の意味。 strongタグは強調する意味。 情報の意味に添うようにマークアップしよう！ 2. pタグはテキストを中央寄せにするためにある、と勘違い pタグのpは Paragraph（段落）の意味。 中央寄せにする、しないに関わらず文章の段落はpタグで
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
リンクがCSSの指定通りに出ない
スタイルシートでテキストリンクの部分に指定をすることは、珍しくありませんよね。ただたまにちゃんとCSSで指定しているのにも関わらずブラウザでうまく適応されていないときがあります。そんな時はまず、スタイルシートの記述されている順番を見てみましょう。 [css] a:link { color:#0066ff; } a:visited { color:#777777; } a:active { color:#0066aa; } a:hover { color:#666666; } [/css] 上記の順番の用に【link>visited>active>hover】の順番で記述しないと、ブラウザによってスタイルシートがうまく動作しない場合があるんですね。作者もWEBを覚え立ての頃にぶち当たりました……。
文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT
文書構造を表現するタグ 文書構造を表現するXHTMLタグを大まかに分類し、分類したタグをXHTMLの“要素”として、1つずつ紹介していきます。 これらの要素類はXHTMLの骨格（枠）となる部分を形成していくために使われる、XHTMLタグの記述（＝マークアップ）を行ううえで基礎となる要素類です。 htmlタグが一番の外側（先祖）となり、その内側（子）に上からhead要素、body要素といった順番でマークアップされます。 ページとして作成する（.htmlファイル）の文書構造を考慮し、情報構造として論理的に合っているかというのを考えながらマークアップを行いましょう。 html要素 htmlのそれぞれの要素はhtml要素を頂点とする階層構造になっています。 その中でhtml要素は最も基礎となる要素で、そのほかの要素はすべてがhtml要素の子や子孫（※）となる関係性になります。 なお、htmlファイ
CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 – creamu
DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSでフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino（WINDOWS 97.09% / MAC 78.86%） ・Tahoma（WINDOWS 96.09% / MAC 72.02%） ・Impact（WINDOWS 95.85% / MAC 88.08%） ・Century Gothic（WINDOWS 85.44% / MAC 42.50
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。 ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。 まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑 たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。 ID、クラスを適切に割り振って、要素がCSS側から一意に特定できるように たとえばグローバルナビゲーションとカ
hxxk.jp - CSS の記述ルール記事のまとめ
いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフォルトスタイルの差異を無くすCSS のような Tips ではなくて、あくまで .css ファイルを書き上げる際のルールのことです。 それと、取り上げた記事は順不同です。 書き上げてから、公開日時順にした方が良かったかなあとも思いましたがもうこのままで公開。 Type selectors を XHTML Abstract Modules の順番に沿って記述 - hxxk.jp ガイドラインを作成お
CSSで見やすくメンテナンスしやすいコードを記述するための自己流ルール - pur*log
CSSで見やすくメンテナンスしやすいコードを記述するための自己流ルール 2006-05-11T02:03:32+09:00 Tag: code, CSS, guideline CSS の記述において、ある１つのセレクタに対して複数のプロパティを記述することは日常的に行われますが、プロパティを記述する順番がセレクタの種類によってバラバラになってしまいがちです。 例えば、このような感じです。 ul li { font-size: 90%; list-style-type: square; margin: 0; padding: 0; } ol li { padding: 0; margin: 0; font-size: 90%; list-style-type: decimal; } バラバラになって特に問題が起きるわけではありません（同一セレクタ内に同一プロパティが複数存在する場合は後に記
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
CSS のコメントの書き方コレアレ
CSSもHTMLと同じように、ソース中にコメントを挿入することができます。 /*と*/で囲った文字列がコメントになりますが、入れ子にすることはできません。また、他のプログラムにあるような「#」や「//」といった単一行コメントはありません。 適切なコメントを挿入することで、複数人での作業するときや、時間がたってから編集するときなどにコードの見通しが良くなります。ブラウザ間の差異を埋めるための宣言やハックなんかも、適用させるブラウザ名や理由などをきちんとコメントで書いておきたいですね。 僕は、スタイルをグループに分けて記述するときなど、コメントを目立たせるために次のように記述しています。 /* ------------------------------ Header ------------------------------ */ div#header { } . . /* -------
エディタを使いこなしてHTML&CSSコーディングの速度を上げる | Blog hamashun.com
シリーズ目次 マルチモニタ編 キーボード・マウス編 ツール編 エディタ編 AutoHotkey編（初級）（近日公開） エディタをそのまま使っていませんか？ コーダー・マークアッパーの人たちは基本的にコードを書く事が仕事なので、IDEや各種エディタを使っていると思います。 それらの多くは設定可能な項目を持っていて、自分好みにカスタマイズする事ができます。 今回は参考までに、僕が設定している項目をご紹介します。 ショートカットキーを設定する HTMLを書くのって、実は結構面倒です。 閉じタグとか超面倒ですし、そもそも"<"とか">"のたびに毎回Shiftキーを押すのが面倒です。 あーめんどくさいめんどくさい。 ショートカットキーを設定できるエディタなら、この問題を解決できます。 例えば僕は、Ctrl+Alt+PでP要素の開始タグ～閉じタグを出して、更にカーソルを開始タグと閉じタグの間に移動する
サイトタイプ別class名管理方法 | Takazudo Clipping*
PHP/CSS書いてて、最近思ったことと、自分CSSデザインパターン解説。class名のつけ方の続き的内容。 オブジェクト指向を勉強してるとこ 最近、XSLTでCMS作る！って思っていろいろPHP書いてます。それで、すっごいclassが増えまくってしまって、継承とかいうものがある！ということで使ってみたら、すっきり。ほほーこれは便利だ！と思いきや、またしてもごちゃごちゃ。どこをどうしたらいいのやら。どーしたもんかと思ってネットをうろうろ見てたら、どうやら、デザインパターンってのを覚えた方がよさそうだということに気づき、この本を買いました。 これがすごい良かったです。継承とかinterfaceとか、こういうためにあったんだ！というのを学びました。すべてをまだ理解できてないけど、大きいものには大きいものの作り方があるんだ！と。結果総作りなおしｗｗｗ CSSのデザインパターン？ そんでCSSの話
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Coding Guideline 移動のお知らせ
(X)HTML・CSSコーディングマニュアル
連載インデックス「WebデザイナのためのHTMLチューニング入門」 - ＠IT
ホームページ作成テクニック、小技 [ホームページ作成] All About
CSSの書式 - HTML/XHTMLで使うCSS入門
IDEA * IDEA
