LOG IN

#14 Adobe XDを使ってみよう

2018年7月25日に開催した「#14 Adobe XDを使ってみよう」のレポートです。今回もいつもの松山アーバンデザインセンターさんで行いました。会場が予想外に暑くて、大変申し訳ありませんでした。 まずはスターターキットで基本を確認 初心者の方が多かったので、Adobe XDの公式ページで配布されているスターターキットを参考に、基本の機能を確認していきました。スタータ

#13 SVGのシンボルを使ってみよう

2018年6月27日に開催した「#13 SVGのシンボルを使ってみよう」のレポートです。今回もいつもの松山アーバンデザインセンターさんで行いました。 参考サイト Building a responsive image – 9elements – Medium 実践 参考サイト内のDEMO()のように、レスポンシブで画像が変わっていくSVGファイルを作ってみました。 1. データの準備 必要なファイルを準備します。今回はロゴマークを3

#12 普段使っていないCssプロパティを使ってみよう

少し前になりますが、先日2018年5月28日に開催した「#12 普段使っていないCssプロパティを使ってみよう」のレポートです。 参考サイト 次のサイトを参考にさせていただきました。 珍しいCSSプロパティたちbox-shadowはもう古い?CSS新時代の「影の落とし方」|ferret [フェレット]CSS3 filterプロパティ使い方まとめ!彩度・明度の調整からぼかし、グレースケール化まで - WPJ 実

#11 Sassを使ってみよう

この記事は、2018年4月19日に開催した「#11 Sassを使ってみよう」のレポートです。前回中途半端になっていたのもあり、改めてSassを使ってみようという企画でした。 まずは、過去記事「Sass(SCSS記法)」にある基本的な内容を見つつ、どういうことができるのかを見ていきました。 実践 Sassといえばこの本「Sassの教科書」ではないでしょうか。昨年2017年9月15日に改定2版も

#10 Gulpを導入してSassを使ってみよう

この記事は、2018年3月14日に開催した「#10 Gulpを導入してSassを使ってみよう」のレポートです。タイトルどおりGulpを導入してSassを使ってみました。 Gulpの導入 まずは、過去記事(Gulp - kurokolog - g.o.a.t)を見ながら、Gulpや関連する概要をおさらい。 Gulpの導入は、こちらのサイトを参考にさせていただきました。 絶対つまずかないGulp入門(2018年版) - インストールとSassを使う