タグ

htmlに関するhikobaeのブックマーク (7)

  • [69-1] canvas要素でグラフィックスを表示する領域を作ろう

    <canvas>要素そのものは すごく単純で、専用の属性は、縦横のサイズを決める width、height属性の2つです。 (サイズは CSSJavaScript での指定も可) あとは <canvas>要素に id属性で名前を付けるだけ。 JavaScriptによる描画を書き出す場所と指定します。 <script> // canvas要素の id を指定して、描画用のスクリプトを書きます // この部分は、次回以降の記事で基を説明します </script> <canvas id="canvas1" width="400" height="200"> <!--↓代替えコンテンツを入れることもできます--> <p>お使いのブラウザはcanvas要素に対応していません</p> </canvas> 実際の描画は JavaScript を使うので、Canvasを使う = JavaScrip

    [69-1] canvas要素でグラフィックスを表示する領域を作ろう
    hikobae
    hikobae 2015/08/04
  • Google HTML/CSS Style Guide まとめ - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    Google HTML/CSS Style Guide まとめ - Qiita
    hikobae
    hikobae 2015/08/03
  • Javascript Best Practices

    Introduction This document is a list of best practices and preferred ways of developing javascript code, based on opinions and experience from many developers in the javascript community. Since this is a list of recommendations rather than a list of absolute rules, experienced developers may have slightly differing opinions from those expressed below. Always Use 'var' Variables in javascript eithe

  • URLリライトと301リダイレクトの仕組み | Web担当者Forum

    URLリライトや301リダイレクトについて話したり、奨めたりする人もいるだろう。でも、これらがどのように機能するのか、当に理解しているだろうか? もちろん、「URLをリライトする」という行為によって、ブラウザに表示されるURLがよりSEOフレンドリー(そしてユーザーフレンドリー)になることは知っているだろう。また、301リダイレクトが恒久的リダイレクトだということもわかっているはずだ。でも、今回はもう少し話を掘り下げて、URLリライトと301リダイレクトがどのように連携して機能するのかを説明してみたい。 私が開発者として初めて取り組んだSEOプロジェクトは、大量のURLをリライトし、古いURLが新しいURLに確実にリダイレクトされるようにするという仕事だった。これは当初、気が滅入るような作業だった。というのも、URLリライトと301リダイレクトがどのように連携して機能するのか、私はきちん

    URLリライトと301リダイレクトの仕組み | Web担当者Forum
  • Expression Web team blog

    Blog by the team behind Microsoft Expression Web Microsoft Expression News We released important news today about the Expression family of products. Please visit the... Date: 12/20/2012 Expression Web 4 Service Pack 2 We’re pleased to introduce a new service pack for Microsoft Expression Web. Expression Web 4... Date: 07/13/2011 Expression Web 4 Service Pack 1 Typically, we come out with a service

    Expression Web team blog
  • 「印刷用ページ」の作り方

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    「印刷用ページ」の作り方
    hikobae
    hikobae 2010/01/18
  • HTML5 と CSS3 で 死にたい

    CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛

  • 1