タグ

2018年3月6日のブックマーク (6件)

  • 専門家ブログ | PerfData

    CSSファイルの読込の高速化 2023年5月8日 前回の記事では、Preload Scannerについて説明しました。 Preload Scannerは、Shallow Parsingを用いて、読み込むべきファイルを検出し、バックグラウンドでファイルの読み込みを行います。 このプロセスには、CSSも含まれています。 しかし、Preload Scannerの恩恵を阻む機能を使うと読込が遅延してしまうのです。 Webブラウザのもう一つのパーサ: Preload Scanner 2023年5月1日 前回の記事では、HTMLのDOMツリー構築について解説しました。 DOMツリー構築では、一気呵成に、1行目から最後の行までパースできるのがベストです。 しかし、往々にして、途中の行で止まってしまうのをプロファイリングデータで見かけたことはありませんか? 今回は、そのようなDOMツリー構築を邪魔する処理

    専門家ブログ | PerfData
  • コピペでデザイン!簡単マテリアルデザイン風コードまとめ | Web Design Trends

    「マテリアルデザイン」はGoogleが発表したデザインのガイドラインです。Googleのサービスは現在ほぼすべてこのマテリアルデザインに則って作成されています。シンプルながらも機能性に優れたこのマテリアルデザインを駆使すれば、ウェブページがより洗練されたものになること間違いなし! 今回はマテリアルデザインのパーツを紹介しつつ、コピペで簡単にマテリアルデザイン風のパーツを再現できるhtml,CSS,Javascriptを紹介していきます! カードUI マテリアルデザインといえば定番のカードUI。必要な情報が集約されていながら、洗練されたデザインです。これがコピペで実現できればうれしいですね! See the Pen card by sora-inu (@sora-inu) on CodePen. See the Pen Material Card with Animated Featured

    コピペでデザイン!簡単マテリアルデザイン風コードまとめ | Web Design Trends
  • プロジェクトは失敗するものである、という英国人の思想 | タイム・コンサルタントの日誌から

    1993年3月、ロンドン証券取引所は、ビッグバンを背景に7年にわたって進めてきた、株式取引決済システム「トーラス」開発プロジェクトの中止を発表した。証券取引所はすでにこの事業に8000万ポンドの費用を投じており、人件費を含むシティ(ロンドン金融街)全体の投下コストは、総額5億ポンドに上っていた。証券取引所のP・ローリンズ理事長は、責任をとって辞任する。 「トーラス」は、株式売買のバックオフィス業務である株式決済処理の電子化・効率化を目的とした、英国金融界の共同事業で、中心的な推進役はロンドン証券取引所であった。トーラスは米国のパッケージソフト「ヴィスタ」をベースに開発されることになっており、来ならば、'91年10月に稼働しているはずだった。それは一度、'92年夏に延期されていた。しかし、中止決定時点では'93年中の稼働すら危ぶまれる状況だった。 ちなみにこのプロジェクトは、ローリンズ理事

    プロジェクトは失敗するものである、という英国人の思想 | タイム・コンサルタントの日誌から
  • Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG

    Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力すると、 デザインしたページの特定のDIV要素がリアルタイムに更新されるといったデータ反映の仕組みを備えています。 また、JavaScript で大規模なユーザーインターフェイスの開発を行う場合、HTMLファイルのテンプレート化、 JSファイルの依存関係、グローバル変数汚染など様々な課題に直面します。 Vue.js は、コンポーネントという仕組みと Webpack というモジュール管理ツールと組み合わせることで、 これらの課題にうまく対処できるようになっています。 今まで jQuery

    Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG
  • The Blog | Welcome to Adobe Blog

    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

    The Blog | Welcome to Adobe Blog
  • Mac初心者おすすめ!フロントエンドやコーダー向け初期設定

    作成:2018/03/5 更新:2019/01/29 Mac > Web制作 Windowsを使っていたフロントエンドエンジニアやコーダーがMacに乗り換えたときに、最低限やっておきたいMac初心者向けの便利な初期設定。 エンジニア速報は Twitter の@commteで配信しています。 ターミナルのテーマ変更 ターミナルもしくは、iTerm等のテーマをiceberg、フォントをRictyに変更。 ダウンロード テーマ:Iceberg フォント:Ricty Diminished 参考:お前らのターミナルはダサい - Qiita 開発環境 コーディングに必要なツール管理をインストールします。不要な人は読み飛ばしてください。 Xcode インストール xcode-select --install homebrew インストール /usr/bin/ruby -e "$(curl -fsSL h

    Mac初心者おすすめ!フロントエンドやコーダー向け初期設定