色選びに悩んだ時にお世話になっているサイトをご紹介します。 「Web制作で、微妙な色合いで悩んでも無駄だよ。環…
tips
レスポンシブサイト html 電話番号をタップして通話
レスポンシブサイトを構築するにあたって、PCで閲覧する人、スマホで閲覧する人にも快適である事を考えなければなり…
Googleフォームを使う
Googleフォームとは Googleフォームは、ホームページを持っていなくてもホームページに設置するメールフ…
AtomとEmmetで快適なコーディング
以前、少し触れましたがDreamweaverからの乗り換えにも便利な、無料のエディタAtomにEmmetという…
Google mapをレスポンシブに対応させる
なにかと使うgoogle Mapですが、レスポンシブサイトに埋め込むと、どうも上手くいきません。 でもレスポン…
XamppのApacheが起動しない時 (ウィルスバスター)
すっかり忘れていたので、覚え書きです。 PCにxamppをインストールしているのですが、突然Apacheが起動…
[Bootstrap] ブレークポイント @media
レスポンシブのブレークポイント（Responsive breakpoints）の書き方。 レスポンシブサイトを…
[CSS] Animate.cssでアニメーション効果をつける-2
Animate.cssでを使って、スクロールのタイミングでアニメーションが始まるように出来るinview.js…
[CSS] Animate.cssでアニメーション効果をつける-1
Animate.cssはclassを付けるだけで簡単にアニメーション効果を付ける事が出来ます。簡単と言っても、…
[Photoshop] モックに簡単に画像をはめ込む
PC画面、パッケージ、マグカップのモック画像にロゴなどをはめ込みた時、古いPhotoshopでも簡単に出来る機…