楽天運営楽天運営ブログスタート
Webデザイナーが楽天ショップの運営をしていくうちに学んだ事をブログにしています。楽天でのマーケティング方法、小手先の技術、イベント攻略法などWebデザイナー視点で記事を書いてますので他のショップ運営の方とは違った視点になっています。
yu-shi
楽天運営
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だけで開閉させるハンバーガーメニューを作成します。中身が上から落ちてくる記述で作ってます。お手軽に作れますのでどうぞお試しください。