レッスンお疲れさまでした。 本日は、html/cssの修正を行いました。 ■パララックス（視差効果）とScrollSpyの同時利用に関して 前回、パララックスとScrollSpyを同時利用すると、Sc [...]

レッスンお疲れさまでした。 本日は、html/cssの修正を行いました。 ■パララックス（視差効果）に関して パララックス（視差効果）は、各要素を異なるスピードでスクロールすることで立体感を出す演出で [...]

レッスンお疲れさまでした。 本日は、html/cssの修正を行いました。 テキストエディタなどであらかじめ準備した文章をHTMLに張り込んでいきます。 タグはParagraphの略で段落を表します。 [...]

レッスンお疲れさまでした。 本日は、画像の加工とhtml/cssの修正を行いました。 画像の加工に関して 「fx」のアイコン、レイヤースタイルでつけたドロップシャドウは、ダブルタップすることで何度でも [...]

レッスンお疲れさまでした。 本日は、Photoshopでの画像の加工を行いました。 画像サイズの変更や明るさなどの補正は、Mac標準のプレビューで行うことができます。 「ツール」メニューから「サイズを [...]

レッスンお疲れさまでした。 本日は、Macの基本などに関して行いました。 年賀状に関して 郵便局の郵便年賀.jpで様々なサービスを行っています。 年賀状の通販や、年賀状の作成、宛名印刷までできます。 [...]

レッスンお疲れさまでした。 本日は、サンプルをもとに文字の大きさや余白の調整を行いました。 文字の大きさは、font-sizeで変更します。 単位は、pxやem、remなどがあります。 pxは古いIE [...]

レッスンお疲れさまでした。 本日は、手書きのワイヤーフレーム作成を行いました。 前回、パララックス（視差効果）のテンプレートをご紹介しましたが、最初から複雑なものをベースとはせず、まずはシンプルなもの [...]

レッスンお疲れさまでした。 本日は、レスポンシブデザインに関して行いました。 ゼロからwebデザインを作っていくのはなかなか大変ですので、フレームワークを使う作業負担を軽減できます。 スマホに対応した [...]

レッスンお疲れさまでした。 本日は、レスポンシブデザインに関してとワイヤーフレーム作成を行いました。 【レスポンシブデザイン】 パソコンで見ても、スマホで見ても見やすいデザインをレスポンシブデザインと [...]