Web制作に役立つ情報一覧

Googleの新ツールが便利すぎる！デザイナーやディレクター向けの新しいデザインツール -ProjectVisBug

VisBugはChromeの機能拡張で、ブラウザに表示したページのデザインやコンテンツを検証・編集できます。グリッドの確認はもちろん、要素を移動させたり、入れ替えたり、別の画像にしたり、テキストを編集したり、カラーを変更したりなど、さまざまなアイデアを実行・テストすることができます。

https://coliss.com/articles/build-websites/operation/work/web-design-tool-visbug.html

margin, paddingなど、レスポンシブに対応したスペースをCSSで効率的に定義する方法

Webページやスマホアプリのレイアウトに使用する、margin, paddingなどのスペースをCSSで効率的に定義する方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-spacing-system-and-relative-units.html

【2018年保存版】これさえあれば大丈夫！最新の日本語、和文フリーフォント52個まとめ

今年は、Adobe CC全ユーザーを対象にした無料フォントサービスを開始するなど、日本語フォントにとって、大きな変化のあった年と言えます。今後も、クラウドサービスを中心としたフォント提供によって、ウェブ制作における本格的な日本語Webフォントが期待されます。

http://photoshopvip.net/112149

全部無料！ダウンロードしておきたい新作テクスチャ、パターン素材32個まとめ 2018年11月度

美しいテクスチャ、パターン素材を活用することで、効果的にそして手軽に、デザインを魅力的にすることができます。そのまま背景デザインとして利用するのはもちろん、写真に重ねたり、テキストエフェクトの質感を演出するために使ったり、と使いみちや用途もさまざまで、あらゆるデザインに対応できる素材をコレクションしておくと便利です。

http://photoshopvip.net/112110

商用利用OK！クリスマス・秋冬のデザインにぴったりなシームレスのかわいいパターン素材 -Holiday Patterns

クリスマス、秋冬の休日をイメージしてデザインされたパータン素材を紹介します。パータンはシームレスに利用でき、Webデザインでも紙のデザインでも、プロダクトのデザインでも利用できます。

https://coliss.com/articles/products/holiday-patterns-collection-by-ola-la-la.html

オリジナル記事の量と質、どっちが大事なの!?――改革と改善、そしてインナーコミュニケーションの充実へ

クレディセゾンの栗田宏美は、オウンドメディア「SAISON CHIENOWA」のローンチにこぎ着けたものの、すぐにさまざまなアップデートを求められることになるのだった。

https://webtan.impress.co.jp/e/2018/11/20/30645

備えておくと便利！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/