タグ

ブックマーク / atmarkit.itmedia.co.jp (6)

  • 誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT

    誰でも作れる! “崩れない”HTMLメルマガ作成術:一撃デザインの種明かし(12)(1/4 ページ) キレイなHTMLメールを作るコツ/Tips盛りだくさん! ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します! 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか? そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML

    誰でも作れる! “崩れない”HTMLメルマガ作成術(1/4)- @IT
  • HTML5のlocalStorageでiPhone用Webアプリを高速化

    HTML5のlocalStorageでiPhone用Webアプリを高速化:iPhoneで動かす業務用Webアプリ開発入門(4)(1/2 ページ) 今回は、iOSのSafariの中にデータを記録できる、HTML5の「localStorage」機能を使って、データの先読みとキャッシュを実現しアプリケーションの体感パフォーマンスを向上させてみます。 HTML5の「localStorage」とは localStorage(ローカルストレージ)とは、HTML5で規定されている、Webブラウザ内部のKVS(キーバリュー型データストア)です。iOSのSafariでも実装されていて、JavaScriptコードからアクセスでき、任意のデータを保存できます。 いきなり注意! localStorageの保存データはテキストで! HTML5の仕様では、localStorageに保存できるデータはJavaScrip

    HTML5のlocalStorageでiPhone用Webアプリを高速化
  • SVGで図形やアニメを描画してみよう

    知って得する、Webブラウザ上で利用できるグラフィック関連技術HTMLのような感覚で図形が描画できる「SVG」をハックしよう グループ化・リンク・変形 連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。前回はSVGの基礎編として、SVGドキュメントの基的な書式と基図形の描画方法、各種スタイル指定の方法などを解説しました。 今回はその続きとして、変形やアニメーション、フィルター、JavaScriptによる制御といった機能を取り上げていきます。例によって多数のサンプルとともに解説していきますが、Webブラウザによっては一部が動作しません。確実にサンプルを見たい方は、FirefoxまたはOperaの最新版をご使用ください。 ■ 図形のグループ化 まずは前回取り上げられなかった重要な基機能として、「図形のグループ化」を解説します。SVGのようなベクトルグ

    SVGで図形やアニメを描画してみよう
  • 10分でわかるSVG 基礎編

    知って得する、Webブラウザ上で利用できるグラフィック関連技術HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript(DOM API)による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer(以降IE)

    10分でわかるSVG 基礎編
  • JavaScriptテストの基礎知識と使えるフレームワーク6選

    JavaScriptテストの基礎知識と使えるフレームワーク6選:フレームワークで実践! JavaScriptテスト入門(1)(1/3 ページ) しっかりとJavaScriptの“テスト”を行うために、最近のJavaScript事情やテストを取り巻く環境、今注目のテストフレームワークを6つ紹介する JavaScriptでもテストを書こう @ITの読者の方たちのほとんどは、どのような言語を主に利用しているのかなどの違いはあるにせよ、日常的にプログラムを書いている方たちが多いかと思います。 アプリケーションを作る、ライブラリを作成する、オープンソースプロジェクトに貢献するなど、皆さんがプログラムを書く場面はそれぞれいくつかあるはずです。それらプログラムを書く場面に共通して大切な習慣の1つとして、「作成するプログラムに対しては必ずテストコードを書く」ことがあるのは、誰にでも同意してもらえることでし

    JavaScriptテストの基礎知識と使えるフレームワーク6選
  • Internet Explorer 10 on Windows 8のHTML5/CSS3新機能(1/4) - @IT

    特集:Web制作者&開発者のためのIE10概説 Internet Explorer 10 on Windows 8のHTML5/CSS3新機能 尾崎 義尚 2012/08/24 ■はじめに ついにWindows 8の製品開発が完了し、8月16日からMSDNサブスクリプション会員向けに製品版の提供が開始された。執筆時点では、Internet Explorer 10(以降、IE10)単体での提供はされていないが、IE10はWindows 7以降にも提供される予定である(Windows Vista以前には非対応)。 以前、IE10 Platform Preview 2(以後、Platform Previewは「PP」と略す)までに追加された機能を紹介したが、その後も「8~12週ごとにPPを公開する」という公約どおりに提供され、2012年6月には、PP6まで公開された。ただし、Windows 7上

    negic
    negic 2012/08/25
  • 1