リンク範囲をボックス全体に広げたいけど、HTMLのマークアップがおかしなことになるので、jQueryを使ってなんとかしたいと思っている方、複数のクラス…
ホームページ作成テクニック
ホームページ作成をする上での技術的な記事をまとめています。HTML・CSS・jQuery・PHP等のプログラミングに関するもの、WordPress等のCMSに関するものなどを中心にホームページに機能やデザインを施すテクニック集です。
- ホームページ作成方法
- ホームページ作成の基本知識
- ホームページ作成テクニック
- HTML5リファレンス
- CSSリファレンス
- レンタルサーバーとドメイン
高速でインデックスを促すWordPressプラグイン WebSub/PubSubHubbub
WebSub/PubSubHubbubプラグインを導入することによるメリットはGoogleへインデックスを早くするように通知することができることです。…
WordPressでブログしてるならAuthorページを作ってみないか？
オーサーページってとても大切です。WordPressにはユーザーを登録する機能があります。記事を見た方にこんな人が書いているんだよという事を伝えたいも…
CSSリスト(olとul)入れ子にした際のフォントサイズ調整
WEB制作で、知らないとちょっと困る事の１つが、リスト（olやul）を入れ子にしてグローバルナビゲーションやサイドナビゲーションを作る時ではないでしょ…
中央揃えのグローバルナビゲーションを作ってみよう
グローバルナビゲーションを作るときによく使うテクニックとしてフロートがありますが、左寄せで配置されます。今回は中央から配置していくテクニックをご紹介致…
WordPressでRSS配信と使い方
RSSとはなにかよくわからない方、また、RSSをサイト運営に使いたい方お待たせしました。以下の３つの項目ごとに解説しますので、参考にしてください。 目…
Google Fontsの使い方サイトに設定してみよう
Google Fontsを導入しておしゃれにしよう！ホームページを作っているともっといい感じのWebフォントで表示したいと思うことがあると思います。W…
PCサイトを簡単にレスポンシブウェブデザインに対応させよう！
まだスマートフォンに対応していないwebマスターの皆さんへ、PCサイトを最速でレスポンシブウェブデザインに対応しようという内容で紹介していこうと思いま…
floatの表示が崩れるときの直し方
WEB制作でボックスを横並びにする際に、floatを使うのが一般的だと思います。レイアウトが崩れてしまいなんとかしたい方はご覧ください。今回は解除方法…
CSSで画面横にボタンなどを固定する方法
画面の横に常に固定する方法です。何に使えるかというと。Topに戻るボタンや、 Twitterのフォローボタンやfacebookのいいねボタンや、他のコ…
CSS3でboxの内側や外側に影をつけてみよう
box-shadowの使い方について、解説します。CSS3の登場によって、かつては画像で作っていたボタンなどのパーツをCSSだけで表現できるようになり…
スマートフォンサイト制作に役立つCSS
CSSでスマートフォンらしくする 制作時に気をつける事（imgやコンテンツwidthについて） について解説しています。 ＣＳＳ３でスマホサイトをスマ…
簡単なスマホサイトの作り方「PCありの方」
スマートフォンサイトを作りたい方は、既にPCサイトをお持ちの方が多いと思います。PCサイトをお持ちの方が対象の記事になります。 スマートフォンに対応す…
サイト全体を中央に配置する方法
今、あなたのホームページはブラウザの左側に配置された状態ですね？ もう大丈夫です。すぐに解決します。 以下にホームページ全体を中央に配置する方法を説明…
list background リストに背景画像を設定
「ul」や「ol」のリスト部分を画像にする際、list-style-imageを使うと簡単に出来ますが、ブラウザによって微妙にずれる事があります。 ず…
