HTMLに関するlongloopのはてなブックマーク
https://b.hatena.ne.jp/longloop/HTML/
HTMLに関するlongloopのはてなブックマーク (5)
-
Zen-Codingでできるあんなことこんなこと | gaspanik weblog
http://blog.gaspanik.com/textmate-with-zencoding-ext
longloop
2011-01-27T12:10:02Z
zencoding
Zen coding
コーディング
Zen-Coding
html
172
<blockquote cite="http://blog.gaspanik.com/textmate-with-zencoding-ext" title="Zen-Codingでできるあんなことこんなこと | gaspanik weblog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.gaspanik.com%2Ftextmate-with-zencoding-ext" alt="" /> <a href="http://blog.gaspanik.com/textmate-with-zencoding-ext">Zen-Codingでできるあんなことこんなこと | gaspanik weblog</a></cite><p><a href="http://blog.gaspanik.com/textmate-with-zencoding-ext"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9a92c1c5d80b6836b40df78fe5ef5611302d6b99/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fblog.gaspanik.com%2Fwp-content%2Fuploads%2F2010%2F02%2Ftextmate-zen-001.png" alt="Zen-Codingでできるあんなことこんなこと | gaspanik weblog" title="Zen-Codingでできるあんなことこんなこと | gaspanik weblog" class="entry-image" /></a></p><p>先日超速コーディング？としてTextMateにZen-Codingを追加したコーディング手法の概要を紹介しました。で、実はZen-Coding、前回紹介した入力方法だけではありません。 HTMLのストラクチャ的なものがわかっていれば、特定の記述をして展開すると一気にコードが書けちゃったりします（どちらかと言えば、こっちが本当のZe...</p><p><a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/textmate-with-zencoding-ext"><img src="https://b.hatena.ne.jp/entry/image/http://blog.gaspanik.com/textmate-with-zencoding-ext" alt="はてなブックマーク - Zen-Codingでできるあんなことこんなこと | gaspanik weblog" title="はてなブックマーク - Zen-Codingでできるあんなことこんなこと | gaspanik weblog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/textmate-with-zencoding-ext"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>
-
CodaにZen-Codingを入れてみると… | gaspanik weblog
http://blog.gaspanik.com/coda-with-tea-for-coda
longloop
2011-01-27T12:01:07Z
CSS
Mac
HTML
zen-coding
coda
css
40
<blockquote cite="http://blog.gaspanik.com/coda-with-tea-for-coda" title="CodaにZen-Codingを入れてみると… | gaspanik weblog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.gaspanik.com%2Fcoda-with-tea-for-coda" alt="" /> <a href="http://blog.gaspanik.com/coda-with-tea-for-coda">CodaにZen-Codingを入れてみると… | gaspanik weblog</a></cite><p><a href="http://blog.gaspanik.com/coda-with-tea-for-coda"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/79028cbfe06e35b095c35ce27a50942843eb1307/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fblog.gaspanik.com%2Fwp-content%2Fuploads%2F2010%2F02%2Ftea-for-coda.png" alt="CodaにZen-Codingを入れてみると… | gaspanik weblog" title="CodaにZen-Codingを入れてみると… | gaspanik weblog" class="entry-image" /></a></p><p>前回、前々回とTextMateをベースにZen-Codingの話をしたわけですが、一番最初にも書いたようにTextMateは日本語の処理がうまくないので、導入したくても導入できない方も多いかもしれません。 でも、Zen-CodingをTextMate以外で使おうとするとグッと選択肢が減ります。Mac使いの皆さんがお使いのエディタといえば、Coda...</p><p><a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/coda-with-tea-for-coda"><img src="https://b.hatena.ne.jp/entry/image/http://blog.gaspanik.com/coda-with-tea-for-coda" alt="はてなブックマーク - CodaにZen-Codingを入れてみると… | gaspanik weblog" title="はてなブックマーク - CodaにZen-Codingを入れてみると… | gaspanik weblog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/coda-with-tea-for-coda"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>
-
Zen-Codingで楽々コーディング! + コツ1つ
http://3ping.org/2010/02/23/1816
longloop
2011-01-23T10:17:12Z
コーディング
HTML
CSS
461
<blockquote cite="http://3ping.org/2010/02/23/1816" title="Zen-Codingで楽々コーディング! + コツ1つ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2F3ping.org%2F2010%2F02%2F23%2F1816" alt="" /> <a href="http://3ping.org/2010/02/23/1816">Zen-Codingで楽々コーディング! + コツ1つ</a></cite><p><a href="http://3ping.org/2010/02/23/1816"><img src="" alt="Zen-Codingで楽々コーディング! + コツ1つ" title="Zen-Codingで楽々コーディング! + コツ1つ" class="entry-image" /></a></p><p>話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディング...</p><p><a href="https://b.hatena.ne.jp/entry/3ping.org/2010/02/23/1816"><img src="https://b.hatena.ne.jp/entry/image/http://3ping.org/2010/02/23/1816" alt="はてなブックマーク - Zen-Codingで楽々コーディング! + コツ1つ" title="はてなブックマーク - Zen-Codingで楽々コーディング! + コツ1つ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/3ping.org/2010/02/23/1816"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>
-
良いデザインを行うためのCSSの下地を作ろう
https://atmarkit.itmedia.co.jp/ait/articles/0810/07/news128.html
longloop
2011-01-22T06:41:30Z
HTML
webデザイン
xhtml
webdesign
83
<blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/0810/07/news128.html" title="良いデザインを行うためのCSSの下地を作ろう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F0810%2F07%2Fnews128.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/0810/07/news128.html">良いデザインを行うためのCSSの下地を作ろう</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/0810/07/news128.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8cca2fa664b6d644b678083aa5b3ee9c1ddd7efb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F0810%2F07%2Fr501.jpg" alt="良いデザインを行うためのCSSの下地を作ろう" title="良いデザインを行うためのCSSの下地を作ろう" class="entry-image" /></a></p><p>カッコイイWebデザインには、CSSの下地があると便利です。CSSの基礎知識として、HTML/XHTMLの違いから説明します（編集部） 連載第1回の「ちょっとサイトをステキにするCSSの基本」はいかがでしたでしょうか？ 前回はCSSの基本の基本を解説しましたが、今回はCSSでWebサイトをデザインするうえで必須となるHTML/XHTMLの...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/0810/07/news128.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/0810/07/news128.html" alt="はてなブックマーク - 良いデザインを行うためのCSSの下地を作ろう" title="はてなブックマーク - 良いデザインを行うためのCSSの下地を作ろう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/0810/07/news128.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>
-
とほほの HTMLリファレンス
http://www.tohoho-web.com/html/index.htm
longloop
2011-01-22T02:59:16Z
リファレンス
Webデザイン
Web
HTML
web制作
222
<blockquote cite="http://www.tohoho-web.com/html/index.htm" title="とほほの HTMLリファレンス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.tohoho-web.com%2Fhtml%2Findex.htm" alt="" /> <a href="http://www.tohoho-web.com/html/index.htm">とほほの HTMLリファレンス</a></cite><p><a href="http://www.tohoho-web.com/html/index.htm"><img src="" alt="とほほの HTMLリファレンス" title="とほほの HTMLリファレンス" class="entry-image" /></a></p><p>とほほのHTML入門 (HTMLリファレンス) トップ HTMLリファレンス [HTML概要] [フレーム版] [逆引き] [用途順] x は廃止されているものを示します。 A <a> <abbr> <acronym> x <address> <applet> x <area> <article> <aside> <audio> B <b> <base> <basefont> x <bdi> <bdo> <bgsound> x <big> x <blink> x <blockquote> ...</p><p><a href="https://b.hatena.ne.jp/entry/www.tohoho-web.com/html/index.htm"><img src="https://b.hatena.ne.jp/entry/image/http://www.tohoho-web.com/html/index.htm" alt="はてなブックマーク - とほほの HTMLリファレンス" title="はてなブックマーク - とほほの HTMLリファレンス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.tohoho-web.com/html/index.htm"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>