ポートフォリオの作成以前同じようなことを書いていたら申し訳ないですが、授業で色々な事を学ぶ前に『このサイトを模してポートフォリオを作る』という宿題がありました。私には以前の記事の記憶はございません！（笑）そして私はそのタイミングで「初めて作...

少し間が空きましたが、ここまでの授業の振り返り2月6日でHTML/CSSの演習は終了しました。最後の方は、前回の「困りごと」でも書いた通り、メディアクエリに悩まされていました（笑）お客様が見るデバイスによって、width（横幅）が変わるため...

メディアクエリとは作成しているサイトが見られるのは大きく分けて、スマホ・ＰＣ・タブレットに分かれます。 それらは横幅（width）が異なるので、何の備えもしていないと、サイトの見栄えが崩れてしまいます。横幅で言うならば、スマホ版でよくあるサ...

CSSの複雑さ 複数のCSSを使って、文字をネオンのように光ってるように装飾したり、文字自体のBGをイラストにするなんて事も出来るみたいです。 これは複雑すぎて「出来るんだ」位で覚えておいて、いざ使うときにレシピとして思い出せれば良いみたい...

１月29日 デザインカンプからのマークアップ演習マークアップとはデザインカンプで作られたサイトの完成品の見た目だけを元に、HTMLでコーディングする作業です。「このサイトはこういうコードで作られているだろうな」という想像の元で、コードを紡い...

１月27日 Figmaを使った実技実務に沿った実技実務での使用方法の実技を教えて頂きました。もちろん、ホントの実務程の完成度とスピードとはいかないとは思いますが、基礎の基礎としての使い方や、どういう「感じ」で作るのかを学びました。「感じ」と...

１月26日 figmaの基礎操作figmaとはウェブサイトを作る際になる、デザインの基礎を作る事ができるサイト？になるのかな。インストール版もあるが、基本的にはオンラインで使うアプリらしいです。用途として学んだ事は サイトマップ コンテンツ...

１月23日 現場講師からの講話・CSS３を使った装飾 先端の現場で働かれてる方からの講話 名前を出していいのか判断しかねるので、出すことはありませんが、とても凄い人です（語彙力よ） 私は、以前働いていた職場では「人との繋がり・職場の和」を重...

１月22日 （grid）と（flex）を使ったレイアウト（grid）とは意味的には格子・網目状という意味です。その名の通り、エクセルのセルのような格子状マスにタグを入れてレイアウトする事ができるみたいです。分け方も自由な分け方、例えば４列・...