HP制作
【CSS】floatさせた画像の下にテキストを回り込ませない方法(サンプルコードあり)
floatを使ってテキストと画像を配置することはコーディングでよく使う記述だと思います。 ただ、普通にfloatしただけだとテキストが画像よりも長くなった場合、…
HP制作
【SEO対策】Googleの検索キーワードと検索回数を簡単に調べる方法
ブログ記事のタイトルに狙ったキーワードを入れ、検索結果の上位に表示されるようになればアクセス数は一気に上がります。 タイトルは検索結果のクリック率にも大きく関わ…
HP制作
プラグインなしでブログにTwitterのツイートを埋め込みする方法
Twitterのツイートをブログの記事に引用する方法を紹介。 「ブログパーツ」や「WordPressのプラグイン」を利用しなくても実装できるので超簡単！HTML…
Wordpress
【CSS】ブログのサイドバーのテキストにカテゴリーアイコンを表示する方法
少し前にブログのサイドバーにカテゴリーアイコンを付けました。 最初、カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン「Category…
パソコン
Firefoxで上の画像と下の画像にすき間が出来てしまう場合の対処法
Webデザイナー・コーダーは、ブラウザごとの表示の違いに悩まされることが多いですよね。 今回はFirefoxで見ると上の画像と下の画像の間にすき間が出来てしまう…
HP制作
CSSを綺麗に整形してくれるオンラインツールのまとめ
CSSの記述の仕方は人によってクセがあります。個人ブログなら、自分だけわかるように書けば問題ありませんが、社内のプロジェクトなど複数の人間が管理する場合、ある程…
HP制作
Dreamweaverでの効率的な置換作業！正規表現の基本と応用
Dreamweaverで検索や置換をする際に、正規表現を使うと作業が劇的に効率化します。 正規表現に馴染みがない方も、この記事で紹介する基本の使い方を覚えれば、…
HP制作
ファイルサイズが大きくてFTP(FileZilla)でアップロードできない時の解決方法
先日、FileZillaを使ってサーバーに動画ファイル（70MB）をアップロードしようとしたのですが、何度やってもアップできない現象に遭遇。 タイムアウトを起こ…
HP制作
SEO効果はあるの？ドメインの種類や取得方法、正しいドメイン名の決め方
ホームページを立ち上げる際、決めなければならないことはたくさんあります。ジャンルやサイト名、構成、イメージカラー…そして「ドメイン」。 なんとなくで決めてしまい…
HP制作
フォトショ詐欺！？Photoshopで肌や目を簡単に写真加工できる「Skin Retouching」
簡単に目や肌、唇などを簡単に補正してくれる無料のPhotoshopアクション「5 Skin Retouching Photoshop Actions」を紹介。 …