download（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 08日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 08 日目 今日は <a> で使える download 属性です。 <a>: アンカー要素 – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/rNGeqry 基本的な使い方 通常 <a> のリンクをクリックすると画面遷移しますが download 属性を与えるとファイルをダウンロードするようになります。 属性の値は空か、ダウンロードするファイル名の初期値を指定することもできます。 利用可能なもの、不可能なもの 何でもダウンロードさせられるわけじゃなくて、ちょっと制限があります。 同一オリジンの URL blob: な URL data: な URL 他人のところのリソースをダウンロードさせることはできません。 使いどころ
意外と知らない？HTML/CSSを書く上で便利なデベロッパーツールの機能13選｜かずたか
※こちらの記事が400はてブ以上ついて、総合とテクノロジーの人気エントリーに入りました！ こんにちは。Kazutaka Shimizuです。 フリーランスとしてPM、エンジニアをやっています。 元々はWebマーケティングのコンサルタントをやっていましたが、独学でWeb開発を勉強してプロダクトを作って起業しました。 最近は創業した会社を離れ、フリーランスとして活動したり、プログラミングを独学した経験をこちらのツイッターで発信しています。 みなさんはGoogle Chromeのデベロッパーツールをご存知ですか？ ドットインストールなど一部のプログラミング学習サービスでは、デベロッパーツールのレッスンがあるなど、おそらく全く知らない人はかなり少ないと思います。 しかし、とにかく多機能なため、意外と便利な機能を使ったことがないというプログラミング初心者の方も多いようです。 僕自身、何度か自分のTw
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
数学には年齢制限はないと思っています。（中学一年生からの『数学ガール／ガロア理論』の感想）- [結] 2012年8月 - 結城浩の日記
Webで数式を書くのに MathJaxが良いというので、 黒木先生^H^Hさんの MathJaxの使い方を見て設定しました。 さっそく、数式交じりの文章を書いてみましょう。 文章は Web版「数学ガール」からの抜粋です。 ミルカさんは「ふうん」といって、シャープペンシルをくるっと回した。 「ねえ、パターン探しをしようよ」 * * * ねえ、パターン探しをしようよ。スタートはこんな式から。 \begin{align*} (1 - x)(1 + x) & = 1\cdot(1 + x) - x\cdot(1 + x) \\ & = (1 + x) - (x + x^2) \\ & = 1 + (x - x) - x^2 \\ & = 1 - x^2 \\ \end{align*} これはさっきの式$(a + b)(a - b) = a^2 - b^2$の特殊な場合だよね。 ここで、式$(1 -
![数学には年齢制限はないと思っています。（中学一年生からの『数学ガール／ガロア理論』の感想）- [結] 2012年8月 - 結城浩の日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/f33fa6e02d6be4d365def84cc6635eaac34cfcdf/height=288;version=1;width=512/https%3A%2F%2Fd.hyuki.com%2Fstatic%2Fcover.png)
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
日々是遊戯：ブラウザだけでここまで！ HTML5で作られた「スーパーマリオブラザーズ」がスゴい | ねとらぼ
ブラウザゲームの可能性が一気に広がりそうです 次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている「HTML5」。そんなHTML5で作られた「スーパーマリオブラザーズ」が公開され、話題となっています。 従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する「Infinite Mario Bros」も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。 パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません 操作は方向キーで左右移動
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chrome Developer Tools入門 in DevFestX Sapporo
HTML5.JP - 次世代HTML標準 HTML5情報サイト