HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック - builder by ZDNet Japan
Adobe Systemsがロサンゼルスで5月に初旬に開催した「Adobe MAX 2013」において、HTML5 Boilerplateの開発者として知られるPaul Irish氏の講演「Mobile CSS Performance」を聴講した。その内容をベースにしながら、CSSを高速化するためのさまざまなテクニックを紹介する。 Paul Irish氏は、HTML5 BoilerplateやModernizrなどの開発者として世界的に著名なGoogleのエンジニア。その彼が直接CSSのパフォーマンスを語るとあって、セッションは大変な人気であった。 一般的にウェブページの高速化、特にモバイルにおいてはCSSを高速化することよりもネットワークのパフォーマンスを最適化する方が効果が高い。そのため、まずはPageSpeedやYSlowなどを効果的に使用し、HTTPリクエスト数を減らす、ダウンロー
Google提唱の新プロトコル「SPDY」とは--SPDYで変わること、変わらないこと - builder by ZDNet Japan
次期HTTPの有力候補に挙げられたSPDY Googleが提唱している「SPDY（スピーディ）」がにわかに注目を集めている。 SPDYは高速なWebコンテンツ転送を実現するための新しいネットワークプロトコルである。Googleは以前からWebの高速化に極めて熱心に取り組んできた。そのために開発されたプロダクトは、Webサーバ、Webブラウザ、JavaScriptエンジン、各種開発ツールなど、Web技術のあらゆる側面をカバーしている。SPDYもその取り組みの一環であり、ネットワークプロトコルというWebの基幹部分から高速化へのアプローチを進めようというものだ。 SPDYは2010年に発表され、2011年前半にはブラウザのChromeに実装され、一般のユーザーでも利用できるようになった。このとき、Googleの一部のサービスではChromeとの通信にSPDYを利用していることが明かされている。
男性向けで「普通に（←ここ大事）オシャレなコーディネート」が見つかるスナップサイトまとめ - ネットナナメ読み - 山田井ユウキ - builder by ZDNet Japan
builder読者の皆さん、こんにちは。 金曜日担当の山田井ユウキです。 突然ですが、私服のコーディネートって、難しいですよね。 ね。 めちゃくちゃオシャレになりたいってわけでもないんだけど、人からそれなりに見られる程度にはきちんとしたい、でもどうコーディネートをすればいいかわからない。 ……で、そういう悩みをどう解決するかというと、一番楽で確実なのは、マネできそうなコーディネートを見つけて、そのままコピーすることだと思うんですよね。 といってもパリコレみたいな奇抜なやつとか、ファッション誌で外国人モデルが着ている「それめちゃ人を選ぶから！」と言いたくなるコーディネート（極端な短パンとか）はもうお腹いっぱいなんです！ 「普通にオシャレなコーディネート」が知りたいんです！ 僕は！ ところがですよ。 ストリートスナップを掲載しているサイトはたくさんあるんですけど、そういう「普通の人」が着る「普
HTML/CSS:FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan
ウィンドウサイズによってスタイルシートを変える ブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定し作成すると、それ以外でコンテンツが読みづらくなる。最近はiPhoneなどに対応する必要もあるが、サイズ別にページを用意するのは制作・管理面で手間。こんなときはCSS3のMedia Queryを利用するといい。 2010-03-02 08:00:00 CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。今回はアニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 2010-01-04 13:41:01
CSS 3のボックスレイアウトでコンテンツを画面の中央に配置する - builder by ZDNet Japan
DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 仮想環境データ保護の新次元 高度化・複雑化するIT環境の課題への解決策 最新鋭データ保護・管理ソフトウェア基盤 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ サステナビリティの今と未来 企業戦略としてのサスティナビリティ推進 世界の通信インフラを支えるコルトの取組み 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 すぐに実践できる仕事効率アップ術 驚きの効果をもたらす外付けディスプレイ なんと最大50％の業務効率アップも！ 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM Kubernetes活用の
CSS 3のアニメーション機能「Transitions」 - builder by ZDNet Japan
CSS 3のアニメーション機能を利用すれば、文字や画像を動かしたり、背景色を滑らかに変化させるなど、これまではJavaScriptが必要だった処理をCSSで実現できるようになる。 CSS 3のアニメーション機能には「Transitions」と「Animations」の2種類が用意されており、いずれもCSSのプロパティ値を変化させることで動きを設定する。たとえば、background-colorプロパティの値を変化させれば、背景色が変化するアニメーションを設定できるというわけだ。 このとき、Transitionsでは動きの始点と終点の2つの値だけを指定する仕組みになっているのに対して、Animationsではキーフレームによる細かな指定ができるようになっている。 今回はこれらのうち、Transitionsの機能を利用したアニメーションを紹介したい。 なお、Transitionsの機能はW3C
JavaScriptで作るミュージックプレイヤー：moonlinxを支えるOSS - builder by ZDNet Japan
本連載「オープンソースソフトウェアでクリエイターを支援するmoonlinx」では、ウェブメディア「moonlinx」を支えるオープンソースソフトウェアと、その構築と運用方法を紹介しています。 前回は「Capistrano」でアプリケーションのデプロイ作業を効率化する方法を説明しました。今回はウェブのフロント技術によりフォーカスし、moonlinxでも利用しているJavaScript製のミュージックプレイヤーについて説明します。 HTML＋CSS＋JavaScriptなミュージックプレイヤーを作る ウェブ上のミュージックプレイヤーと言えば、Last.fmに代表されるようなFlash製のものが主流です。しかし、JavaやRubyエンジニアの方は、まだまだFlashに対して免疫がない場合が多く、本能的に避けてしまっている分野のようにも思えます。Flashの場合は別途、開発環境をそろえる必要もある
javascriptでマウスの長押しをハンドリング
javascriptでユーザーのマウス操作をハンドリングする際、 click dblclick mouseover mouseout mousedown mouseup と、よく使うイベントハンドラがありますが、 マウスボタンの長押しをハンドリングするハンドラがありません。 Webページで長押しを使いたいケースがあったので、簡単なライブラリを作成しました。 興味のある方はどうぞ。 マウスの長押しでスクリプトを実行 マウスボタンの長押し Windowユーザーの方はマウスボタンの長押しにはなじみがないかもしれませんが、 Macでは昔から利用されている操作方法です。 アイコンやリンクなどの領域をマウスボタンを押した状態で少しキープすることで、 クリックとは異なる機能を呼び出すことができるものです。 ※このエントリは builder メンバーにより投稿されたものです。シーネットネットワークス
JavaScriptクロージャを完全理解！スコープチェインを知る（前編） - builder by ZDNet Japan
現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 コーマス広告の大変動 プライバシー保護とパーソナライズの狭間で マーケティングの効果を最大化するためには 注目急上昇中のDaaS最新情報 コロナ禍を背景に利用者と機能を拡大中 Azure Virtual Desktop最新情報 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音
Google Mobile Proxyをもっと簡単に―iPhoneのSafariをサクサクにする現実的な3つの方法―その3 - builder by ZDNet Japan
製造業を悩ますセキュリティ課題 グローバルサプライチェーンに潜む サイバー脅威への理解と具体的な対策 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 見えてますか？通信のボトルネック 快適なデジタルワークの阻害要因を解消 Zscaler Digital Experience（ZDX）導入の価値 データドリブンに足りないもの DOMO Japan 川崎氏に聞く データ活用能力の向上に必要なこと Kubernetes活
Appleの「JailBreak」に対する考えを推理する - builder by ZDNet Japan
大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる 特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント 特集：IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが
懐かしのWindowsブルースクリーン--その再現方法とは - builder by ZDNet Japan
かつて、Windowsの悪夢の時代にはびこっていた、Microsoftのブルースクリーンを懐かしくは思わないだろうか？その気持ちをため込んでおく必要はない。このガイドでは、自分のPCであの悪名高いエラーを再現する方法を説明する。 注意：まず作業内容を保存すること。この手順を実行すると、あの懐かしいブルースクリーンモードになり、マシン全体が動かなくなる。この強力な手段を使ってしまうと、作業に戻るには再起動するしかない。 われわれはVistaでしか試したことがないが、この手順は、Windows XPでもWindows Vistaでも動作するはずだ。 まず、Windowsのレジストリを編集する。Windows XPユーザーは、画面左下にある「スタート」メニューをクリックし、続いて「ファイル名を指定して実行」をクリックする。Windows Vistaユーザーは、画面左下にある「スタート」メニューを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
