ぽんハウス BLOG: web開発

ラベル web開発 の投稿を表示しています。すべての投稿を表示

2019/09/21

iOS13のSafariでaタグのdownload属性がサポートされました！

aタグのdownload属性とは、リンク先を強制的にダウンロードする為の属性です。
<a href="URL" download="ダウンロード名">リンクテキスト</a>または
<a href="URL" download>リンクテキスト</a>
という形で記述します。
例えばJPEG画像などを表示せずにダウンロードして貰いたい時に使います。

サンプル

ところがSafariでは今までサポートされておらず、リンクを開いてもウィンドウに表示されるだけでした。

iOS13が出てダウンロードフォルダができたことだし、もしや？と思って試してみたら…セキュリティ的にか、いきなりダウンロードという形ではありませんが、ダイアログで「表示ダウンロード」と出るようになりました。

ダウンロード先はJPEGであっても写真アプリに保存されるわけではなく、ダウンロードフォルダに保存されます。
ダウンロードフォルダはデフォルトでiCloudになっていますが、設定＞Safari＞ダウンロードから変更できます。

自分の環境だとiOS13でしか試せませんが、同時期に出たSafari 13も同様の仕様になっているかと推測されますが確認取れていません…。確認が取れ次第、更新します。

Safari11で確認済み。
MacOS の Safari は10.1からdownload属性をサポートしているらしい。

2011/05/11

ダンスの軌跡がGoogleロゴになる「マーサ・グレアム(MARTHA GRAHAM)」の元ネタがわかるムービー - GIGAZINE

Googleのロゴを見た時、あまりに滑らかだったからどうやってるんだろうと思ったらPNGでアニメーションしてただけだった。

してただけって言うと簡単に思えるが、確かアニメーションPNGって、規格にはある物の対応ブラウザが少ない為、GoogleもPNG貼り付けただけじゃなくて、中で色々とやってると思う。

このGoogleロゴは魔女的な感じで少し恐かったが、記事に紹介されているアニメThought of You on Vimeoはストーリーがあるので面白い。恐さ的な何かは依然持っているが…。この恐さは不気味の谷 ( Wikipedia ) に入るのだろうか？

2011/01/27

タイトルとURL（と選択部分）を出力するBookmarklet

タイトルとURL

さっき書いた、ぽんハウス BLOG: リンクタグ作成Bookmarkletの応用でもうひとつhtmlタグなしバージョンです。
タイトルとURL（と選択部分）を出力します。
ブックマークレットなので、上記リンクをドラッグするなりしてブックマークに登録して使用して下さい。

リンクタグ作成Bookmarklet

リンクタグ作成

こちらのサイトを参考に、ちょっと自分好みにしてみた。
targetなしtitleなし。選択部分コピー
リンクタグ作成＆選択文字blockquote囲みBookmarklet（Firefox版）｜sundaysoundtrack

2011/01/24

Instagramその後と連携あと話

面白そうな気配。API公開してサードパーティのアプリやら連携が出来る様になってくれれば最高！？
ひとりフォロワーさん付いてくれた！＾＾

色々とwebサービス間の連携を試しているのだけれど、落ち着くまでには時間がかかりそうだ。

今の所デスクトップでは先ほど書いたPixelpipeを使うことになると思うのだが、iPhoneではどうしようかな…と言う感じに。

そういえばPixelpipeで投稿した写真がtwitterに2つ表示されている…tumblrからtwitterへの自動投稿を切ってないから？と思ったけれど、urlがpi.peという見慣れない短縮urlなので、多分yfrogへ投稿したものが先に自動でtwitterへ投稿し、更にtwitter宛てのものがpi.peの方じゃないかと考えている。ということはyfrogを残してtwitter宛てを切れば問題なしかな？

Instagramの投稿先にyfrog入らないかなあ…自分的にはそれでほぼ満足なんだけれど。しかし便利な世の中だ(笑)