知っておくと便利で役に立つHTMLの属性のまとめ
あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。 7 useful HTML attributes you may not know by Mariana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに multiple属性 accept属性 contenteditable属性 spellcheck属性 translate属性 poster属性 download属性 終わりに はじめに HTMLは、Web制作の要です。しかし、多くのプロ
WordPressの記事内の画像をData URIで扱ってサイトを高速化させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 WordPressを利用していた際、サイト高速化の実験として記事詳細ページで使用する画像をData URIにできないかなと思い、以下のことを試してみました。 記事詳細ページで使用する画像をData URIで扱ってみた なるべくすぐ戻せるように、通常の画像サイズも選べるような作りを目指して、アップロード時点でBase64エンコード版のサイズを用意する形で実装しています。 functions.phpに記載する形です。 // 画像サイズ名を定数で宣言(今回はbase64って名前で作成しています) define("BASE64_IMAGE_KEY" , "base64"); // エンコードする画像のサイズを追加しておく add_image_size(BASE64_IMAGE_KEY , 400 , 400); // 画像ファイルアップロードのメタデータ保存の際にエ
ファイルアップロード用のフォームのまとめ
ファイルをアップロードするフォームのHTMLついてまとめてみました。 ファイルアップロード用のフォーム このエントリーはHTMLのビギナーの方向けの内容です。 １．HTML まずフォームをアップロードするためのHTMLから説明します。 <form action="./upload.cgi" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" value="アップロード" /> </form> ファイルをアップロードする場合、form要素のmethod属性は「post」です。 またenctype属性の設定が必要です。enctype属性の値には「multipart/form-data」を指定します。 <form action="./upload.c
無料で画像のファイルサイズを減らして軽量化してくれる「Kraken.io」
ウェブサイトを作成する際、転送料金のかかるサーバでは転送量を減らすためにファイルの圧縮は重要で、閲覧者にとってもファイル容量が減れば読込速度がアップするわけですが、ブラウザ上でファイルを複数選択してアップロードするだけであっという間にファイルサイズを減らしてくれるサービスが「Kraken.io」です。 Web Interface · Kraken.io https://kraken.io/web-interface 画像を圧縮する際はまず、ファイルをアップロードするかURLを貼り付けるかを選択、不可逆圧縮か否かを選択後、ファイルをPC上から選択するかブラウザ上にドラッグ＆ドロップします。今回はファイルを選択してアップロード。 ファイルは複数選択が可能ですが、ファイル1つにつき1MBまでという制限があります。 しばらくすると、選択した複数ファイルがアップロードされ、圧縮された結果が表示されま
画像をドラッグ&ドロップで複数まとめてアップロードし、一括でサムネイル画像に変換できるWebサービス・Batch Thumbnail Generator - かちびと.net
日曜日ですねー。休日を如何お過ごし でしょうか。たまにはWebサービスの ようなものでもご紹介。個人的には あんまり使わないんですが、ちょっと したときに便利かもと思ったので シェアして見たいと思います。 タイトルじゃ全然ピンと来ないと思うんですが、ローカルから画像をまとめてドラッグ&ドロップでアップロードして、ドラッグで一括サイズ調整し、一括DLできる、みたいなやつ。 複数まとめて同じサイズのサムネイルを作成できます。サイズもドラッグで調整可能です。 画面にドロップすればどんどん追加できます。 サイズは一括で変更する。 サイズがOKならボタンクリックでzipでもらえます。 アップした画像はセンターでクロップするか否か、背景やフォーマット(PNG かJPG)の選択も出来ます。 このサービスが凄くいい、というか、CMSの管理画面にあると便利かなって少しだけ思いました。用途は限られそうですけど
HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」:phpspot開発日誌
HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 2011年05月26日- jQuery HTML5 Uploader HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」。 デスクトップからブラウザにドラッグ＆ドロップできたら、初心者の人とかはもっとアップロードが簡単になるはずですね。 HTML5を使って実装されていて、そのUIなんかも面白いUIで提供されていたのでご紹介。当然ダウンロードして使うことができます。 ファイルを画面の割れ目の穴にドロップしましょう。複数ファイルもOKみたい。 なんと、すぐ下にイメージが表示されてアップ開始。進捗表示もできます。 こんなことが出来るんだというのを知っておくだけでもよさそうですが、jQue
iPhoneから大量の写真を送るなら「PictShare」がめちゃくちゃ便利
写真について閲覧、管理、活用はほとんどこれ1本でOK。特に連載に必要なカットなどをiPhoneで撮ったときにはこれがなければやる気が半減しているほど。例えば、今回の画像はすべてiPhoneで撮ったものをPictShareからDropboxに送信したものです。一度に全部の画像を送信できるのが長所で、今までの「USBでつないでiPhotoから取り込む」などは考えられなくなってしまいました。 Dropbox、Evernote、Facebook、Flickr、mixi、Picasa、Tumblr、Twitter、はてなフォトライフ、フォト蔵――などなど、送信できるサービスの選択肢も十分。アプリによっては、Twitterには送れるけどEvernoteには送れなかったり、メールで送信するだけだったりというのではまったく話になりません。 私が使っている主なサービスは、Dropbox、Evernote、F
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」:phpspot開発日誌
複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ファビコンを簡単に作成できる無料ツール！テキスト・画像・絵文字から生成でき、各デバイスのサイズにも対応 -favicon.io