グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは? 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に…
Chromeに続いてSafariがユーザー数10億人超えを達成、3位のEdgeは2億1000万人
iPhoneやMacなどにプリインストールされるブラウザアプリのSafariのユーザーが初めて10億人を突破し、Google Chromeに次ぐ世界第2位のシェアに達したことが明らかになりました。 Apple’s Safari browser now has more than 1 billion users – Atlas VPN https://atlasvpn.com/blog/apples-safari-browser-now-has-more-t…
CSSでfont-sizeをレスポンシブ対応にする最新テクニック! clamp()関数で定義する便利ツール -Min-Max Calculator
Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、と…
公的機関のWebサイトにアクセシビリティオーバーレイは不要
先週のことですが、政府広報オンラインが、いわゆるアクセシビリティオーバーレイを導入したことを広報していました。公的機関にありがちな横並び意識や、Webアクセシビリティに対する理解不足を背景として、他の省庁や地方自治体においても今後、同様のソリューションの導入が相次ぐことでしょう(誠に遺憾ながら)。 …
こういう本を待っていた! WebのUXを改善するライティングに特化された解説書 -Webコピーライティングの新常識「ザ・マイクロコピー」
マイクロコピーとは、Webサイトやスマホアプリのボタンのラベル、ボタンやフォームに添えるテキスト、エラーメッセージなどのUIデザインに使用される短いテキストのことです。優れたマイクロコピーを使用することで、入力ミスが少なくなったり、ボタンのクリック率があがったり、さまざまな効果を得られます。 思わずク…
UIデザイナーは要チェック! 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに
5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。 注目すべきキーワードは、アクセシビリティとパーソナライズ。 アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用した…
GA4移行で最低限やっておくことを解説!よくある質問と解決方法も更新中 | [マナミナ]まなべるみんなのデータマーケティング・マガジン
まだ旧Googleアナリティクス(UA)からGoogleアナリティクス4(GA4)移行していない人は、プロパティ作成とデータ保持期間の延長だけ設定しておきましょう。 この記事を書いている成瀬はUAを3年ほど使っています。もちろん実際にGA4に移行する方法も知っているため、その手順や早めに作業しておくことだけ分かりやすく解…
IISでお手軽!ローカル環境でSSL暗号化通信! – ROBOT PAYMENT Engineers Blog
はじめに まずはWebサイトの作成 自己署名入り証明書の作成 証明書の設定 さて確認! 感想 はじめに 桜が散り、緑が生い茂り風薫る季節となりました。 皆様いかがお過ごしでしょうか? 決済サービスの開発を担当しております yoponpon と申します。 今回はMicrosoft IISを利用する環境で簡単に自己署名入り証明書を作成…
こんなフィーチャーフラグは気をつけろ! – Secret Ninja Blog
機能リリースにあたって”フィーチャーフラグ”を使って、特定のユーザにのみリリースをしたりするやり方が一般的になってきたように思う。 また、launchdarklyのようなフィーチャーフラグに特化したサービスなども出てきている。 https://launchdarkly.com/ トレジャーデータでもフィーチャーフラグを利用して顧客にサー…
【2022】注目のWebデザイントレンド13選 | 株式会社LIG
おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー/マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わってい…