rui-log.com

ECサイト運営

コピペで簡単!CSSで画像にポラロイド風加工を施す方法

【コピペで簡単】CSSで写真・画像のおしゃれ加工。ポラロイド風ボーダーを実装する

今回は写真・画像をcssでおしゃれ加工する方法の1つとして、影を利用したポラロイド風のボーダーをつけることによるおしゃれ加工を実装します。もちろん、コピペで簡単に実装できるようにしました。

Visual Studio Codeの拡張機能「HTML Preview」でリアルタイムプレビューをする

Visual Studio Codeでhtmlコーディングはリアルタイムプレビューがすごく良い

私は現在テキストエディターをWindowsとMacの両端末とも、Microsoftから無償で提供されている「Visual Studio Code」に統一している。なぜなら、どちらのOSでも同じように利用でき、とっても便利で拡張性があるから。

cssだけでメニューバーを固定表示させる方法

【コピペで簡単】cssだけでメニューバーを固定させる方法

画面の上部に固定させるメニューバーや、ECサイトだったら右端に小さくクーポンバナーを固定させていたりするサイト、ありますよね。 そういった画面に固定させる方法をコピペで簡単に実装できる形で紹介します。

cssだけで横スクロールを実現。

【コピペで簡単】jsなし!CSSだけで画像を横スクロールする方法

ECサイトのトップページファーストビューや、ブログ等で関連記事、ランキング等を一覧表示する際、横スクロールを利用することはよくありますよね。そんなとき、Javascriptを利用せずにCSSだけでも横スクロールを実現することができるので、その方法を紹介します。

画像加工不要!cssだけで画像を暗くしてぼかす。

【コピペで簡単】cssだけで背景画像をぼかして暗くする方法。画像加工が不要で便利!

知ってるのと知らないのでは全然違う!cssだけで背景画像をぼかして暗くする方法。画像加工が不要で便利!ルイログのタイトル箇所でも使われているテクニック。画像を置いて、画像をぼかして・暗くして、その上にテキストを乗せて。cssだけでこれらの効果を適用させるので、とっても便利。ブログのテンプレート作成時にも使える便利な

display:flexで横並びのコンテンツを作る方法

【コピペで簡単】floatを使わずにdisplay:flexで横並びのコンテンツをつくる方法

ウェブサイトでコンテンツを横並びにする際「float」を使うことが多かったのですが、最近では「display:flex」を使うことが多くなりました。画像を3つ並びにするときとか、ECサイト運営をしていると確実に商品画像を並べたいときがきます。そんなとい、こ

WEBの人がよく使うhtml記号まとめ

WEBの人がよく使うhtml 記号をまとめてみました。アパレルECサイト運営に携わっていると、htmlで書く時に文字列の記号で書かないといけないときが多い。そんな時に使えるやつです!よく使う記号・使いそうな記号をまずまとめて、その後一覧に

ルイログ Excel関数 vlookup sumif ビジネス向け関数 ECサイト運営者向け

Excel 関数を使いこなして時短!必要なのはvlookup sumif

Excel 関数を使いこなして時短!必要なのは vlookup と sumif 。EC系ビジネスマンに教えたいエクセル関数はコレ!大学はIT入試(Word、Excel、IE、を利用した試験)で入学し、授業でも学び、教師の補助と言う形で生徒にも教えたりしていた私。