Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
このブログのコーディングガイドライン[旧] : Web Design KOJIKA17
このブログのコーディングガイドライン[旧] 2012-04-30 今まで5回ほどブログのデザインを変更し、その度にHTMLのソースなどに、簡単な解説を入れてきました。 最近、Google Style Guideが流行ってる(?)ので、それっぽくゆるく書いてみます。 この記事について このコーディングガイドラインは、旧デザイン・ソースについてのものです。 現在のコーディングルールとは異なります。 旧デザインを参照したい方は、こちらをご覧下さい。 インデント インデントはしません。 URL URLが_(アンダースコア)の場合、リンクなどで下線が入るとアンダーバーが認識しにくくなるので、-(ハイフン)を使用しています。 HTMLについて DOCTYPE HTML5で記述。 IE9以下でも、ある程度スタイルを保てるように「html5.shiv」をCDNで挿入。 <!--[if lt IE 9]>
![このブログのコーディングガイドライン[旧] : Web Design KOJIKA17](https://cdn-ak-scissors.b.st-hatena.com/image/square/abaa13c8e836b378977eb131ef5a4f6d726842c6/height=288;version=1;width=512/https%3A%2F%2Fkojika17.com%2Fog.png)
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
HTML Tidy Online
HTML Tidy is a tool for checking and cleaning up HTML source files. It is especially useful for finding and correcting errors in deeply nested HTML, or for making grotesque code legible once more. This online version enables you use it without installing the client tool on your PC. More information about HTML Tidy is available from the original W3C page, and you can download a local copy of it fro
WelcomeToTheSky
Hello there* I design websites, build web & iPhone applications and help startups and entrepreneurs reach their brand to the next level. I also hang out with friends, take notes and tweet all the day during. Actually, this is the navigation :) Click to visit ReadItLater - iPhone & Web ReadItLater is my virtual notebook, to keep all the things I find useful on the web. You can add it to your iPhone
How to bring CSS3 features into your design « WelcomeToTheSky
Top web browser (such as Firefox 3.5 and Safari 4) have introduce some cool features you can already use. Now, with just a few lines of css you can do things you used to do with images and javascript. Scale CannyBill price table designed by Andy Clarke Scale is a great property but it requires to be well implemented to not look too much. Andy Clarke did a great job on his last project, the CannyBi
Coding a Web Design for Speed and Quality
The beauty of being a web designer is creating a detailed, creative, and original web design in Photoshop, without having to (for the most part) think about how it will be coded. During the design phase, it's all about the look, and either the coding can be taken care of later, or be outsourced to a developer. Either way, not thinking about the development usability or functionality is a great way
HTMLコーディングの代行・外注はクロノドライブ
人気のサービス クロノドライブでは、お客様のコーディングに関するすべてのお悩みを解決するべく、多様なサービスを準備しております。その中でもご要望の多いサービスをご紹介致します。 PCサイトコーディングPCサイトのコーディングプランです。短納期案件や大規模案件でもご相談ください。 スマートフォンサイト・ レスポンシブWebデザイン コーディングHTML5+CSS3でのスマートフォンサイト構築を行います。レスポンシブWebデザイン対応も可能です。 WordPress構築WordPressの新規構築から、既存サイトの修正・カスタマイズまで幅広く対応いたします。 JavaScript対応フルオーダーのJavaScript構築のほかに、JavaScriptカスタマイズや修正も行なっております。 クロノドライブのコーダーがTipsをご紹介しております。 jQueryを使うなら知っておきたいjQuery
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Coding Standards « WordPress Codex
HTMLを読みやすく美しくする8つの方法 | AUTHORITY SITE
markercss.com