Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選

スポンサーリンク

Web制作時、個人的にかなり助かっ
ているWebアプリやソフトウェアなど
をご紹介。何度お勧めしても足りない
位、助けられています。低スキルな
自分にとっては無いと困る。そんな
ツールをシェアしたいと思います。

もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。

960 grid system

web01

グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。

960 grid system

Firebug

web02

Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。

Firebug

Bitnami

web03

以前に記事を書きました。知識が無くてもローカル環境にDBなどを構築、CMSも同時にインストールしてくれます。30分ほどで開発環境が整います。個人的にはかなり嬉しいソフトウェアでした。

Bitnami

WordPress

web04

かなり依存しています。他のCMSも学んでおくべきなんですがどうしても使ってしまう。。。他にもMODxXoopsCubeにも興味あるんですけど・・

WordPress

Color of Book

web05

雑誌などに使われている色を抽出できるカラースキームサービス。日本人好みの色合いはこういうところから参考になると思っています。このサイト無いと面倒な事に。

Color of Book

IETester

web06

言わずと知れたIEの確認で必須のツールです。IE6とかもういいよ、とも思うんですがね・・・そうも行かない・・

IETester

4freephotos

web07

全てが商用無料の写真配布サイトです。以前に記事書きました。クオリティも高く、最近はまず最初にここをチェック、だいたい事足ります。

4freephotos

dafont

web08

フォントがもりもり置いてあるサイト。ライセンスは色々あるので注意が必要ですが、それでもかなり助かっています。

dafont

jQuery

web09

数多のプラグインが作られているjsライブラリ。必ずと言って良いほど使っています。プラグイン探しは以前書いた記事内で行っています。

jQuery

delicious

web10

リソース探しといえばこのブックマークサイトです。素材からチュートリアルまでいろいろ。日本では紹介されてないような情報も簡単に見つかりますし、Web制作関連の情報も多めなので重宝、というか無いと困ります。

delicious

以上、低スキルな僕が助けられているツールなどの10選でした。他にも「これ無いと困る!」というサービスがありましたらぜひ教えてください。DropboxとかEvernoteとか人によって様々でしょうし、色々な方の「必須ツール」も見てみたい気もしますね。

URL :
TRB :

Comments & Trackbacks (14)

  1. 咲本 敬

    大変、勉強になります。
    会社運営している立場なので、いろいろと覚えなければならないことが多々有り・・・。
    経験者の実践的なノウハウ・ツール、試してみます。

    • シロ

      ぜひトライしてくださいー!

  2. かめおやじ

    webサイトは、何個か作ってはいるのですが、
    ご紹介いただいているサイトは、大変勉強になります。

    これからも色々なツール等、ご紹介ください。

    • シロ

      がんばります!

  3. 加藤 久長

     いつも有難く拝見しております。
    自分自身も、WordPressを使うようになってから、勝手にかちびとNetさんをブックマークをして、
    気になる記事があれば、活用させていただいています。
     
     で、いつもながら感じていた事を、ユーザーの要望という形で、少し聞いて頂ければと思います。

     かちびとNetさんで御紹介されているサイトなどの記事がありますが、リンク先の記事を少し見てみよう!
    と感じた時に、なぜ別タブが開くようにされていないのか?少しばかり疑問に感じています。

     様々なユーザー視点があると思うのですが、
     個人的には紹介されているサイトの記事を見て、再びかちびとNetさんのところへ戻るのは、結構めんどくさく感じるわけなのです。

     そこで、リンクをa target=”_blank” へと変更して頂くと、他のサイトを見ても
    タブの切り替えだけで、再びかちびとNetさんの記事の続きを読むことができるのに・・
    と感じる事が多いので、もしよかったら、設定して頂ければ・・と思います。

     つまらない要望ですが、御検討頂ければ幸いです。
                            アラフォー親父こと、加藤 久長
     
     
     

    • シロ

      ご覧いただきありがとうございます。

      リンクをa target=”_blank” へと変更して頂くと、他のサイトを見ても タブの切り替えだけで、再びかちびとNetさんの記事の続きを読むことができるのに・・ と感じる事が多い

      仰りたいことはとても分かりますが、target=”_blank”はユーザーに選択肢を与えません。

      通常、ユーザーは別窓を開かずリンク間を移動することも出来ますし、キーボードのCtrlを押しながらクリックしてリンク先を別窓で開くことも出来ます。

      ですが、target=”_blank”は強制的に別窓にするので好ましくないとされています。人の数だけ思想が存在する事をご理解頂ければ幸いです。

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services