30以上のプラグインでカスタマイズ可能なオープンソースのJavaScriptアップローダー・「Uppload」
Upploadは30以上のプラグインが用意された拡張的なOSSのJS製アップローダーです。※誤字ではなくUpploadが正式な名前みたいです 単にローカルからファイルをアップロードするだけでなく、SNSや画像投稿サービスなどの各Webアプリからもアップロードできるようになっています また、画像をその場で編集したり、サーバー構成に合わせてアップロードの方法を選択できたりテーマの選択、ライブラリの選択(VueやReact)、画像の圧縮、他言語化も可能となっています。 概ね完成された印象ですが拡張性もあるのでユニークなアップローダーも作れそうです。前述のWebサービスからのアップロードに関しては著作権周りの心配はありますがその辺は開発者の技量に委ねられそうですね このまま使わずとも高性能なアップローダーの開発に貢献してくれるかなぁと思います。ライセンスはMITとの事 Uppload
iTunesなしでも無料で超簡単にiPhoneとPC間で写真のやり取りができる「DearMob iPhone Photo Manager」を使ってみた
PCとiPhoneで画像を共有したいときにiCloudで画像を同期すると、Wi-Fi環境がなければ画像の閲覧ができなかったり、閲覧に通信料がかかってしまったりします。また、カメラの高画質化に伴って画像のファイルサイズが大きくなっているにもかかわらず、iCloudの無料ストレージは5GBしか利用できないという点も気になります。そうなると内部ストレージを使ってしまうものの、端末に直接画像を保存するという手もアリ。そういったときは主にiTunesで画像のやり取りを行いますが、フォルダごとにしか画像を転送できなかったり、画像が勝手に同期されて不要な画像まで転送されてしまったり、という点に不満を覚えた人もいるかもしれません。そんな不満を解消したというPC・iPhone間の画像転送専用のフリーソフト「DearMob iPhone Photo Manager」を使ってみました。 DearMob iPho
無料で高度なムービー編集やBGM・SE載せがスマホだけでできる編集アプリ「GoPro Splice」で動画を編集してみました
カメラだけでなくモバイル機器での編集アプリに力を入れているGoProは2016年5月4日、スマホだけで写真と映像を組み合わせたオリジナルムービーが作れるアプリ「GoPro Quik」と同時に、まるでPCのような高度な編集をスマートフォン上で行うことが可能というアプリ「Splice」をリリースしました。GIGAZINEでは「GoPro Quik」をすでにレビュー済みなので、今回はより本格的な編集ができるという「Splice」を使ってみることにしました。 Splice Video Editor by GoPro https://spliceapp.com/ ◆Spliceでできること Spliceはスマートフォンやタブレット上だけで映像を編集して完成させることが可能なアプリです。GoProで撮影した動画や写真はもちろん、スマートフォンに入っている動画/写真、さらにFacebookなどのSNSや
jQuery Timelinr - 年表と画像を組み合わせたスライドショー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上では多彩な表現が可能になっていますが、それ故に自分のこだわった表現をどう実現したら良いか悩んでしまうことがあります。そこでぴったりの表現ができるオープンソース・ソフトウェアがないか探すこともあるでしょう。 今回紹介するjQuery Timelinrもそんなソフトウェアの一つです。まさに自分が探していたものだ、と言う方はいらっしゃるのではないでしょうか。 jQuery Timelinrの使い方 jQuery Timelinrは年表と画像、そして説明を組み合わせたコンテンツを表現できます。こちらは横向き。 矢印やキーボードで次の年に移動できます。 実際に動かすとこんな感じです。画像が大きくなっていくのが良い感じです。 横ではなく縦向きもできます。 jQuery Timelinr
IFTTT から Blog の更新を自動で画像付きツイートするためにフィードを少し直した件
この Blog が更新された時、IFTTT から自動的に自分の Twitter アカウントに 「画像付きツイート」 を投稿するための IFTTT レシピと、投稿に意図した画像を使ってもらうためにフィード側で行った修正についてまとめました。 この Blog を更新した際、IFTTT から自動的に自分の Twitter アカウントに投稿するっては昔からやっていたんですが、ちょっとそのツイートを画像投稿と合わせた、所謂 「画像付きツイート」 にしようと思って、やってみた件について書いてみたいと思います。 画像付きツイートってのは、Twitter に画像をアップロードして、それへのリンクもついたツイートのことですね。なので記事へのリンクとあわせて、ツイート内に URL が 2つ入ることになります。 具体的には下記みたいなやつ。 Blog更新 -> SVG のフォールバックは結局 Modernizr
twibble.io - このウェブサイトは販売用です！ - twibble リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQuery googleslides
Usage: $("#demo1").googleslides({ userid:'115528839112598673902', albumid:'5710317752556741025' }); Usage: $("#demo2").googleslides( { userid:'115528839112598673902', albumid:'5710326335933432353', time:2000, imgmax:260 }); Usage: $("#demo3").googleslides({ userid:'115528839112598673902', albumid:'5710326910876169537', imgmax:100, fadespeed:500, time:8000, caption:false }); Setup Add a reference t
select要素のoption項目の内容を画像で表現する為のスクリプト・Image Picker
select要素のoptionを分かりやすく 表現する、というライブラリです。 選んだ項目にあわせて設定した画像 が表示、選んだoptionに連動しま す。これは結構いいアイデアじゃ 無いかなと。 select要素のユーザビリティ向上、みたいなスクリプトです。jQueryに依存します。 こんなやつです。選ぶと画像にも青い枠が付く、みたいなの。画像はマークアップせず、option要素にカスタムデータ属性を与える事で実装します。 Sample 選択すると画像の選択箇所も連動します。 コード<script src="jquery.min.js" type="text/javascript"></script> <script src="image-picker.min.js" type="text/javascript"></script>本体とプラグインを読み込んで $(".foo").ima
iPhoneでも表示可能 HTML5のスライドショーをFlickrやPicasa、Facebookのアルバムから作れる「SlideMyPics」 - WEBマーケティング ブログ
自分が撮りためた画像を、画像共有サイトに投稿し、さらに自分のサイトでも共有するという機会が増えていますよね。 しかし、多くのスライドショーはFlashで作られていることから、iPhoneなどではスライドショーが表示されません。 そこで今回は、iPhoneでも表示可能なHTML5のスライドショーを、画像共有サイトの画像で作れるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! HTML5のスライドショーを画像共有サービスのアルバムから作れる「SlideMyPics」 「SlideMyPics」は、HTML5のスライドショーを、FlickrやPicasa、Facebookなどのアルバムから作成できるサービス。 FlashではなくHTML5なので、iPhoneなどの端末を気にするこ
SlideShare等にあるスライドを動画とシンクロさせるJavaScriptライブラリ・Presentz
自分では多分使わないと思います けど、技術が凄いなーと感じたの でご紹介。よくあるスライドを、 YoutubeやVimeoなどの動画にシン クロさせる、というライブラリ だそうです。 自分で動作テストしたわけじゃないので紹介だけ。スライドと、そのスライドを紹介する動画をシンクロさせ、動画を再生すると同時にスライドを自動で進行させる、というライブラリ。うまく説明できませんのでデモを見たほうが早いです。 Webサービスになっていますが、ソースも公開されています。node.jsを使ってるみたいですね。 動画を再生すると、その動画中で紹介してる箇所をスライドも表示、動画が進むとスライドも次ページに移動してくれる、というもの。 将来、学校の授業もこんな感じになるんだろうか・・以下で動作デモを確認出来ます。ライブラリのライセンスはGPLとの事。使い方は確認してないので割愛します。 Presentz
投稿一覧 | あおぞら法務ネット
わかば法務事務所の八戸オフィスに新しい司法書士が入りました！(厳密には有資格者で今司法書士登録作業中です)
【WordPressにgoogle+の投稿を表示するプラグイン】 画像やコメント数の表示もばっちりできます｜今村だけがよくわかるブログ
google+の話を。つい最近では、google+でも企業ページとして作成することが可能になりました。今後、情報発信の基点をgoogle+にされる方も少なくはないでしょう。と、言うわけで今日はWordPressとgoogle+との連携方法をご紹介します。 「Google+Blog」プラグインのダウンロード＆インストール配布サイトはこちらです。 http://www.minimali.se/google+blog/ 有償版（作成者名なし）無償版（作成者名あり）どちらかを選択してダウンロードしましょう。私は、無償版をダウンロードしました。 導入方法は、 ダウンロードしたファイルを解凍FTPソフトなどで、wordpressの「plugin」フォルダ内にアップロードwordpressの管理画面から「プラグイン」を選択該当するプラグインを「有効化」する以上です。毎度の流れですね。 設定画面こんな感じ
Dropboxに保管している画像からアップロード出来る様にするWordPressプラグイン・Dropbox Photo Sideloader
人気のストレージサービス・Dropbox に保管している画像の中からアップ ロードできるようにするWordPressの プラグイン・Dropbox Photo Sideloader のご紹介。Dropboxユーザーさんに とってはちょっと便利かもですね。 Dropboxに入れてる画像を記事等に投稿できるようにする、というWordPressのプラグインです。 Dropboxから画像をアップロードできるようにできるプラグイン。有効化すると画像アップロードのタブにDropboxから選択する項目が追加されます。 Dropboxでアプリ登録する必要が有ります。以下手順。 プラグインを有効化して画像アップロード画面を出す 管理画面でプラグインを有効化したら画像アップロード画面を出してください。Dropboxの項目が追加されているはずです。 選択すると、上記画像の画面になります。Dropboxでアプリ登
HTML5形式のフォトギャラリーをサクッと簡単に作成できるフリーソフト「Juicebox Lite」
ホームページに自分が撮影した写真を公開する場合に、対応するブラウザ画面のレイアウトが自動フィットし、Flickrを利用することも可能で、動作が軽いフォトギャラリーが作成できるフリーソフトが「Juicebox Lite」です。対応しているOSはWindows・Mac・Linux、ブラウザはIE・Firefox・chrome・Safari・Opera、モバイル向けはiPhone・iPad・Android搭載スマートフォンとタブレットになっています。 Juiceboxを操作しているムービー、設定方法については以下から。 Juicebox Lite http://www.juicebox.net/download/ ◆Juiceboxを操作しているムービー 以下のムービーで、どんなフォトギャラリーなのか確認できます。 ブラウザから「Juicebox」を使うとこんな感じ - YouTube ◆設定方
Flickrの写真をjQueryで自動で取得して自サイトやブログに表示*WEBデザインとか
Flickrの自分のアカウントから、写真を自動で取得して、サイトに表示したかった時のメモ。 【準備するもの】 ●FlickrのAPIキー ●表示させたい写真群のFlickr ID ※分からなければ、idGettrから取得可能 で、今回はjQuery Flickrというプラグインを使ってやってみました。 【jQuery Flickrの導入手順】 以下のページから、jquery.flickr-1.0.jsをダウンロード。 Project Atomic » Blog Archive » jQuery Flickr で、<head>〜</head>内に以下のタグを記述。（jsファイル名とディレクトリは環境に合わせる） <script language='javaScript' src='jquery-latest.pack.js' type="text/javascript">
flickr関連｜Webサービス連動｜Web関連特集｜PHP & JavaScript Room
Flickr APIについて Open Source Flickr Photo Gallery Using jQuery〔jQueryを使用してFlickrの写真セットをギャラリー表示〕 jQuery Flickr〔jQueryを使用してFlickrのデータを取得〕 写真や画像にウォーターマークを入れるツール〔PicMarkr〕 Flickr badge作成ツール Flickrスライドショー埋込タグ生成ツール〔SlideFlickr.com／flickrSliDR〕 splashr beta〔いろいろな形式でスライドショー表示するオンラインツール〕 Slideco〔横長の写真スライドショーウィジェット作成オンラインツール〕 Flickrの写真をギャラリー形式で見れるオンラインビュアーいろいろ Flickr APIについて 2009/7/2 Flickr APIを利用するには、Flickrの
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする
こういうやつ。記事の投稿で [gallery] って書くだけでその記事内にアップロードした画像がグリッドで並べられます。ただ、このままだと別のページに持っていかれて、ユーザーとしては見る気になりません。 Sampleこの記事で実装しました。以下、サンプルです。 エフェクトもない手抜きなものですがｗまぁただのチュートリアル用なのでご了承下さい。 以下、手順です。 吐き出されるHTMLを見てみるショートコードを使うと以下のようなコードが吐き出されます。 <style type='text/css'> #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2px
[JS]観光写真に最適なGoogle Mapsを使った地図ベースの画像ギャラリー
デモページ [ad#ad-2] データの管理 画像ギャラリーで使用する画像や地図のローケーションなどはXMLで管理されています。 XML <place> <name>Bangkok</name> <location> <lat>13.696693336737654</lat> <lng>100.57159423828125</lng> </location> <photos> <photo> <thumb>photos/Bangkok/thumbs/1.jpg</thumb> <source>photos/Bangkok/1.jpg</source> <description>Some description</description> <location> <lat>13.710035342476681</lat> <lng>100.52043914794922</lng> </loca
スマフォ向けの写真SNS・picplzに投稿した写真を表示できるjQueryプラグイン・apPicplz
人気に拍車がかかる写真共有サービス、 instagramと同様に写真にエフェクトを 掛けて共有出来るpicplzも、ちらほらと ユーザーさんを見かけるようになりました。 そんな中、picplzの写真を簡単に表示 出来るjQueryプラグインが配布されたので ご紹介。 picplzもinstagram同様にエフェクトを掛けたり、共有したり、他サイトと連携したりと、ほぼドッペルゲンガーなんですが、多少の差もあります。 picplzとは instagramとの差は殆どありませんが、エフェクトや動作はinstagramのほうが充実しています。picplzは写真がスクエアでなくても投稿出来るのと、PCでのWebでいつでも確認出来る点が良いところですね。 picplz / App Storeへ そんなpicplzに投稿した自分のステキ写真をブログにも表示したい、という方もいらっしゃるかと思います。そん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google+風に、Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal
