
スプリットレイアウトの作り方を解説!レスポンシブにも対応!
以前「スプリットレイアウトの参考になるサイトまとめ」という記事を書きましたが、今回は実践編として実際にスプリットレイアウトのサイトを作成していきたいと思います。 サンプル 01.スプリットレイ […]
※カテゴリー「WordPress」の記事は別サイトに移行しました。ぜひそちらもご覧ください。
WORDPRESSDAY
以前「スプリットレイアウトの参考になるサイトまとめ」という記事を書きましたが、今回は実践編として実際にスプリットレイアウトのサイトを作成していきたいと思います。 サンプル 01.スプリットレイ […]
世の中にはたくさんのスライダープラグインがありますが、今回はレスポンシブ・タッチデバイスに対応、オプション設定も豊富なスライダープラグイン「slick」の使い方を詳しく解説していきます。 slickの機能概 […]
要素をブロックの縦横中央に配置するというシーンはたくさんあります。 横の中央揃えは簡単です。「margin:0 auto」か「text-align:center」で指定できます。ですが、縦中央揃えは「margin:aut […]
簡単に動画をWebサイトに設置できるので、Webサイト用に動画をアップする機会も多くなってきました。ですが、動画は画像に比べるとファイルサイズが大きくなりがちです。 動画ファイルサイズを下げたくても、専用ソフトはないし、 […]
スクロールをセクションごとに制御してくれるプラグイン「jQuery Scrollify」。主に縦に長いLPなどでよく使用されているので、ちょこっとスクロールしただけで、次のセクションまでスルスルとスクロールしていくサイト […]
昨年くらいから見かけるようになった印象の「スプリットレイアウト」のサイト。今回は「スプリットレイアウト」を取り入れる際の参考になるサイトをまとめてご紹介します。 スプリットレイアウトとは? 「スプリットレイ […]
注意 こちらの記事と同じことをCSSでもできます。ぜひチェックしてみてください。 以前、「ボックスの高さをブラウザの高さに合わせるテク3つ!」というのを書きました。 本当は今回の記事の内容まで一気に行きたかったのですが、 […]
ボックスの幅をブラウザの幅にあわせるのは、親要素に幅を指定していなければ「width:100%」も必要ありません。親要素の幅に合わせて100%に勝手になります。 問題は高さです。高さは内包している要素の高さになりますので […]
前回、「超簡単!CDNのjQueryを読み込む方法」というのを書きましたが、Web制作をする上では、様々なjQueryのプラグインも使用する機会が多いと思います。 jQuery本体と同様に、プラグインも毎回ダウンロードし […]
もはやWeb制作に必須と言って過言ではないjQueryです。だからこそ、なるべく無駄な手間は省き、制作効率を上げていきたいところです。 CDNを使用すれば、最新版を常に読み込むことができたり、バージョン管理ができたりと便 […]