タグ

web制作とツールに関するfumirin5のブックマーク (2)

  • Webパフォーマンス虎の巻

    Webパフォーマンス向上施策のために、今更ながら超速1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの?という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元: テクニックではなく、今、気で取り組むべきWebパフォーマンス (html5jパフォーマンス部 部長 竹洞さん) 心得 パフォーマンス向上に対する施策は大別すると以下の2通り 軽量化 (単純にやりとりするデータ容量を小さくすること) 圧縮 削除 最適化 (その時に最も適している実装・実行をとること) 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1

    Webパフォーマンス虎の巻
    fumirin5
    fumirin5 2018/10/26
    Chrome の使い方例
  • 海外のWebデザイナーにこっそり教わった便利なツール8つ

    これはハンマーです。正確に言うと、1960年代終わりのビンテージ「Estwingクローハンマー」です。職人が優雅に作り上げたしっかりとした品ですが、エスティングが現在製造するハンマーと大きな違いがありません。ハンマーとその使い方は、50年で変わりませんが、Webデザインツールやリソースは違います。 5年前、2012年のアイコンはPhotoshopで作ったPNGファイルでした。Sketchをデザインに使う人はほとんどおらず、SVGは怪しげなlnkscapeフォーマットでした。同じような状況の変化は今後も起こるはずです。次のツールはもうそこにあるのかもしれません。 2017年版ツールボックスにはどんなツールとリソースを入れますか? 2017年版のツールボックスにどんなツールとリソースを入れるのか一緒に考えましょう。知り合いのデザイナーや開発者から、最近使っているツールを聞き出して一覧にしました

    海外のWebデザイナーにこっそり教わった便利なツール8つ
  • 1