[B! html][css] A13のブックマーク

初心者さんのためのWebサイト制作に役立つリンク集

2017年6月29日 Webサイト制作「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れまずはWebサイトを作る目的を考える誰のため？何のため？Webサイトを作り始める前に。サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツールワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

A13 2010/05/25

html
css

リンク

あなたのマークアップのどこがどう正しくないかを具体的に指摘してくれる『xhtml-css』 | 100SHIKI.COM

似たようなツールはいくつかあるが、やっぱり便利なのと、きれいなインターフェースなのでご紹介。 xhtml-cssではCSSとHTMLの文法チェックを行ってくれる。自分でサイトやブログを持っていたら一度試してみるといいだろう。診断結果はかなり具体的なのでどこをどう直せばいいかが一目瞭然だ。ウェブは厳密に正しくなくてもなんとなく表示されるものだが、やっぱり検索エンジンのこととか、メンテナンスのことを考えると正しい文法であるに越したことはない。また何がどう正しくないかを知ることによって自分が何を勉強すればよいかもはっきりするだろう。こうした勉強欲を高めてくれるツールはいいですな。

A13 2007/12/17

リンク

新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife

08年6月4日追記：コレの新しいの作りました。新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。ごめんなさい... 現在は修正版になっております。修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。さて、一行駄文はお終い。本題です。毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう

A13 2007/11/06

リンク

我的春秋: パンくずリストのマークアップ

ちょっと前にパンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種（CSS HappyLife）というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は（も？）(X)HTML マークアップに話を絞ります。CSS については、特にセレクタまわりが結構変わってしまいますが、ひとまず、HirasaWa さんのエントリーなどを参照してください。（気が向いたら、別エントリーを立てますけど、実際に書くかどうかは未定。）階層型構造（tree structure）［2006-02-11 追記］石川一靖さんより、「セマンティクスを重視するならa要素にrel/rev属性を加えてリンクの関係性を明示するのが