備えておくと便利！CSS Flexboxの各プロパティ、グリッドを実装するコードがまとめられたSassのMixin

CSS Flexboxの各プロパティ、レスポンシブ対応のグリッドや垂直・水平の揃えなど、便利なコードがまとめられたSassのMixinを紹介します。

https://coliss.com/articles/build-websites/operation/css/sass-mixin-for-css-flexbox.html

女性10代・20代の4割は、広告よりインフルエンサーの紹介が「購買の参考になる」

WOMマーケティング協議会（以下「WOMJ」）は10代〜40代のソーシャルメディア利用者486人を対象に、インフルエンサーマーケティングに関する実態調査を実施した。

https://webtan.impress.co.jp/n/2018/11/16/31065

即戦力で使える、すごい無料Photoshop/Illustratorブラシ素材まとめ 2018年11月度

デザインに重ねることで、質感をグッとアップしてくれるお手軽アイテムから、より本格的なデジタルペイントを楽しむことができるブラシ、スタンプ感覚で利用できるアイテムなど、幅広い新作ブラシ素材を集めています。

http://photoshopvip.net/112011

Google Maps APIを使う

Googleが提供するGoogle Maps APIを利用すれば、Google マップをより自由に表示することができます。ここでは、API キーを作成して、WebサイトにGoogle マップを表示するまでの手順をまとめます。

https://lopan.jp/google-maps-use-api/

Google マップの共有を使う

Webサイトに地図を表示したいだけならば、Google マップが提供しているHTMLソースコードをコピペする方法が手っ取り早いです:)。手順と、地図の大きさの調整の仕方をまとめました。

https://lopan.jp/google-maps-use-embed/

CSSの「calc()関数」を使うとすごく便利に！レスポンシブ対応のレイアウトで高さを最適化するテクニック

レスポンシブ対応のレイアウトを実装する際に手間なのは、ブレイクポイントの定義です。ここ1,2年でもたくさんのデバイスがリリースされ、それに伴いスクリーンサイズの種類も増えてきました。

https://coliss.com/articles/build-websites/operation/css/use-calc-to-change-the-height-of-a-hero-component.html