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

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

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

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

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

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

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

１月21日 flexを使ったレイアウトflexboxとは親タグの中の子タグを縦、横に並べてくれるCSSです。 親タグに設定すると「flexコンテナ」となり、中身は「flexアイテム」という形になります。 コンテナ内でアイテムを横に並べたり縦...

１月20日の授業 ポジションレイアウトポジションレイアウトとは（position）を使ったレイアウト方法です。staticこれは（position）に何も指定しない場合に適用される初期値です。top や right などで位置変更はできず、...