css– category –

友達からサイト制作のお仕事を頂いたので、遊びながら作ってたのですが、stickyめっちゃ楽しいですね。 一定の場所まで行ったら流れてくれるので、例えばTOPページの要素要素のタイトルや画像を固定しておくとなんとなく格好いいような印象になります。 た...

サイト全体に背景画像を設置したとき、 「格好いいけどもうちょっとお洒落感をプラスしたいなあ」「素敵な背景画像だけど文字が目立たない気がする……」「もうちょい個性をプラスしたい！」 このように、”あともうちょっとなんだけどな”現象に悩むこと、あ...

工程項目を入れる時に、数字が入れられる飾り枠が便利です。 便利というか、必要に駆られてさっき作ったので、忘れないうちに書いておく次第です。 こちらのカスタマイズはSWELL利用を前提としていますが、SWELL以外でも使えます。 【数字を入れる飾り枠】...

つい最近の案件で、TOPページに「依頼者のYoutubeチャンネル最新動画」を埋め込む案件がありましたので、希望通りに”最新動画がアップロードされると表示される”ようにYoutubeを埋め込んでみたところ すみません、「この動画は再生できません」と出ちゃい...

こんにちはー！突然ですがグーグルマップの全幅埋め込みって可愛いですよね。 ライトニングプロとかだと確かカスタムHTMLにいれて「width: 100vw」とでも書いておけばそれでOKだったんですけど、SWELLだとちょっと勝手が違ったので、私みたいに「え？どう...

どうもー白石です。今日はヘッダーにあるナビメニューをそのままフッターに移動させる簡単な方法を記します。 ヘッダーにあるナビメニュー、これはこれでいいんですけど、人によっては 「このナビメニューをフッターのほうで表示させたいなあ」 という場合...

「ヘッダーを透過させたい！」 と考えている人の中には、ヘッダー全体だけではなくヘッダーのうちのヘッダー背景色だけ消したい・半透明にしたいと考えている方もいらっしゃるかもしれません。 「半透明と言えばopacity！」 と、グーグル検索でも出るのでo...

サイト製作をしているときに、ヘッダーやボタンなど、なんとなく半透明にしたいときがあります。 不透明のデザインでも格好いいですが、 抜け感的な演出をしたいときに半透明を設定すると中々格好よく仕上がるんですよね。 今回はそんな時に使うopacityの...