Cat-l

Web

[Web]卒業してから知った制作の便利サイト

私は元々中学2年の頃に手打ちでサイトを作成してたことがあります。
その後、ホームページビルダーを購入したりとWeb制作に関しては多少縁がありました。

それから、サイト制作からは疎遠になりましたが、とあることで、職業訓練校に行くことになり、そのときに選択したのはWebでした。昔作ったことあったなーってくらいの理由で。

そして、無事卒業しいざ働くことになりましたが、そりゃもう初めはとてもひどかったと思いますw

あの時の自身に伝えられるのであれば、この辺りのサイトは知っておいたほうがいいんじゃないかな。
っていう、サイトを御紹介したいと思います。

Another HTML-lint 5

Another HTML-lint5

htmlの構文チェックサイトです。

html5以外もあります。
自分でコーディングしたサイトが問題ないか調べることが出来ます。
問題があってもサイトとしては見れたりしますけど、細かい所のルールとかのチェックですね。alt抜けがないか、とか。

SEOにも多少なりとも関係ある部分もあるので、100点で作成したいところですね!

Adobe Color CC

Adobe Color CC

Adobeのカラーバリエーションサイト。

SEO会社に勤めてた時にはよくお世話になりました。
カラーバリーエションが豊富で、自身で考えるときは考えますが、迷った時とか時間がないときとかはお世話になったりします。
名称が変わったようで以前は「Adobe Kuler」だったのですが、Adobe Color CCに変わったみたいですね。

TinyPNG

TinyPNG

オンライン上で画像を圧縮してくれるサイトです。

jpg圧縮とかもあります。
画像をたくさん使うサイトとかですと画像だけで1ページの容量がすごいことになりかねない。
そんな時に出番です。画質の劣化もほとんどありません。

読み込み速度は命でもありますしね。

Fontello

Fontello

Webアイコン。

モバイルファーストと言われてるだけに、画像を減らしたい。
でも、細かい装飾等拘りたい。そんな時に重宝します。

当サイトのサイドメニューもこちらからお借りしております。

アイコンのライセンス等は作成者様によって違うので、調べてご活用ください。

Ultimate CSS Gradient Generator

Ultimate CSS Gradient Generator

画像を使わずにcssでグラデーションを作れる。

可視化されてるので、目視で見て調整もできます。
更にベンダープレフィックス対応なので、コピーして貼り付けるだけでokお手軽簡単。

こんなところでしょうか。他にもあるんでしょうけど思い出せない!

多分探索していくと更に便利なものがありそうです!
しかし、こうやって見ると私はあまり画像を使いたくないタイプの人間なんでしょうね・・・。実際にそうですがw

触ったことがなければ、よろしければ一度触ってみはいかがでしょう。

その他

ピックアップ記事

  1. [グラブル]よろず屋シェロなんばマルイ出張所遊びに行ってみた[番外]
  2. [グラブル]召喚石確率UP召喚石欲しいから70連してみたら
  3. [猫]うちの猫が溶血性貧血と診断されました。
  4. [グラブル]武器編成とかスキルとかの説明的な記事
  5. [タガタメ]誰ガ為のリセットマラソン-タマモゲットまでの回数-

関連記事

  1. Cat-l

    Web

    [Web]参考書で実際にお世話になった2冊

    Webの参考書って一杯あって、それぞれ良いところがありますよね…

  2. Cat-l

    Web

    Cat-l

    Cat-l - 猫のように気ままに-サイト作成が完了しまし…

  3. 拡張機能一覧

    Web

    [Chrome]個人的に厳選した拡張機能7つ

    早速昨日更新出来なかった。。。久しぶりに歩きまわって、疲れて寝…

  4. コメント・・・?

    Web

    [Web]コメント機能を取り払う

    どうも。Itaka(@ido369)です。突拍子もないアイキャ…

  5. web

    Web

    [Web]制作会社に勤めて3日目

    現在Web制作会社に勤め始めて3日目となります。毎日1時間…

  6. Cat-l

    Web

    [Web]Google AdSenseに一発突破

    この度見事にGoogle AdSenseの二次審査を突破致しま…

スポンサードリンク

最近の記事

  1. 妖艶なミコ
  2. Cat-l
  3. ポケモン
  4. しあわせたまごの入手方法

スポンサードリンク

PAGE TOP