「 便利ツール 」 一覧

no image

FileZillaの転送キュー(キーファイル)をクリアする方法

Webサイトをサーバーにアップする時、またサーバーにあるファイルをバックアップとる時など、私は「FileZilla(ファイルジラ)」というFTPソフトを利用しています。 「FileZilla」は、SF …

no image

ちょっと複雑なtableがコピペで簡単にできる「Table Tag Generator」

滅多に複雑なtableタグを書くことがないのですが、久々にtableタグを使うことになって・・・すっかり忘れていました。。。 tableデザインの時代のコーディングでなくて良かった!! ・・・で、簡単 …

no image

無料で簡単!アイコンフォント「Font Awesome」を使ってみた

先日SNSアイコンをつけた時に、アイコンフォント「Font Awesome」を使用しました。 無料で、初めてでも簡単に使えるアイコンフォント「Font Awesome」。 いろいろな使い方があるので、 …

no image

スマホ用サイトに「LINEで送る」ボタンを設置してみる

スマホ向けに情報を発信しているサイトなど、あると便利なシェアボタン。 いつの間にかに「LINEで送る」ボタンが出来ていたのですね。 ひとまず自分用に記述方法を2種類メモします。

no image

スマートフォンサイトのソースコードを見たいときに便利だったツール【AndroidとPC】

今までPC用サイトだけだったのが、最近ではレスポンシブだったりスマホサイトだったり・・・と多様化してきました。 まだまだスマホでの表示は謎が多くて、毎回ドキドキしてます。 Androidでスマホサイト …

no image

画像最適化に便利な4つのツール

スマホを意識したWebページを作っていると、避けて通れない「画像最適化」。 昨年あたりから少しずつ使っていますが、見た目は変わらないのに軽量になるから不思議です! 私がお世話になっている便利ツールを個 …

no image

Photoshopでレイアウト設計をする時に便利なエクステンション「GuideGuide」を試してみた

日頃、WebページのデザインはPhotoshopを使っています。何か便利なツールないかなぁ~と思っていたところで知ったエクステンション。 Photoshopでレイアウトを設計する時にガイド引きが少し楽 …

no image

レスポンシブに便利!様々な端末サイズでの見え方を確認できる「Viewport Resizer」

レスポンシブサイトを制作途中、いろんな端末サイズでちょっと見え方を確認をします。 最終的にはやっぱり実機での確認なんですが・・・コーディング途中ではやっぱり手軽に確認したいもの。 そんな時に使える、便 …

no image

パソコンでスマホやタブレットの表示を確認出来るGoogle Choromeデベロッパーツール

Webサイトを制作する時、コーディングしながら都度いろんなブラウザで表示確認をします。 レスポンシブサイトとなると、今まで以上に表示をいろいろ確認しながら・・・の作業になります。 実機で表示テストをし …

no image

無料で高機能なメールフォーム「メールフォームプロCGI」を設置してみた

通常の静的なWebサイトにお問い合せフォームをつける時、自分でCGIを用意しないといけない場合、いろいろ探すのに大変でした。。。 無料でなら尚更・・・で、広告とか入っていたり、いろいろ制約があったり・ …