Adobe Systemsがロサンゼルスで5月に初旬に開催した「Adobe MAX 2013」において、HTML5 Boilerplateの開発者として知られるPaul Irish氏の講演「Mobile CSS Performance」を聴講した。その内容をベースにしながら、CSSを高速化するため... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
現在の価格: 無料 販売元: Brackets リリース日: 不明 対応OS: 10.6以降 Adobeが開発しているオープンソースのWebサイト制作向けのコードエディタです。見た目はめっちゃシンプルなのですが、コード補完はしっかり効いてくれるし、何よりライブプレビューがかなり素晴しい。編集できる... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
レスポンシブの確認ツールの多くは単にブラウザのサイズを変更して確認するだけですが、レスポンシブがスタイルシートで定義されているかに基づいてページの確認ができるChromeの機能拡張を紹介します。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 GithubやGistのrawはtext/plainでnoniffをつけるから、Githubのアドレスを直接参照するスクリプトやスタイルシートは、ブラウザによっては動かなくなるよという話 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
制作会社を頼らずホームページを作成するのに役立つツールを14個紹介します。どれも無料で初心者さんでもホームページ作りに役立てられます。前回の更新からかなり経ちましたが、テーマは同じでございます。 制作会社を頼らずホームページを作るのに役立つツールを紹介します。前回のWordPressよりもグンッ!... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
本の虫さんで、「Blink、新機能に対して新たなベンダープレフィクスを追加しない決定」 という記事が上がっていた (ちなみに border-radius は現状、-moz- も -webkit- も不要で使えますよ) のですが、これ、確か Blink レンダリングエンジンが発表された時から FAQ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
こんにちは、王です、デザイナーやってます。 「これからの時代はFlexboxだ!」 ということで短い動画を用意しておきましたので、初耳の方、ざっと「Flexboxで何が出来るか?」が分かるかと思います。 動画の中で使ってたデモをこちらにアップしたので、実際に確認してみたい方ご自由に。 PC、タブレ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Code ColaはGoogle Chrome機能拡張として動作するスタイルシート設定ツールです。Webインスペクタを使うとWebページを表示したままスタイルシートの編集ができます。ただ、数字やテキストを入力する形なので、思った通りの編集が難しいかも知れません。そこで試したいのがCode Cola... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2013-04-16 さよなら -apple- に -khtml- WebKit 3月半ばに書いてそのままになってた下書きを発見。 なんで放置してたんだっけ……引用多すぎるからかな。まあいい。 WebKitにこんな変更が加わった。 Changeset 146025 – WebKit ― Legac... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
要素内容に依存する幅の指定についてのメモです。 これらは CSS basic box model (草案) に記載されており、MDN のページ に分かりやすく説明されています。 本来、これらは幅だけでなく高さの指定にも使えるようなのですが、まだ実装されていませんので確認できません。 2013年4月... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ニュース Intel、HTML5アプリの無償開発環境「Intel XDK」を発表 iOS、Android、Windows 8、Windows Phone 8向けのネイティブアプリを開発可能 (2013/4/15 16:24) 「Intel XDK」 米Intel Corporationは、4月10... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ニュース オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開 ユーザーインターフェイスの改善と“ライブプレビュー”機能の強化 (2013/4/15 17:56) 「Brackets」Sprint 23 米Adobe Systems Incorporat... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
主要なブラウザ「Chrome・Safari・Firefox・Internet Explorer」のビギナー向けデバッグツールが紹介された勉強会のエッセンスをお届けする。 2013年3月21日、新宿で行われたhtml5j.org主催の第37回HTML5とか勉強会に参加してきました。 今回のテーマはビ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最初のバグ修正 をレビューしてくれたのはたぶん、Apple の Darin Adler だったと思う。雑誌連載のねたづくりに書いたパッチだった。このあとも Darin Adler には度々レビューをしてもらった。私にとって、Bugzilla 界隈でのメンターはこのひとだ。あるとき ASSERT_N... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
どうしたらWebサイトのパフォーマンスを向上させることができるのか? レンダリングエンジンについて学ぶことで、その根拠を理解していきたいと思います。 前半ではレンダリングプロセスについて、それを踏まえた上で、後半ではJavaScript、CSSそれぞれの高速化、最適化について書きます。 この記事を... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
2013年3月29日金曜日 IPAから「クリックジャッキング」に関するレポート出ました Webアプリケーションのセキュリティの分野で「新しい攻撃手法」は実はそれほど多くないのですが、比較的新しく対応が求められているものとしてクリックジャッキングがあります。クリックジャッキングは、CSRFと同じよう... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSS-SHACK CSS-SHACKはChromeでCSS3を使ったエレメントを作成できるアプリケーションです。右のツールボックスで装飾するとリアルタイムで反映、そのままソースをエクスポートできるようになっています。レイヤー機能も付いてます。Webアプリでは無いのでオフラインでも使用できます。デ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
あ、便利かも。特定サイトのCSSをChrome上で編集できるツールです。反映は即時、ドメインごとに保存してくれるのでちゃちゃっとスタイル変えたりいろいろできますな。 ↑ CTRL+mで右側にCSS編集画面が出ます。 ↑ こんな感じでリアルタイムに変更が反映されます。 なお、設定は保存されるのでリロ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
先日Twitter上で知ったリソース「Developing with Sass and Chrome Developer Tools」を読ませてもらったところ(というより流し見た感じ)、Sass 3.3.0ではSourcemapを出力する機能があることを知りました。これが上手く利用できれば、CSS... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
In this tutorial, we’ll review the process of better integrating Sass debugging into our workflow with Chrome Developer Tools. Introduction – Sass Sa... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|