ウェブディレクター

2019年間ベスト！Web制作を変える便利オンラインツール厳選85個

2020/01/06(Mon) 09:52

この記事では、今年紹介したツールのなかでも特に話題になった2019年の便利オンラインツールベスト85個をまとめてご紹介します。実際に制作フローに取り入れて便利だったツールを選りすぐったこのコレクションには、「無料で利用できることを基本としたツール」を揃えています。これらのツールやサービスを活用して、より快適なWeb制作ライフを過ごしましょう。

http://photoshopvip.net/119896

UIデザイナーが知っておきたい海外の優れたデザインシステム17選

2019/12/25(Wed) 09:50

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。

https://baigie.me/officialblog/2019/12/24/17-design-system/

サイトを高速化したらロード時間は1.6秒に、Lighthouseは100を獲得、その際に実施した手順を解説

2019/12/18(Wed) 09:52

サイトのロード時間とパフォーマンスを改善するために再構築した結果、ロード時間が1.6秒に短縮され、Lighthouseのスコアで100を獲得した際に、実施した手順を紹介します。

https://coliss.com/articles/build-websites/operation/work/improve-site-performance.html

サイト作りに欠かせない「階層構造」とは？ 「サイト構成図」って何？【第9回】 | 今さら人に聞けないWebの仕組み | Web担当者Forum

2019/11/13(Wed) 09:56

Webサイトを作るとき、データをどう整理すればいいのでしょうか？ 雑多にデータを置いてしまうと、サイトの構造はあっと言う間にごちゃごちゃになってしまいます。

https://webtan.impress.co.jp/e/2019/11/13/34227

誰も教えてくれない、商品名やサービス名のネーミング方法

2019/10/29(Tue) 09:57

ここ最近はあたらしいプロダクトを作っていて、そのサービス名を考えるのに四苦八苦している。というか、新しいサービスを手掛けるたびに毎回ネーミングで多大な苦労をしている。

https://note.mu/takejune/n/n137025933062

コーディング作業が爆速に！ すぐ使える便利なHTML5スニペット15個まとめ

2019/10/25(Fri) 10:04

HTMLはとても簡単に作成できますが、Webページの制作となると、フォームの作成など、何度も繰り返す必要のある作業もあります。このユーザーガイドでは、コーディング作業ですぐに使えるフロントエンド向けHTMLスニペット15個をまとめてご紹介します。

http://photoshopvip.net/118520

WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性

2019/10/23(Wed) 10:02

ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。

https://coliss.com/articles/build-websites/operation/work/turn-your-website-into-a-pwa.html

デザイン思考とは小さなことを継続して身につけるもの、気づきと学びと体験が得られるクリエイティブな実践書

2019/09/20(Fri) 09:50

「デザイン思考」とは、デザイナー限定の思考法ではありません。「Designing Thinking」を日本語訳にした言葉で、このDesigningは「設計する」という意味で、「問題解決する方法を設計する（Designing）ための考え方（Thinking）」です。

https://coliss.com/articles/book-review/isbn10-4295007323.html

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス

2019/09/05(Thu) 09:53

Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いませんが、このようなサービスを使うと手軽に実装でき

https://www.webcreatorbox.com/webinfo/font-awesome

ウェブ制作がすご楽に！便利な最新オンラインツール33個まとめ

2019/09/03(Tue) 09:49

カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これなしじゃ考えられない。」、そんな便利ツールが揃います。

http://photoshopvip.net/117727