今だからこそ個人サイトを作りたい方へ、参考リンクまとめです。

2014年8月17日2023年3月18日

素材サイト・テンプレートサイトのサーチから探してるんですがデッドリンクでがっかりすることも多いので
現時点で
「更新が止まっていない」
「更新停止だが情報として参考になる」
というポリシーで、サイトを趣味で作ってる私が独断と偏見でリンク集めてます。いつもお世話になってるところばかりです。
気になったものが見つかったら更新あげする予定
 
 

テキスト編集に役立つヤツ

手打ちやテンプレを編集をしたいときに役立つツール

ラッコツールズ　　オンラインHTMLエディター
･･･視覚的にHTMLを作成、編集。オンライン上でコードを作ってくれます。

Visual Studio Code
･･･Microsoft提供のコードエディター。html5での作成以外にも対応言語豊富。自動でコード候補を出して挿入も可能だが、古めの日本産フリーソフトのソース編集をしようとすると保存時エラーが起きやすいので注意。

TeraPad
･･･テキストエディタソフト

A.Ogawa’s home
･･･私が使ってる「タブインタフェースのテキストエディタotbedit」が配布されてます。タブで各ファイル移動は便利

ルフトツールズ（lufttools）
･･･ホームページ作るときのタグとかWebデザインのお役立ちが詰まってます

小説htmlの小人さん
･･･小説サイトでよく使うツールがあります

 

IMEの辞書にあらかじめタグを登録しておけば変換も早いです。

HTMLタグのGoogle日本語IME辞書を作った。 – かすてらすねお。（非日常編）.

PC・ウェブ制作参考ノート：音符やよく使う定番のHTML特殊文字

 
 

HTML5とかスクリプトとかタグとか

※漫画やイラストのサイズを最適化するために抑えておきたいレスポンシブ

これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ：てっく煮ブログ

iframe要素のレスポンシブWebデザイン対応：Tips Note by TAM

※htmlとか

HTML5って何？ 便利な機能が増えた次世代HTML ：ホームページ作成： All About.

HTML5リファレンス.

Java Script/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：OpenSpace.

PHP & JavaScript Room.

とほほのＷＷＷ入門.

※色とか飾りとか

WEB色見本 原色大辞典 – HTML Color Names.

さるわか　CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選

Maromaroスタイルレシピ　Maromaro Blog.

ゆぱんだらいふ　【コピペでOK】同人サイトの小説ページ・背景固定や装飾アイディア集

【初心者向け！】CSSの変更がうまくいかないときは優先度がおかしいかも？　YE-TECH（イエテック）

 
 

テンプレート

Template-Party

フリー素材web*citron – シンプルな壁紙,アイコン,テンプレート.

150+ Best Free Responsive HTML5 CSS3 Website Templates.HTML5・css3対応テンプレ・海外サイト

FOOL LOVERS

NEO HIMEISM

do（ドゥ）　創作・同人向けレスポンシブ対応htmlテンプレート

google検索結果　同人サイト　テンプレート　html5

 
 

php・cgi・その他ツール関連

PHP工房
フリー（無料）版、多機能プロ版のPHPプログラム、CMSを配布しています

 

エーオーシステム提供　便利ツールサイトコーナー
マルチファビコンつくれたり、gifアニメ作れたりします

KENT　WEB　CGI/Perlソフト
老舗のフリーソフトサイト　ブログ　掲示板　カウンターなど

にししふぁくとりー
フリーソフト、webTipsなど、ツイッター風味にできるマイクロ掲示板「てがろぐ」製作者です

Perl CGI’s By Mrs. Shiromuku　　CGI/Perlソフト

 
以下リンク切れ

フリー素材Piece –