すべての記事

エックスサーバーとConoHa WING、どちらを選ぶべきか迷っていませんか？ 結論から言うと、安定性と実績重視ならエックスサーバー、使いやすさとスピード重視ならConoHa WINGがおすすめです。 エックスサーバーがおすすめな人 長期的にブログやサイトを運営...

エックスサーバーとロリポップ、どちらを選ぶべきか迷っていませんか？ 迷っている方は、以下の基準で選べば失敗しません。 エックスサーバーがおすすめな人 ブログで収益化を目指したい 表示速度やSEOを重視したい 長期的に安定した運用をしたい ＼お友達...

エックスサーバーの「スタンダード」と「プレミアム」の違いで迷っていませんか？ 結論から言うと、ほとんどの個人ブログ・アフィリエイト用途ならスタンダードプランで十分です。 この記事では各プランの違いを比較しつつ、どれを選ぶべきかを明確に解説...

エックスサーバーの契約を検討している人の中には、 どのキャンペーンが一番お得なの？ 今契約しても大丈夫？ と気になっている方も多いでしょう。 エックスサーバーには主に2種類のキャンペーンがあり、半額キャッシュバックとお友達紹介プログラムの併用...

エックスサーバーの「半額キャッシュバック」は非常にお得なキャンペーンですが、 キャッシュバックはいつもらえるの？ 本当にお得なの？ と疑問に思う人も多いでしょう。 エックスサーバーには 半額キャッシュバック 最大30%オフ の2種類のキャンペーンが...

エックスサーバーを契約しようと思ったとき、「契約期間はどれを選べばいいの？」と悩む方は多いです。 実は、契約期間の選び方によって料金の安さや特典の内容が大きく変わります。 結論を先にお伝えすると おすすめの契約期間は12ヶ月です。6ヶ月と比べ...

SWELLは、国内トップクラスのシェアを誇るレンタルサーバー「エックスサーバー」経由で、通常価格よりも5%オフ（17,600円→16,720円）で購入できます。 公式サイトで購入する場合と比べて割引が適用されるため、少しでも費用を抑えたい方には見逃せない方法...

エックスサーバーのお友達紹介プログラムは本当にお得なのでしょうか？ キャンペーンとどっちが安い？ 落とし穴はない？ と迷っている方も多いはずです。 結論から言うと、 エックスサーバーのお友達紹介プログラムは、条件を正しく理解すれば非常にお得に...

エックスサーバーのWordPressクイックスタートが気になっているものの、 本当に初心者向け？ デメリットはないの？ と不安に感じていませんか。 結論から言うと、新規でブログを始める人には非常に便利なサービスです。 ただし注意点もあります。 この記事...

この記事は、HTMLを学び始めた初心者の方はもちろん、なんとなくimgタグを使ってきた中級者の方にも向けた内容です。画像表示の「正しい基本」から、SEO・表示速度・デザイン性まで踏み込んで解説します。 読み終える頃には、単に画像を表示できるだけでな...

HTMLで文章を書いていて、 エディタでは改行されているのに、ブラウザでは1行になってしまう pタグとbrタグ、何となく使っているけど正解が分からない と感じたことはありませんか。 特にブログやWeb記事を書き始めたばかりの方ほど、改行の扱いでつまずき...

HTMLで文字を太字にしたいけど、どのタグを使えばいいの？ strongとbって何が違うの？ そんな疑問を持ったことはありませんか？ Web制作をしていると、「この言葉を強調したい」「もっと目立たせたい」と思う場面は多々あります。 しかし、HTMLには太字に...

ひと昔前までは、ローディングアニメーションと言えばCSSアニメーションで円がクルクル回ってるだけだったり、ロゴが中央に表示されて消えていくだけだった印象ですが、今は趣向が凝ったローディングアニメーションのサイトがたくさんあります。 また、ロ...

今回はグローバルメニューの登竜門、ドロップダウンメニューをCSSだけで作っていきたいと思います。 「transition」でアニメーションさせつつ、ひ孫階層まで対応したコードです。「なるべくコードはシンプルにわかりやすく」を意識して書いて行きます。 細...

レスポンシブレイアウトでのスマホビューが圧倒的に増えて来た昨今、アコーディオンメニューは、狭い画面でユーザーが必要な情報を任意で表示することができ、ユーザビリティの観点から見ても重要なテクニックの1つです。 ということで、今回はjQueryなし...

みなさん、レイアウトが超簡単になるCSSのFlexbox使っていますか？ めちゃくちゃ便利なので私は使いまくっておりますが、指定できることが豊富なのでチートシートを作りました。 チートシートはそれぞれページ内リンクになっていて、クリックで詳細の解説...

jQueryでスライダーを実装したいけど、複雑なコードは書きたくない slickって聞いたことはあるけど、使い方がよく分からない… この記事は、slickの導入方法から基本的な使い方、さらには現場でよく使われるカスタマイズ例やトラブル対処法までを網羅した完...

最近ではWebサイトにアニメーションを取り入れるのが当たり前になってきています。 ひと昔前はフルフラッシュサイトで見かけたようなゴリゴリ動く表現がhtml5やCSS、JS・JQueryによって実装可能になりました。 今回はそんなアニメーションの表現が優れたサ...

以前「スプリットレイアウトの参考になるサイトまとめ」という記事を書きましたが、今回は実践編として実際にスプリットレイアウトのサイトを作成していきたいと思います。 サンプル 01.スプリットレイアウトとは その名のとおり画面をスプリット＝分割す...

昨年くらいから見かけるようになった印象の「スプリットレイアウト」のサイト。 今回は「スプリットレイアウト」を取り入れる際の参考になるサイトをまとめてご紹介します。 スプリットレイアウトとは？ 「スプリットレイアウト」は「スプリットスクリーン...

人は初めて会う人の印象を３～５秒で決め、その決定材料となる情報のほとんどを「視覚情報」から得ています。 Webサイトにおいても同様で、インターネットユーザーはほんの数秒でそのサイトの判断をするということ。 私たちの脳はものすごいスピードで視覚...

当サイトに掲載する素敵なWebサイトを毎日収集していて、斜め上から見たような立体的なイメージ（アイソメトリックプロジェクション）を取り入れたサイトよく見るようになりました。 立体感があって印象的なデザインになるのでショーケースをまとめて見ま...

こちらの記事の内容は古くなっています。もっと簡単にヘッダーを固定表示できる最新の記事をアップしましたので、下記のリンクよりぜひそちらをご覧ください。 スクロールしても固定表示されるヘッダーは珍しくありませんが、その方法はいくつかあります。...

position:sticky;はスクロールしたときに、要素が指定した位置に来たところから固定させることができるとても便利なプロパティです。 position:fixed;と似ていますが、position:sticky;ならjavascriptも書かないとできなかった難しい指定がたった2行ででき...