絵日記 ペンタブを買ってみた
せっかくIllustratorの研究を始めるので、初めからペンタブを導入した方がいいかと思って… ペンタブ…買ってみました。 私が買ったのはこれです。 そしたら娘が喜ぶのは想定していたんですけど、意外に長男（高一）がすごく喜びました。 今ま...
絵日記 
クラウドソーシングサービス クラウドワークスで実績を積む
クラウドワークスで、やりたいお仕事を見つけました。 Fammの案件保証やデザインコンペでわかってきたのですが、私はどうも、一から素晴らしいデザインを作るというお仕事にはまだ気おくれがするようです。「どんなサービスがあったらいいかな」とかのア...
未分類 Famm案件保証（直しの終わり）
時間がかかってしまいました… Famm案件保証（ページデザイン）の直しが終わりました。 トップページ レシピページ 統一感を持たせるためにサイドバーは同じデザインにしました。 どうだろう、気に入っていただけるといいなぁ。 明日はHTML/C...
Famm案件保証 Famm案件保証（直し）
先日、レシピサイトのデザインカンプの再提出をしたのですが、 ・レシピ検索結果のページが3カラムになっていて、TOPが2カラムなのは意図的なのかどうか・検索結果のページとTOPページのロゴの位置が違うので統一した方が良い というご指摘をいただ...
HTML/CSS レスポンシブ（スマホ用ページをPC用にする）
スマホ用のサイトができたので、それをPCで表示する時にレイアウトが崩れないよう、CSSを追加します。 なぜスマホ用のサイトを先に作ったかというと、PC用は画面が大きいためにFlexboxを使って横並びのレイアウトにすることが多いので、スマホ...
HTML/CSS CSSグリッドレイアウトでフォトギャラリーを作る
CSSグリッドレイアウトについて勉強したことをまとめます。 CSSグリッドレイアウトとは？ 表のようなマス目に自由に要素を配置できるのがCSSグリッドレイアウト。マス目の大きさも自由に設定することが可能。 frexboxは1次元（横か縦か、...
HTML/CSS コーディング：justify-contentとfilter
今日はメモのみ。 justify-contentは「flexアイテムの配置を指定する」プロパティ。つまり、左寄せとかセンタリングとか、アイテム同士の余白などを指定できるプロパティのこと。 ここが分かりやすかったです。 justify-con...
HTML/CSS コーディング：CSSで画像を表示させるプロパティ
コーディングの際、画像を表示させるには、HTMLに直接書く方法と、CSSで装飾として表示させる方法の2種類がある、 ということを学びました。こんにちは。 現在「これだけで基本がしっかり身に付くHTML/CSS＆Webデザイン」という本をちょ...
HTML/CSS 勉強の続き：複数ページのサイトを作る（CONCEPTページのコーディング）
昨日はTOPページが終わりましたので、今日からCONCEPTページに入りました。 セクション3 CONCEPTページをコーディングしよう HTMLファイルを確認しよう CSSを書く前に確認しよう ページ上部の共通パーツを作ろう 今日はここま...
HTML/CSS 勉強の続き：複数ページのサイトを作る（まずはTOPページ！）
Fammの案件保証の直しが終わったので、今日はまたHTML/CSS勉強の続き。 セクション2 TOPページをコーディングしよう（続き） メインビジュアルを整えよう 各ページへのリンクリストを整えよう 今日はここまで。こうして書いてみるとほん...