kz

<picture> HTMLのみで画像を画面幅に合わせて変更するレスポンシブデザインが可能になる。例： <picture> <source media="(max-width: 600px)" srcset="img/1.png"> <img src="2.png"> </picture> 画面幅600px以下のときは1.pngが、600pxより大きいときは2.pngが表示される。

kz

@bndr_study

Nov 30

ITパスポート合格しました！

kz

@bndr_study

Nov 29

■学習内容 ITパスポート【過去10回分から出題】 100問中85問正解ストラテジ系31/35問マネジメント系16/19問テクノロジ系38/46問 ■コメント明日試験本番。頑張るしかない…

kz

@bndr_study

Nov 29

■学習内容 ITパスポート【過去10回分から出題】 100問中79問正解ストラテジ系26/35問マネジメント系14/21問テクノロジ系39/44問 ■コメント経営戦略とプロジェクトマネジメントが弱い。似たようなものの区別がついていない。

kz

@bndr_study

Nov 28

■学習内容 ITパスポート【過去10回分から出題】 100問中84問正解ストラテジ系30/35問マネジメント系19/20問テクノロジ系35/45問 ■コメント略語でまだあやふやなものがいくつもある。

kz

@bndr_study

Nov 26

position: relative; positionプロパティは要素の配置を指定。 relativeは要素の現在位置を基準にした相対配置ができる。例 position: relative; top: 50px; left: 50px; 下に50px、右に50pxずれた位置に配置される。

kz

@bndr_study

Nov 19

■学習内容 15分でOKに！バナーデザインはかどり辞典 chapter2-5,5-5,-6 ■コメントとりあえずテキストの内容は一通り終了。これ1冊では物足りない感じがするから、見本を参考に作りながら学ぶ系のものをもう1冊やりたい。

bndr_study's tweet image. ■学習内容
15分でOKに！バナーデザインはかどり辞典 chapter2-5,5-5,-6

■コメント
とりあえずテキストの内容は一通り終了。これ1冊では物足りない感じがするから、見本を参考に作りながら学ぶ系のものをもう1冊やりたい。

kz

@bndr_study

Nov 18

■学習内容 15分でOKに！バナーデザインはかどり辞典 chapter4-4,-5,-6,-9,5-1〜-4

kz

@bndr_study

Nov 18

＜ニューモフィズム＞立体的で質感のあるリアルなデザイン「スキューモーフィズム」とシンプルでミニマムな「フラットデザイン」や「マテリアルデザイン」を組み合わせたスタイル。・デメリットデザインが単調になる白ベースになり他の色を入れにくくなる UIとしてちょっと分かりにくい

bndr_study's tweet image. ＜ニューモフィズム＞
立体的で質感のあるリアルなデザイン「スキューモーフィズム」とシンプルでミニマムな「フラットデザイン」や「マテリアルデザイン」を組み合わせたスタイル。

・デメリット
デザインが単調になる
白ベースになり他の色を入れにくくなる
UIとしてちょっと分かりにくい

kz

@bndr_study

Nov 15

■学習内容 15分でOKに！バナーデザインはかどり辞典 chapter4-2,-3,-7 ■コメントテキストだと所要時間10分～15分だけど、倍の時間はかかってる。速さも意識するようにしたい。

kz

@bndr_study

Nov 14

■学習内容 15分でOKに！バナーデザインはかどり辞典 chapter3-10～4-1,4-8 ■コメント見本に従ってバナーを色々作ってきたことで、Photoshopとillustratorの機能がそれなりに分かってきた。とはいえ「指示通りにやってるだけ」なところはあるので、疑問点はすぐ調べるようにしたい。