ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2018年11月19日～11月25日の間に見つけた記事のベスト5です。

1. 10 Popular Graphic Design Trends on Dribbble in 2018https://icons8.com/articles/popular-graphic-design-trends-dribbble/

グラフィックデザインのトレンドを、Dribbbleに投稿された作品から導き出しています。グラフィックデザインといいつつ、ほぼイラストのトレンドでした。

1. プロポーションが普通じゃない人物キャラクター
2. 情報を伝えるためにインターフェイスに使われるイラスト
3. アニメーションするロゴ、グラフィックス
4. プロセスと仕事場のイラスト
5. 面白いマスコットと異形の生物
6. あらゆる種類の躍動感
7. 表現力が豊かな影とネガティブスペース
8. 3Dグラフィックス
9. インターフェイスを備えたイラスト
10. 複数のレイヤーがあり切り抜かれたイラスト

2. Blocs - Fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code.https://blocsapp.com/

コーディング不要で簡単にレスポンシブなサイトが作れるビジュアルウェブデザインツール「Blocs」のバージョン3が登場しました。オンラインツールではなく、Mac用のアプリケーションです。

Bootstrap 4をベースにしています。CMSの統合サポート、ローカルでのPHPプレビューなど高度な機能もあるようで、興味深いです。

3. 10 Tools & Apps for Testing Your Responsive Design | Design Shackhttps://designshack.net/articles/mobile/tools-apps-for-testing-responsive-design/

レスポンシブサイトをテストするツールとアプリをまとめています。Googleのモバイルフレンドリーテスト以外は、ほとんどが複数のスクリーンサイズをシミュレーションする表示チェックツールです。

LambdaTestは、ただ画面サイズを変えるだけでなく、モバイルデバイスのエミュレーター／シミュレーターを使った表示テストができるサービスです。モバイルデバイス以外にも、Windows／Macの各種ブラウザでの表示テストもできます。

わたしはBrowserstackというツールを有料で使っているのですが、このLambdaTestも良さそうだなと思いました。

4. Essential Elements for Blog Design | SpyreStudioshttps://spyrestudios.com/essential-elements-for-blog-design/

ブログデザインの必須要素をまとめた記事です。

• 良いUX
• シェアボタンとコメント
• 適切に構造化されたテキスト
• 内部リンクと関連記事
• モバイルファーストのデザイン

5. minstyle.io - A simple and light CSS framework !https://minstyle.io/

minstyle.ioは、シンプルで軽量なCSSフレームワークです。

たとえば、ボタンの色を緑にするには「ms-green⁠」⁠、角丸にするには「ms-rounded」など、わかりやすいクラス名の規則になっています。

本来、クラス名は見た目ではなく機能や用途を表す名前にすべきですが、フレームワークの場合はこのルールより利便性を取ってOKだと思います。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

• iOS版「Googleフォト」に“⁠後からボケ調整⁠”機能「奥行き」追加へ - ITmedia Mobile
  あくまでも新しいiPhone／iPad Proのポートレートモードで撮った写真が対象ですが、Googleフォト上でも調整できるようになるそうです
• 「Googleレンズ」日本語版、「⁠Pixel 3」以外のAndroid端末でも利用可能に - ITmedia NEWS
  日本ではPixel 3でしか使えなかったGoogleレンズ日本語版が、ほかのAndroid端末でも利用できるようになりました
• Instagram、フェイクないいねやコメントをAI検出で削除へ ツール悪用アカウントに警告 - ITmedia NEWS
  ツールを使って自動で「いいね」やコメントすることは利用規約に反するそうですが、そういったアカウントを検出して対策していくとのこと

先週の気になるWebサービス

Online Logo Maker | Make Your Own Logohttps://placeit.net/online-logo-maker

Online Logo Makerは、オンラインで簡単にロゴを作成できるサービスです。ハメコミ合成写真を作るオンラインツールPlaceitが提供しています。

業種のカテゴリーを選び会社名を入力するだけで、いろいろなパターンのロゴが生成されます。気に入ったものがあればクリックして、さらに細かくカスタマイズできます。ロゴが入ったパッケージデザインの合成写真も生成するのが、さすがPlaceitのツールというところです。

ウェブサイト制作サービスのSquarespaceが提供するSquarespace Logo、ネットショップのプラットフォームShopifyが提供するLogo Maker & Logo Creatorなど、何かしらのオンラインサービスを提供しているところが、ユーザー獲得の一助としてロゴ作成サービスも作るケースが増えているようですね。