Web制作に役立つ情報一覧

女性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

様々なテーマのイラストアイコンセットが配布されているフリー素材サイト「DesZone.net」

覚えておきたかったので備忘録兼ねてご紹介。「DesZone.net」は、フリーのパターン・イラスト・アイコンを配布している素材サイトで、中でもアイコンは基本的なテイストが揃っていて且つ豊富なテーマで多数配布されています。

https://www.nxworld.net/material/deszone-net.html

head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags

head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/generate-meta-tags-for-social-media.html

あなたの文章を劇的に読みやすく底上げしてくれる執筆サポートツールをご紹介

ブログを長く続けていますが、ブログというメディアは自分で書いて自分で確認し、自分で投稿するという具合に一人で完結するもののため、書いた文章がおかしくないかを常々気にしながら運営しています。

https://wp.yat-net.com/?p=6781

フリーランスが陥りやすい５つの悪癖とその対策

独立して働くことは素晴らしい経験でしょう。好きな時に好きな場所でいつでも仕事を始められるという自由さから、Webデザイナーの多くはフリーランスの生活を選びます。これは他人のために働いているうちは決して得られない経験です。

https://uxmilk.jp/75689

【2018年版】アイコンデザインの押さえておきたい流行トレンド8個と新作フリーアイコンまとめ

アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。

http://photoshopvip.net/111740