https://b.hatena.ne.jp/artzt/HTML/ HTMLに関するartztのはてなブックマーク (134) https://www.colordic.org/ artzt 2015-08-11T03:28:56Z html colorcode <blockquote cite="https://www.colordic.org/" title="WEB色見本 原色大辞典 - HTMLカラーコード"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.colordic.org%2F" alt="" /> <a href="https://www.colordic.org/">WEB色見本 原色大辞典 - HTMLカラーコード</a></cite><p><a href="https://www.colordic.org/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/0fc2023151e7a0635dade83fb04475b26f81654d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.colordic.org%2Fassets%2Fimg%2Fob_image.png" alt="WEB色見本 原色大辞典 - HTMLカラーコード" title="WEB色見本 原色大辞典 - HTMLカラーコード" class="entry-image" /></a></p><p>原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.colordic.org/"><img src="https://b.hatena.ne.jp/entry/image/https://www.colordic.org/" alt="はてなブックマーク - WEB色見本 原色大辞典 - HTMLカラーコード" title="はてなブックマーク - WEB色見本 原色大辞典 - HTMLカラーコード" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.colordic.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 3134 https://sirius-web.com/ artzt 2014-08-17T03:54:17Z html css javascript phonegap <blockquote cite="https://sirius-web.com/" title="丸投げアフィリエイト【公式】ブログ収益化計画"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsirius-web.com%2F" alt="" /> <a href="https://sirius-web.com/">丸投げアフィリエイト【公式】ブログ収益化計画</a></cite><p><a href="https://sirius-web.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e333d358e4d37733e1025c242003960ec7e651a/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fsirius-web.com%2Fimg%2Fdummy.png" alt="丸投げアフィリエイト【公式】ブログ収益化計画" title="丸投げアフィリエイト【公式】ブログ収益化計画" class="entry-image" /></a></p><p>海外FXジャンル以外で、7月中にご依頼いただける方には、以下の4つのお得なプランをご用意しております。 詳しくはお電話またはメールフォームからお気軽にご相談ください。 ① アフィリエイトサイト制作＋Yahooサジェスト集客 110万円（税込） ② アフィリエイトサイト制作＋Yahooサジェスト集客＋Bingサジェスト集客 165...</p><p><a href="https://b.hatena.ne.jp/entry/s/sirius-web.com/"><img src="https://b.hatena.ne.jp/entry/image/https://sirius-web.com/" alt="はてなブックマーク - 丸投げアフィリエイト【公式】ブログ収益化計画" title="はてなブックマーク - 丸投げアフィリエイト【公式】ブログ収益化計画" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sirius-web.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 413 http://baigie.me/sogitani/2013/11/html_step_up/ artzt 2013-11-28T17:22:15Z html css <blockquote cite="http://baigie.me/sogitani/2013/11/html_step_up/" title="ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fbaigie.me%2Fsogitani%2F2013%2F11%2Fhtml_step_up%2F" alt="" /> <a href="http://baigie.me/sogitani/2013/11/html_step_up/">ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ</a></cite><p><a href="http://baigie.me/sogitani/2013/11/html_step_up/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/5fbfbbba32aa6c5aec22e35c158794ac0a6ec607/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbaigie.me%2Fsogitani%2Fogp.png" alt="ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ" title="ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ" class="entry-image" /></a></p><p>HTMLコーディングの初級というと、どの程度のスキルを差すのでしょうか。弊社では、以下のようなことがひとまずできていると、だいたい初級レベルを越え始めた段階かな、という気がしています。 ターゲットブラウザで大きな崩れがない。 リンク漏れや原稿違いなどのヒューマンエラーの頻度が極めて低い。 バリデーター・...</p><p><a href="https://b.hatena.ne.jp/entry/baigie.me/sogitani/2013/11/html_step_up/"><img src="https://b.hatena.ne.jp/entry/image/http://baigie.me/sogitani/2013/11/html_step_up/" alt="はてなブックマーク - ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ" title="はてなブックマーク - ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/baigie.me/sogitani/2013/11/html_step_up/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 777 https://laugh-raku.com/archives/747 artzt 2013-11-09T06:27:58Z Webサービス javascript html css jquery php <blockquote cite="https://laugh-raku.com/archives/747" title="短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ | らふらく^^ ~ブログで飯を食う~"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flaugh-raku.com%2Farchives%2F747" alt="" /> <a href="https://laugh-raku.com/archives/747">短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ | らふらく^^ ~ブログで飯を食う~</a></cite><p><a href="https://laugh-raku.com/archives/747"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d08da8e8d00117b8a82ac4ba5f2d963ce5eb2691/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Flaugh-raku.com%2Fwp-content%2Fuploads%2F2014%2F01%2F993139b0990f24fe9f6495df60680297.jpg" alt="短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ | らふらく^^ ~ブログで飯を食う~" title="短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ | らふらく^^ ~ブログで飯を食う~" class="entry-image" /></a></p><p>こんな感じです。 ＞＞JavaScript を使って作る追尾サンプル iPhoneアプリやAndoroidアプリをつくれるこの他にも、JSを覚えれば、iPhoneアプリやAndoroidアプリをつくる事もできるのです！ ＞＞初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 「Titanium Mobileでアプリを試しにつくってみる」と...</p><p><a href="https://b.hatena.ne.jp/entry/s/laugh-raku.com/archives/747"><img src="https://b.hatena.ne.jp/entry/image/https://laugh-raku.com/archives/747" alt="はてなブックマーク - 短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ | らふらく^^ ~ブログで飯を食う~" title="はてなブックマーク - 短期間でプログラミング言語を学習してWebサービスをつくるための基礎知識と方法まとめ | らふらく^^ ~ブログで飯を食う~" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/laugh-raku.com/archives/747"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 86 https://json.bloople.net/ JSONをHTMLに表示 artzt 2013-06-03T17:39:20Z json html <blockquote cite="https://json.bloople.net/" title="JSON 2 HTML"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjson.bloople.net%2F" alt="" /> <a href="https://json.bloople.net/">JSON 2 HTML</a></cite><p><a href="https://json.bloople.net/"><img src="" alt="JSON 2 HTML" title="JSON 2 HTML" class="entry-image" /></a></p><p>Check out my portfolio at i.bloople.net. © Brenton Fletcher. Comments? e-mail me: i@bloople.net. Quoting from the home page of JSON JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. S...</p><p><a href="https://b.hatena.ne.jp/entry/s/json.bloople.net/"><img src="https://b.hatena.ne.jp/entry/image/https://json.bloople.net/" alt="はてなブックマーク - JSON 2 HTML" title="はてなブックマーク - JSON 2 HTML" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/json.bloople.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://stocker.jp/diary/wordpress-tutorial/ artzt 2012-05-20T17:54:56Z wordpress カスタマイズ ホームページ html css <blockquote cite="https://stocker.jp/diary/wordpress-tutorial/" title="WordPressテーマ制作チュートリアル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstocker.jp%2Fdiary%2Fwordpress-tutorial%2F" alt="" /> <a href="https://stocker.jp/diary/wordpress-tutorial/">WordPressテーマ制作チュートリアル</a></cite><p><a href="https://stocker.jp/diary/wordpress-tutorial/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/46fe41c485caef5ee2d7d275036be097cffe5200/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fwp-theme-0-500x313-1.png%3Ffit%3D500%252C313%26ssl%3D1" alt="WordPressテーマ制作チュートリアル" title="WordPressテーマ制作チュートリアル" class="entry-image" /></a></p><p>この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。 なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作...</p><p><a href="https://b.hatena.ne.jp/entry/s/stocker.jp/diary/wordpress-tutorial/"><img src="https://b.hatena.ne.jp/entry/image/https://stocker.jp/diary/wordpress-tutorial/" alt="はてなブックマーク - WordPressテーマ制作チュートリアル" title="はてなブックマーク - WordPressテーマ制作チュートリアル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/stocker.jp/diary/wordpress-tutorial/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1773 https://coliss.com/articles/build-websites/operation/work/grid-system-for-vertical-rhythum-gridlover.html artzt 2012-05-20T17:54:33Z css html grid <blockquote cite="https://coliss.com/articles/build-websites/operation/work/grid-system-for-vertical-rhythum-gridlover.html" title="見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Fgrid-system-for-vertical-rhythum-gridlover.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/grid-system-for-vertical-rhythum-gridlover.html">見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/grid-system-for-vertical-rhythum-gridlover.html"><img src="" alt="見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover" title="見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover" class="entry-image" /></a></p><p>Gridlover [ad#ad-2] Gridloverでは下記の3点を調整し、見出しやパラグラフなどの縦のリズムを設計します。 フォントのサイズ(body font-size) 行間(body line-height) スケール(scale) Gridloverを起動するには、サイトの「Launch Gridlover」をクリックします。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/grid-system-for-vertical-rhythum-gridlover.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/grid-system-for-vertical-rhythum-gridlover.html" alt="はてなブックマーク - 見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover" title="はてなブックマーク - 見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/grid-system-for-vertical-rhythum-gridlover.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 31 https://language-and-engineering.hatenablog.jp/entry/20110216/p1 artzt 2012-05-20T17:54:27Z css html <blockquote cite="https://language-and-engineering.hatenablog.jp/entry/20110216/p1" title="なんとなくCSSを使っている人が，CSS中級者になるために　（「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flanguage-and-engineering.hatenablog.jp%2Fentry%2F20110216%2Fp1" alt="" /> <a href="https://language-and-engineering.hatenablog.jp/entry/20110216/p1">なんとなくCSSを使っている人が，CSS中級者になるために　（「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して</a></cite><p><a href="https://language-and-engineering.hatenablog.jp/entry/20110216/p1"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fc5c62edb1c41a1426e7fce3e0b0aac663f4f7b3/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fws-fe.amazon-adsystem.com%2Fwidgets%2Fq%3F_encoding%3DUTF8%26ASIN%3D4844336355%26Format%3D_SL250_%26ID%3DAsinImage%26MarketPlace%3DJP%26ServiceVersion%3D20070822%26WS%3D1%26tag%3Dfugayahogeo-22" alt="なんとなくCSSを使っている人が，CSS中級者になるために　（「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して" title="なんとなくCSSを使っている人が，CSS中級者になるために　（「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して" class="entry-image" /></a></p><p>CSSを「なんとなく」知っていて，「なんとなく」使っている， というケースがある。 そういう場合，思わぬところでレイアウトが崩れ， 要素の正確なポジショニングができず， 「なんとなく」ずっと悩み続けることになる。 その原因は，CSSの中級のノウハウが足りない，という点にある。 一発で正確なレイアウトができる...</p><p><a href="https://b.hatena.ne.jp/entry/s/language-and-engineering.hatenablog.jp/entry/20110216/p1"><img src="https://b.hatena.ne.jp/entry/image/https://language-and-engineering.hatenablog.jp/entry/20110216/p1" alt="はてなブックマーク - なんとなくCSSを使っている人が，CSS中級者になるために　（「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して" title="はてなブックマーク - なんとなくCSSを使っている人が，CSS中級者になるために　（「崩れないレイアウト」のセオリー） - 主に言語とシステム開発に関して" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/language-and-engineering.hatenablog.jp/entry/20110216/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 264 http://cssdesignpatterns.com/index.html artzt 2012-05-20T17:54:22Z html css <blockquote cite="http://cssdesignpatterns.com/index.html" title="CSS Design Patterns - HOME"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcssdesignpatterns.com%2Findex.html" alt="" /> <a href="http://cssdesignpatterns.com/index.html">CSS Design Patterns - HOME</a></cite><p><a href="http://cssdesignpatterns.com/index.html"><img src="" alt="CSS Design Patterns - HOME" title="CSS Design Patterns - HOME" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/cssdesignpatterns.com/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://cssdesignpatterns.com/index.html" alt="はてなブックマーク - CSS Design Patterns - HOME" title="はてなブックマーク - CSS Design Patterns - HOME" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/cssdesignpatterns.com/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://design-develop.net/web-design/15-responsive-css-frameworks.html artzt 2012-05-20T17:54:19Z css html フレームワーク <blockquote cite="https://design-develop.net/web-design/15-responsive-css-frameworks.html" title="レスポンシブなWEB制作のためのCSSフレームワークのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdesign-develop.net%2Fweb-design%2F15-responsive-css-frameworks.html" alt="" /> <a href="https://design-develop.net/web-design/15-responsive-css-frameworks.html">レスポンシブなWEB制作のためのCSSフレームワークのまとめ</a></cite><p><a href="https://design-develop.net/web-design/15-responsive-css-frameworks.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/73a8b3d8f88fddda17b5b46cfe9d9f8802121da0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdesign-develop.net%2Fwp-content%2Fuploads%2F2011%2F11%2FLess-Framework-4.jpg" alt="レスポンシブなWEB制作のためのCSSフレームワークのまとめ" title="レスポンシブなWEB制作のためのCSSフレームワークのまとめ" class="entry-image" /></a></p><p>様々なデバイスが出現してきており、WEBサイトもその環境を考慮した制作を求められており、制作側もどんな端末でも快適に閲覧できるレスポンシブなレイアウトが広まりつつありますが、今日紹介するのはレスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」です。...</p><p><a href="https://b.hatena.ne.jp/entry/s/design-develop.net/web-design/15-responsive-css-frameworks.html"><img src="https://b.hatena.ne.jp/entry/image/https://design-develop.net/web-design/15-responsive-css-frameworks.html" alt="はてなブックマーク - レスポンシブなWEB制作のためのCSSフレームワークのまとめ" title="はてなブックマーク - レスポンシブなWEB制作のためのCSSフレームワークのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/design-develop.net/web-design/15-responsive-css-frameworks.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 177 https://www.paulund.co.uk/what-is-html5 artzt 2012-05-20T17:54:05Z html5 html <blockquote cite="https://www.paulund.co.uk/what-is-html5" title="What Is HTML5? - Paulund"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.paulund.co.uk%2Fwhat-is-html5" alt="" /> <a href="https://www.paulund.co.uk/what-is-html5">What Is HTML5? - Paulund</a></cite><p><a href="https://www.paulund.co.uk/what-is-html5"><img src="" alt="What Is HTML5? - Paulund" title="What Is HTML5? - Paulund" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.paulund.co.uk/what-is-html5"><img src="https://b.hatena.ne.jp/entry/image/https://www.paulund.co.uk/what-is-html5" alt="はてなブックマーク - What Is HTML5? - Paulund" title="はてなブックマーク - What Is HTML5? - Paulund" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.paulund.co.uk/what-is-html5"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 http://www.paulund.co.uk/converting-xhtml-wordpress-theme-to-html5 artzt 2012-05-20T17:54:04Z wordpress html5 html <blockquote cite="http://www.paulund.co.uk/converting-xhtml-wordpress-theme-to-html5" title="Converting XHTML Wordpress Theme To HTML5 - Paulund"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.paulund.co.uk%2Fconverting-xhtml-wordpress-theme-to-html5" alt="" /> <a href="http://www.paulund.co.uk/converting-xhtml-wordpress-theme-to-html5">Converting XHTML Wordpress Theme To HTML5 - Paulund</a></cite><p><a href="http://www.paulund.co.uk/converting-xhtml-wordpress-theme-to-html5"><img src="" alt="Converting XHTML Wordpress Theme To HTML5 - Paulund" title="Converting XHTML Wordpress Theme To HTML5 - Paulund" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.paulund.co.uk/converting-xhtml-wordpress-theme-to-html5"><img src="https://b.hatena.ne.jp/entry/image/http://www.paulund.co.uk/converting-xhtml-wordpress-theme-to-html5" alt="はてなブックマーク - Converting XHTML Wordpress Theme To HTML5 - Paulund" title="はてなブックマーク - Converting XHTML Wordpress Theme To HTML5 - Paulund" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.paulund.co.uk/converting-xhtml-wordpress-theme-to-html5"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 http://vanidesign.blog.fc2.com/blog-entry-12.html artzt 2011-09-14T17:31:24Z html5 html css jquery 写真 <blockquote cite="http://vanidesign.blog.fc2.com/blog-entry-12.html" title="最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fvanidesign.blog.fc2.com%2Fblog-entry-12.html" alt="" /> <a href="http://vanidesign.blog.fc2.com/blog-entry-12.html">最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート</a></cite><p><a href="http://vanidesign.blog.fc2.com/blog-entry-12.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/43bf227f5f33cb31cf6cc5515397da6372c0a32c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-81.fc2.com%2Fv%2Fa%2Fn%2Fvanidesign%2F11187260_968568719828247_3343970705641289934_os.png" alt="最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート" title="最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート" class="entry-image" /></a></p><p>ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライ...</p><p><a href="https://b.hatena.ne.jp/entry/vanidesign.blog.fc2.com/blog-entry-12.html"><img src="https://b.hatena.ne.jp/entry/image/http://vanidesign.blog.fc2.com/blog-entry-12.html" alt="はてなブックマーク - 最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート" title="はてなブックマーク - 最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/vanidesign.blog.fc2.com/blog-entry-12.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 978 http://hac-design.com/css/margin.html artzt 2011-02-18T06:06:32Z css html padding margin <blockquote cite="http://hac-design.com/css/margin.html" title="403 Forbidden"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhac-design.com%2Fcss%2Fmargin.html" alt="" /> <a href="http://hac-design.com/css/margin.html">403 Forbidden</a></cite><p><a href="http://hac-design.com/css/margin.html"><img src="" alt="403 Forbidden" title="403 Forbidden" class="entry-image" /></a></p><p>＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう</p><p><a href="https://b.hatena.ne.jp/entry/hac-design.com/css/margin.html"><img src="https://b.hatena.ne.jp/entry/image/http://hac-design.com/css/margin.html" alt="はてなブックマーク - 403 Forbidden" title="はてなブックマーク - 403 Forbidden" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/hac-design.com/css/margin.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 91 http://www.css-designsample.com/csslayout/technique-3.html artzt 2011-02-18T06:05:54Z css html <blockquote cite="http://www.css-designsample.com/csslayout/technique-3.html" title="横並びメニュー｜CSSの小技(指定テクニック)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.css-designsample.com%2Fcsslayout%2Ftechnique-3.html" alt="" /> <a href="http://www.css-designsample.com/csslayout/technique-3.html">横並びメニュー｜CSSの小技(指定テクニック)</a></cite><p><a href="http://www.css-designsample.com/csslayout/technique-3.html"><img src="" alt="横並びメニュー｜CSSの小技(指定テクニック)" title="横並びメニュー｜CSSの小技(指定テクニック)" class="entry-image" /></a></p><p>ここでは横並びメニューサンプルとサンプルソースのみ掲載します。ロールオーバー及びfloatについては特に解説しません。 グローバルナビゲーション部分が#wraaper、#header等のボックス内に配置されているものとします。 テキストのみの場合 横並びメニューサンプル表示 HTML &lt;div id=&quot;globalnavi&quot;&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;...</p><p><a href="https://b.hatena.ne.jp/entry/www.css-designsample.com/csslayout/technique-3.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.css-designsample.com/csslayout/technique-3.html" alt="はてなブックマーク - 横並びメニュー｜CSSの小技(指定テクニック)" title="はてなブックマーク - 横並びメニュー｜CSSの小技(指定テクニック)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.css-designsample.com/csslayout/technique-3.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 75 http://css-style.jp/notebook/xhtml_css/menu02_a.html artzt 2011-02-18T06:05:45Z css html layout <blockquote cite="http://css-style.jp/notebook/xhtml_css/menu02_a.html" title="floatで作る横並びメニュー - XHTML+CSS - Notebook - Css-Style.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcss-style.jp%2Fnotebook%2Fxhtml_css%2Fmenu02_a.html" alt="" /> <a href="http://css-style.jp/notebook/xhtml_css/menu02_a.html">floatで作る横並びメニュー - XHTML+CSS - Notebook - Css-Style.jp</a></cite><p><a href="http://css-style.jp/notebook/xhtml_css/menu02_a.html"><img src="" alt="floatで作る横並びメニュー - XHTML+CSS - Notebook - Css-Style.jp" title="floatで作る横並びメニュー - XHTML+CSS - Notebook - Css-Style.jp" class="entry-image" /></a></p><p>1.ベースとなるリストを作る まずは、ul要素を用いて、li要素でメニューの分だけ用意する。またテキストをa要素で記述する。さらにそれらをdiv要素で包括する。 &lt;div id=&quot;navigation&quot;&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;HOME&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;サービス概要&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;会社概要&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;お...</p><p><a href="https://b.hatena.ne.jp/entry/css-style.jp/notebook/xhtml_css/menu02_a.html"><img src="https://b.hatena.ne.jp/entry/image/http://css-style.jp/notebook/xhtml_css/menu02_a.html" alt="はてなブックマーク - floatで作る横並びメニュー - XHTML+CSS - Notebook - Css-Style.jp" title="はてなブックマーク - floatで作る横並びメニュー - XHTML+CSS - Notebook - Css-Style.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/css-style.jp/notebook/xhtml_css/menu02_a.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 https://matome.naver.jp/odai/2128991106556211201 artzt 2011-01-29T15:00:33Z css xhtml html <blockquote cite="https://matome.naver.jp/odai/2128991106556211201" title="サービス終了のお知らせ - NAVER まとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmatome.naver.jp%2Fodai%2F2128991106556211201" alt="" /> <a href="https://matome.naver.jp/odai/2128991106556211201">サービス終了のお知らせ - NAVER まとめ</a></cite><p><a href="https://matome.naver.jp/odai/2128991106556211201"><img src="" alt="サービス終了のお知らせ - NAVER まとめ" title="サービス終了のお知らせ - NAVER まとめ" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/matome.naver.jp/odai/2128991106556211201"><img src="https://b.hatena.ne.jp/entry/image/https://matome.naver.jp/odai/2128991106556211201" alt="はてなブックマーク - サービス終了のお知らせ - NAVER まとめ" title="はてなブックマーク - サービス終了のお知らせ - NAVER まとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/matome.naver.jp/odai/2128991106556211201"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 http://www.css-freelibrary.com/index.html artzt 2011-01-29T15:00:33Z css xhtml html <blockquote cite="http://www.css-freelibrary.com/index.html" title="Welcome on ns374241.ip-5-196-92.eu"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.css-freelibrary.com%2Findex.html" alt="" /> <a href="http://www.css-freelibrary.com/index.html">Welcome on ns374241.ip-5-196-92.eu</a></cite><p><a href="http://www.css-freelibrary.com/index.html"><img src="" alt="Welcome on ns374241.ip-5-196-92.eu" title="Welcome on ns374241.ip-5-196-92.eu" class="entry-image" /></a></p><p>Welcome on ns374241.ip-5-196-92.eu</p><p><a href="https://b.hatena.ne.jp/entry/www.css-freelibrary.com/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.css-freelibrary.com/index.html" alt="はてなブックマーク - Welcome on ns374241.ip-5-196-92.eu" title="はてなブックマーク - Welcome on ns374241.ip-5-196-92.eu" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.css-freelibrary.com/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html artzt 2011-01-22T07:50:40Z zencoding css html <blockquote cite="http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html" title="Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdesignblog.ecstudio.jp%2Fhtmlcss%2Fzen-coding-shortcut-key.html" alt="" /> <a href="http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html">Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ</a></cite><p><a href="http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html"><img src="" alt="Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ" title="Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ" class="entry-image" /></a></p><p>前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当て...</p><p><a href="https://b.hatena.ne.jp/entry/designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html"><img src="https://b.hatena.ne.jp/entry/image/http://designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html" alt="はてなブックマーク - Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ" title="はてなブックマーク - Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/designblog.ecstudio.jp/htmlcss/zen-coding-shortcut-key.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 353 https://webtan.impress.co.jp/e/2011/01/21/9431 artzt 2011-01-22T07:38:49Z zencoding css html <blockquote cite="https://webtan.impress.co.jp/e/2011/01/21/9431" title="Dreamweaverへのインストール | Zen Coding 2-1 | HTML+CSSコーディングが10倍速くなるZen Coding | Web担当者Forum"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2011%2F01%2F21%2F9431" alt="" /> <a href="https://webtan.impress.co.jp/e/2011/01/21/9431">Dreamweaverへのインストール | Zen Coding 2-1 | HTML+CSSコーディングが10倍速くなるZen Coding | Web担当者Forum</a></cite><p><a href="https://webtan.impress.co.jp/e/2011/01/21/9431"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/96ef35d918dfd1b0c3896b94cd2f715026e4de67/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2011%2FZenCoding%2FZenCoding_icon.png%3Fitok%3D_EQsoN-C" alt="Dreamweaverへのインストール | Zen Coding 2-1 | HTML+CSSコーディングが10倍速くなるZen Coding | Web担当者Forum" title="Dreamweaverへのインストール | Zen Coding 2-1 | HTML+CSSコーディングが10倍速くなるZen Coding | Web担当者Forum" class="entry-image" /></a></p><p>グーグル公式「生成AI最適化」ドキュメント登場 ―― 生成AI検索にSEOはまだ有効か？【SEOまとめ】 5月22日 7:05 【Google公式】「巷に出回るGEO・AEOは不要」と断言！ 生成AI検索に効くSEOをドキュメント化【1週間まとめ】 5月25日 10:00</p><p><a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2011/01/21/9431"><img src="https://b.hatena.ne.jp/entry/image/https://webtan.impress.co.jp/e/2011/01/21/9431" alt="はてなブックマーク - Dreamweaverへのインストール | Zen Coding 2-1 | HTML+CSSコーディングが10倍速くなるZen Coding | Web担当者Forum" title="はてなブックマーク - Dreamweaverへのインストール | Zen Coding 2-1 | HTML+CSSコーディングが10倍速くなるZen Coding | Web担当者Forum" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2011/01/21/9431"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 34