AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 投稿日2011年06月20日 更新日2011年06月20日 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script
Adobeが公開したHTML/CSS/JavaScript専用の新エディタ「Brackets」 - builder by ZDNet Japan
Bracketsの特徴 6月25日、Adobe SystemsがWebアプリケーション開発をターゲットとした新しいソースコードエディター「Brackets」を発表した。BracketsはHTMLやCSS、JavaScriptといったWebアプリケーションのためのコードの編集に特化したエディタであり、MITライセンスに基づいてオープンソースで開発が進められている。ソースコードは数カ月前からGitHub上にホストされて公開されていたが、今回公式サイトがオープンし、その詳細が明かされた形になる。とはいえ、依然として開発途上であることに変わりはなく、今後も引き続き機能を拡張していくとのこと。現在のところ、BracketはWindowsおよびMacOS X上で使用することができる。 Bracketsの特徴的な機能としては、次のようなものが挙げられる。 HTML/CSS/JavaScript用のシンタ
Prefix free: Break free from CSS vendor prefix hell!
-prefix-free Break free from CSS prefix hell! Only 2KB gzipped -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. “[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.” — Eric Meyer Features Processes every stylesheet in <link> or <style> elements
[JS]ローカル環境でも利用できるダミー画像を生成するスクリプト -Holder.js
サイズやカラーをテキストで指定するだけで簡単にダミー画像を生成できる超軽量（4KB）のスクリプトを紹介します。 Holder.js -GitHub [ad#ad-2] Holder.jsのデモ Holder.jsの使い方 Holder.jsのデモ 対応ブラウザ Holder.jsはcanvasとdata URI schemeを使用しているため、下記のブラウザでご覧ください。 Chrome 1+ Firefox 3+ Safari 4+ Internet Explorer 9+ Holder.js [ad#ad-2] Holder.jsの使い方 使い方は、2ステップです。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="holder.js"></script> Step 2: HTML ダミー画像を設置したい場所にimg要素で記述します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
