HTMLでレスポンシブやRetinaディスプレイ、ファイル形式など画像の読み込みを最適化する
Webデザインの1つとして重要な、写真やイラストなどの画像の読み込み。PCやタブレット端末、スマートフォン等のデバイス幅や、Retinaディスプレイでの表示のほか、Webブラウザで対応しているWebP等の画像フォーマットなど、HTMLで画像...
続きを読む>>
Webデザインの1つとして重要な、写真やイラストなどの画像の読み込み。PCやタブレット端末、スマートフォン等のデバイス幅や、Retinaディスプレイでの表示のほか、Webブラウザで対応しているWebP等の画像フォーマットなど、HTMLで画像...
続きを読む>>
長年利用しているMAMPのローカル開発環境も、時代に合わせて最新バージョンでテスト開発をしていくことが必要ですが、MAMPをアップグレードすることで最新バージョンのアプリケーションを利用していくことができます。今回は、Macのローカル開発環...
続きを読む>>
最近では多くのWebアプリケーションが、ネイティブアプリのように利用できるPWA(プログレッシブウェブアプリ)に対応してきており、Google MeetやGoogle Drive、Google Chat、X(旧Twitter)、YouTub...
続きを読む>>
無料のGoogleアカウントや有料のGoogle Workspace等でもよく利用するGmail。Gmailを使いこなす上で、いろいろと知っておきたい設定・機能がありますのでご紹介していきます。 Google Workspaceなどの有料プ...
続きを読む>>
Webで利用できる画像フォーマットは、昔ながらのJPEGやGIF、PNGとありますが、昨今ではWEBPやAVIFといった軽量な画像形式も使われるようになり、さらにはJPEG XL(.jxl)という画像フォーマットも開発が進められています。こ...
続きを読む>>
Adobe Premiere Proでの動画編集で、情報をわかりやすく動画で発信できるように、キャプションを挿入していくこともあります。Premiere Proの自動文字起こし機能を利用することで、自動で音声をテキスト化できます。 動画に文...
続きを読む>>
iPhoneやiPad、またはMacのPCを利用している方は、macOSやiOS、iPadOSの標準のメモアプリを一度は使ったことがあるでしょう。 仕事のメモだったり、何かの学習のメモだったり、細かくフォルダ分けして管理できたり、Apple...
続きを読む>>
昨今のWeb制作では、CSSを効率的に書くことができるSass(SCSS記法)で記述する手法を採用しているところも増えておりますが、Sassの書き方も新しい機能が追加されたり、時代によってアップデートされます。 Sassのコンパイル方法とし...
続きを読む>>
Webサイトで画像を利用していく中で、使用する画像データの解像度やアスペクト比(縦横比)によっては、 サイズがバラバラだったりして、利用しにくいことがあります。 Webデザインを制作する段階で、AdobeのPhotoshopやXDなどのツー...
続きを読む>>
Processingで3Dグラフィックスを描画していくには、Processingの描画モード「P3D」を利用していきますが、macOSではエラーで実行結果が表示されないといった問題に遭遇することがあります。エディタのプログラムには、エラー箇...
続きを読む>>