サイト構築
2020年、注目されているWebデザインの最新トレンドと技術の進化
Post on:2019年12月19日
Webデザイナーとデベロッパー向けに、2020年参考にしたいWebデザインの最新トレンドと技術の進化を紹介します。 最近注目されているWebサイトやスマホアプリのトレンドを調べ、デザインと技術の変化とそのトレンドの根底に […]
ちょっと面白いスクリプト！グラフやチャートを手書き風のラフな感じにするJavaScriptライブラリ -roughViz
Post on:2019年12月18日
手書きスタイルのグラフやチャートを簡単に作成できるJavaScriptライブラリを紹介します。手書きの度合いも調整でき、ちょとラフな感じ、雑な感じ、かなり雑な感じ、ぐちゃぐちゃな感じにもできます。 グラフやチャートに使用 […]
サイトを高速化したらロード時間は1.6秒に、Lighthouseは100を獲得、その際に実施した手順を解説
Post on:2019年12月17日
サイトのロード時間とパフォーマンスを改善するために再構築した結果、ロード時間が1.6秒に短縮され、Lighthouseのスコアで100を獲得した際に、実施した手順を紹介します。 HTMLとCSSベースの改善が主で、ロード […]
各SNSで推奨されている画像サイズ・動画サイズのまとめ -SocialSizes
Post on:2019年12月16日
Instagram, YouTube, Twitter, Facebook, TikTok, AppStoreなど、各SNSで推奨されている画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSo […]
よく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのシンプルなコードのまとめ
Post on:2019年12月13日
Webサイトやスマホアプリでよく使われるレイアウトやUIコンポーネント、それだけを実装するためのHTMLとCSSのコードがまとめられたコレクションを紹介します。 フレームワークなども便利ですが、それだけを実装するためのコ […]
Flexboxでレイアウトする時、その背後にある思考プロセス
Post on:2019年12月10日
Flexboxはフレキシブルで、レイアウトをする時に非常に便利です。しかし、便利な機能と混乱を招く可能性がある機能があり、その背後にある思考プロセスについての一例を紹介します。 The Thought Process B […]
フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリ -Flowy
Post on:2019年12月9日
フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリを紹介します。フローチャートやマインドマップなど簡単なプログラミングプラットフォームを数分で構築することができます。 Flowy […]
最初に身につけておきたいデザインの基本の勉強方法
Post on:2019年12月7日
良いデザインはある日突然生まれるものではなく、しっかりした基礎に基づいて作られるものです。デザインを実践する前に、最初に身につけておきたいデザインの基本の勉強方法を紹介します。 Before you can master […]
Adobe CCユーザーに朗報！Adobe Fontsに無料で使える、新しい日本語フォントパックが7つも追加
Post on:2019年12月6日
Adobe CCユーザーに朗報です！ Adobe Fontsに、新しい日本語フォントパックが7つも追加されたので紹介します。 ちなみに、Adobe Fontsは商用プロジェクトをはじめ、ロゴ（商標登録も可）や動画（You […]
2020年の流行色・トレンドカラーは宵の空を連想させる「クラシックブルー」HTMLのコードは「#0f4c81」
Post on:2019年12月6日
2020年の流行色・トレンドカラーがPantoneから発表されました。 2020年のトレンドカラーは、宵の空を連想させる「クラシックブルー」、落ち着き、自信、つながりをもたらす安心感を与えるカラーです。 Pantone […]
sponsors
