楽天運営

楽天運営ブログスタート

Webデザイナーが楽天ショップの運営をしていくうちに学んだ事をブログにしています。楽天でのマーケティング方法、小手先の技術、イベント攻略法などWebデザイナー視点で記事を書いてますので他のショップ運営の方とは違った視点になっています。
html・css・jQueryのメモ帳

レスポンシブ対応ヘッダーメニューの作り方

コーディング初心者必見!レスポンシブ対応ヘッダーメニューの作り方です。パソコンでは横並びメニュー、スマホではハンバーガーメニューになります。htmlにPCとSPの別々のメニューを記載しなくて済むので便利です。一回覚えたら使い回し出来ます!
Photoshopのメモ帳

Photoshopのブラシでおしゃれな画像加工

Photoshopのブラシでおしゃれな画像加工の説明記事です。ブラシをAdobe公式からダウンロードして読み込みの説明もしてあります。今回はマスクも使いますのでその説明もちらっと紹介。この技術を応用すればいろんなおしゃれな画像作成ができるようになりますので読んでみてください。
html・css・jQueryのメモ帳

スクロールすると背景色が変わるメニュー

スクロールすると背景色が変わるメニューをjqueryとcssで作成する方法です。コピペでも大丈夫ですが内容を理解しておくとカスタムが容易になると思います!結構使う盤面多いのでおすすめです。
html・css・jQueryのメモ帳

Web fontを使う

Web fontを使うために説明したブログです。無料のフォントでも可能性が広がります。
html・css・jQueryのメモ帳

モーダルウィンドウの作り方

htmlとcssとjqueryでボタンを押すと画像が現れるモーダルウィンドウを作っていく解説です。難しそうですがよく見るとjqueryの記述は少ないです。もちろんコピペで使えます。
html・css・jQueryのメモ帳

タイトルに装飾を疑似要素で付けます

よくある見出しにスラッシュを疑似要素で左右につけてみるcssの記述の仕方です。画像やテキストで表示させるよりこちらの方がおすすめですので是非見てみてください。
html・css・jQueryのメモ帳

cssで背景画像を fontの形で切り抜く

cssでテキストに背景画像を入れたい時の説明です。htmlとcssだけで出来ます。意外と簡単ですので是非ご購読くださいませ。
Photoshopのメモ帳

Photoshopで余分なものを消す

きれいな背景に人が映り込んでるので消したい時にPhotoshopで簡単に消せます。これができればせっかく撮った写真に邪魔なものが、、という時に便利です。
html・css・jQueryのメモ帳

ハンバーガーメニュー作成(2)

コピペでOK! cssだけで開閉させるハンバーガーメニューを作成します。中身が上から落ちてくる記述で作ってます。お手軽に作れますのでどうぞお試しください。
タイトルとURLをコピーしました