タグ

2017年2月21日のブックマーク (2件)

  • なぜWebブラウザの文字組みは汚いのか?元エディトリアルデザイナーが解決策を提案します! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。入社以前はエディトリアルデザイナー(新聞・雑誌・書籍などの出版物のデザイナー)として書籍の装丁などもしていました。フロントエンドエンジニアのほりでーです。 今回は紙のデザインとWebデザインにある大きな違いのひとつ、「文字組みアキ量」というものについてお話しします。日語組版のルールにも詳しく触れていくため、Webの経験しかない方も是非読んでみてくださいね! 2017年2月27日追記:有識者の方からのご指摘を反映し、記事の内容を一部訂正いたしました。詳細な訂正内容については記事末尾をご覧ください。 今回の要点 日語組版は約物(記号類)のアキが大事 Webブラウザの文字組がイマイチなのは、約物のアキ量が常に一定であることが原因 font-feature-settings: “halt” 1; で約物のアキをなくせるようになった jQury.yakumonoプラグインで行末約物半

    なぜWebブラウザの文字組みは汚いのか?元エディトリアルデザイナーが解決策を提案します! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    yasu-log
    yasu-log 2017/02/21
    【B!】なぜWebブラウザの文字組みは汚いのか?元エディトリアルデザイナーが解決策を提案します! | それいけ!フロントエンド
  • 最速のアニメーションライブラリはこれだ! JSライブラリの性能をDOMとWebGLで比較検証 - ICS MEDIA

    HTMLのアニメーション実装に役立つさまざまなJavaScriptライブラリがあります。前回の記事「現場で使えるアニメーション系JSライブラリまとめ」ではJSライブラリ7種類の特徴を紹介しましたが、記事ではそれらのパフォーマンスを比較します。 JSライブラリのパフォーマンスが良いほど、たくさんのアニメーションがあっても滑らかに動きます。また、パフォーマンスがよければCPUへの負荷が低くなるため、サイト訪問者のスマートフォンの消費電力にも優しいとも言えます。ウェブ制作者はJSライブラリのパフォーマンスにも気を配りたいものです。 今回検証したJSライブラリ アニメーション(トゥイーン)用のJSライブラリやテクノロジーとして次の9種類で比較しました。バージョンは2022年5月現在の最新版を利用。ウェブページ用途の①DOM版と、ハイパフォーマンス用途の②WebGL版の2通りの方法で検証しています

    最速のアニメーションライブラリはこれだ! JSライブラリの性能をDOMとWebGLで比較検証 - ICS MEDIA
    yasu-log
    yasu-log 2017/02/21