デザイン

デザイン

【レスポンシブデザイン】スマホ対応のデザインで気を付けるべき3つの事

こんにちは朱夏です。 今回は、スマホ用のデザイン作成、コーディングで気を付ける必要がある3つの事を紹介します。 朱夏 PC様に作ったデザインをスマホの画面に収まる様に表示を調節すればいいんじゃないの? ...
コピペ

【モバイル対応】メニューを実装する3つの方法

こんにちは朱夏です。 今回は、レスポンシブ対応では必須と言っていい機能、ナビゲーションだとかメニューと呼ばれているものを実装する方法を書いていこうと思います。 朱夏 スマホのメニューはボタンを押すと展開され...
デザイン

【WEBデザインとは?】WEBデザインを学習する上での考え方

WEBデザインって何?といった疑問について答えました。 センスだけではできない、WEBデザインのスキルを身に着けていく上での基本的な考え方です。
Bootstrap

【Bootstrap】色んなデザインのリンクカードを作ってみた

こんにちは朱夏です。 今回は、Bootstrapの機能を使ってリンクカードのデザインを3つほど作ってみたいと思います。 お品書き 1.画像とテキストの組み合わせ(縦) 2.画像とテキストの組み合わせ(横) 3.画像...
CSS

【苦手克服】パララックスサイトを作ってみよう その2

こんにちは朱夏です。 前回に続いて、パララックスサイトを作っていきます。 今回は、フェードインやスライドして表示される視覚効果を実装できる様にしていきます。 1.フェードインで表示 まずは、スクロールしていくとフェードインで表示...
CSS

【苦手克服】パララックスサイトを作ってみよう

こんにちは朱夏です。 今回は、パララックスデザインについて学んでいきたいと思います。 ここ数日、仕事の案件を探していますが、このブラウザ全体に画像が表示されて、スクロースすると順番に要素がフェードインしてきたりするサイトを見ると、「...
Bootstrap

【デザインを学ぼう】【WordPress】テーマの自作を目指して その10

こんにちは朱夏です。 今回は、全体的なデザインを考えていこうと思います。 テーマのコンセプトをいくつか決めていきます。 シンプル これからWordPressを勉強する人向け 解りやすいデザイン こんな感じ...
スポンサーリンク
タイトルとURLをコピーしました