Stitches - An HTML5 sprite sheet generator
Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Implementation After dependencies, Stitches requires a stylesheet, a script, and an HTML element to get the job done: <link rel="stylesheet"
Spine:ゲーム用2Dアニメーションソフトウェア
Spineとは ゲームに命を吹き込む、大切なアニメーション。当社は、優れたアニメーションづくりには、強力なソフトウェアだけではなく強力なワークフローも不可欠だと考えています。Spineは2Dアニメーション専用に開発されたソフトウェアで、魅力的なアニメーションの作成、そして完成したアニメーションをゲームに組み込むための効率的なワークフローを提供します。 詳細を見る ライブデモ ライブデモでは、Spineで実現可能なサンプルをブラウザのウィンドウ上でご確認いただけます。アニメーションをレイヤーで再生したり、スケルトンを動的に操作したりと様々なことが可能です。 デモを見る Spineアカデミー Spineアカデミーは、Spine学習に必要な全てをご提供します。自分のペースで独学することを希望する方も、対面式のワークショップやコースを受講したい方もご心配いりません。Spineの各バージョン間の変更
かつてない自由度！ アイデア整理に最適のメモアプリ - 日経トレンディネット
今回は、最近ちょっと話題になっている斬新なウェブメモアプリ「Milanote」を紹介しよう。まだサービスが始まったばかりで、現段階ではパソコンのブラウザーでしか使えないし、スマートフォン向けのアプリも登場していないので、メーンのメモアプリとして使うには時期尚早なのだが、そのコンセプトがとても素敵で、僕はとても気に入っている。ツール好きの人にはぜひ体験してもらいたいのだ。 Milanoteは、Milanoteのウェブサイトでサインアップしてユーザーアカウントを作成すれば、100枚までの「ノート」が無料で利用可能になる。ただし「Internet Explorer（IE）」でアカウント作成しようとすると「Sorry, your browser isn't supported yet（申し訳ありませんが、お使いのブラウザーはまだサポートされていません）」というアラートが出るので、「Chrome」で
Webサイトに動画を埋め込む際のサイズと軽量化方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、HALです。 今回は、動画をWeb用に軽量化するための方法を紹介します！ 軽量化を行わないと、たとえば 1280px × 720pxの30秒ぐらいの動画の場合40MBほどの重さになってしまいます。そのままだと videoタグなどでWebブラウザ上で再生するには大きすぎてしまいます。モバイル端末ならさらに軽量化が必要です。 動画の軽量化をするにはさまざまなツールがありますが、 HandBrakeというツールがとても使いやすかったので、基本の設定方法を紹介していきます。 ※この記事は2022年3月に編集部が情報を更新しました 動画を埋め込む方法 外部リンクで埋め込む YouTubeやVimioに動画をアップロードし、それを外部リンクとして埋め込む方法があります。 YouTubeではさまざまなサイズの動画をアップロードすることができますが、標準のYouTube動画のサイズは1920×
無料検索順位チェックツール「Serposcope」のインストール方法
主な手順 Serposcopeを利用するために必要な主な手順は以下です。 SerposcopeのダウンロードSerposcopeのインストール管理者アカウントの作成Serposcopeの初期設定僕は、WindowsユーザーなのでWindowsでの設定方法になります。 ただSerposcopeは、サーバーソフトでブラウザから利用するため、設定方法はWindowsもMacもほとんど変わらないと思います。 SerposcopeのダウンロードSerposcopeは、こちらからダウンロードすることができます。 Serposcopeは、Windows、Mac、Linuxで利用することができます。 Windowsの場合は、「32 bits & 64 bits version(recommended)」をダウンロードしてください。 「serposcope-X.X.X-x86.exe」というファイルがダウン
無料検索順位チェックツール「Serposcope」は無制限にキーワード・サイト登録可能な有能ツール【Mac利用可】
2016/07/10に公開されたバージョン2.5.1では、（僕の環境では）モバイル登録できなくなりました。登録項目はあるのでおそらく不具合だと思います。もしかしたら、次のバージョンが出るまではモバイルでのキーワード登録はできないかも。 グループごとにキーワードを登録できる Serposcopeは、カテゴリごとにキーワードを分けて登録することができます。 以下のように、グループごとにキーワードを登録し、サイトも競合サイトとともに登録することで、他サイトの順位動向も見ることができます。 Serposcopeでは、このグループ化は必須なので、自然とキーワードなどが整理されます。 もちろんグループ機能はGRCでも利用できます。 GRCのグループ化は、後からでも変更できますし、手軽に設定できるので、使い勝手はこちらのほうが上かも。 サイト全体の順位変動具合を分かりやすく表示Serposcopeは、サ
UX課題を”つくる前”に改善！インド発の無料プロトタイピングツールが、人間の仕事を本気で奪いにきてる | Ledge.ai
TOP > Technology > 注目テクノロジー > UX課題を”つくる前”に改善！インド発の無料プロトタイピングツールが、人間の仕事を本気で奪いにきてる こんばんは、イイノです。 つい先日にはAdobeXdのプレビュー版がリリース。プロトタイプが本格的に現場に浸透するぞー！なんて、話題になってますが、個人的にはXdを超える？なんて思えるプロトタイピングツールを発見してしまったので、紹介してみようかなと。 これまでのプロトタイピングツールでは難しかった『複数人プロトタイピングでの挙動をトラッキング分析』や、『個別＆全体での行動をレポーティング』といった機能を搭載し、なんと無料で利用可能にしてしまったという衝撃のツール『CanvasFlip』。 インドの天才たちが作ってくれたこのツールで、プロトタイピングとユーザーテストの手順や手間やコスト、その他もろもろな常識が変わってしまう？…かも
全角半角変換ツール - ブラウザで使えるWeb便利ツール
※当サイトで提供しているツールは商用利用・個人利用問わず、無料でいつでもご利用いただけます！リンクはご自由に。スマホ・タブレット・PCに対応しています。
8時間分のテープ起こしに役立ったツール「transcribe」 – TechDoll.
少し前に、お仕事で数日間に及ぶカンファレンスに行ってきました。特にキーノートには面白い講演が多くて、インスピレーションになりました。 さて、いざ講演が終わると私のお仕事本番です。日本語の講演なら、聞きながら起こしてしまうこともあるけれど、英語だとそうもいかないため、永遠に感じられるテープ起こしが始まりました。 これまでは、ICレコーダーでそのまま再生したり、Macに取り込んで再生したりしていたのだけれど、英語を起こすならもっと良いツールがあるはずだと思って探してみたのです。 今回、8時間分の講演のテープ起こしに役立ってくれたのが「transcribe」というツール。複数形式に対応した音声をアップロードすると、あとはショートカットを使うだけで再生したり巻き戻したりできる。escで停止、F3は3秒巻き戻しといった具合に。だから、キーボードから手を離すことなくテープ起こしができるの。 また、再生
Facebookのプロトタイピングツール、Origami Studio発表
UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 近年アプリ制作者の間では、UIだけでなくアプリのUXを検証すべく、プロトタイピングツールの需要が年々高まっています。国内ではPrott、国外ではInvisionやPixate、Flintoなどがありますが、最近だとAdobeもAdobe XDというツールを発表するなど、大手も積極的に業界に参戦しています。 そんな中、Facebookの開発者向けイベント「F8」にてFacebookのプロトタイピングツール「Origami Studio」についてのプレゼンテーションがありました。FacebookやFacebook Messengerのみならず、Instagramやその関連アプリなど、多数
【全533サービス】クラウドサービスに関する全てをまとめました！！（たぶん） | Boxilが運営するBtoBクラウドサービス・資料紹介メディア ボクシルマガジン！
クラウドサービスに関するすべてをまとめました！ 近年、著しい普及を遂げているクラウドサービス。 「売上向上」「生産性向上」「コスト削減」に繋がるといった理由からクラウドサービスの市場規模も年々増加しており、クラウドサービスを導入している企業も増加の一途をたどっています。 そして、グループウェアやオンラインストレージ、メール配信システム、クラウド会計ソフトなどあらゆるジャンルでクラウドサービスが提供されるようになりました。 その一方でクラウドサービスを導入するメリット・デメリットがわからない、ネットワークやセキュリティー、情報漏えいの不安があるなどといった理由から中小企業を中心にクラウドサービスの導入に踏み切れていない企業も多々存在しています。 今回は、弊社の『日本のホワイトカラー労働生産性を飛躍させる』というコーポレートミッションにならい、全ジャンルのクラウドサービスの全てをまとめ
10 Unique Uses of Trello Other Than Project Management
Trello is a list lover's delight. Its Kanban-style approach was not meant just for project management. Don't believe us? Maybe you'll believe what the guy behind Trello had to say about the software's intended uses. Some people saw Trello and said, “oh, it’s Kanban boards. For developing software the agile way.” Yeah, it’s that, but it’s also for planning a wedding, for making a list of potential
LINEでいいの？社内チャットツールの導入検討 - ロードバランスすだちくん
シンジです。これからチャットツールの導入を検討している組織が、何を基準に、どのようにして導入すべきかをご紹介します。上の画像はcloudpackが検証したチャットツールの全てです。cloudpackでは結果としてSlackを導入しましたが、ここではSlackに限らず、あらゆるツールを見ていきましょう。シンジはセキュリティ担当なので、その視点が強くなりますが、予めご了承ください。 なんの為に導入するのかこれからチャットツールを導入しようとしている組織の多くが、 チャットツールが導入済みであるにも関わらず活用されていない既にSMS、Facebook、LINEなどが暗黙的に使われている（統制できていない）メールでのやりとりが非効率的だと思っている数千人規模の場合、統制が取れない（ユーザーの一覧がパニックになる）といったケースでしょう（シンジ調べ） 特に大企業や中堅企業で聞くのが、これらのツールの
FireAlpaca｜Free Digital Painting Software
Releasing unique original brushes weekly FireAlpaca distributes high quality unique original brushes weekly, There are not only analog style brushes such as pencil, watercolor, etc., but also unique brushes to create cumbersome flowers, plants, laces, and other intricate motifs, as well as cute patterns, cool effects, and many more. Find your favorite brush that stimulates your creativity. Flexibl
DMesh, Triangulation Image Generator
DMesh, designed by Dofl Y.H. Yun, is a custom creative application that turns images into techy artwork. It works by analyzing an image and generating a triangulation pattern for a beautiful finished product. To build the program, Dofl employed a groundbreaking mix of computer vision technologies to make DMesh for someone without any design background. Since its release, DMesh has taken the media
パスワード生成
お好みのパスワードを生成（自動作成）することができるツールです。 パスワードに使用する文字の種類（数字、英文字、記号）、文字数の長さ、生成する個数を指定可能です。 ご希望のセキュリティ強度、文字、文字数、個数がございましたらご入力、ご選択後に「生成」ボタンをクリックしてください。 再度、「生成」ボタンを押すことで新しいパスワードが生成されます。 ※生成されたパスワードはテキストファイルにてダウンロード可能です。 「パスワードデータをダウンロード」ボタンをクリックしてダウンロードしてください。 ※スマートフォンやタブレットでご利用の方は、生成されたパスワードを直接コピーしてご利用ください。 ※文字数は最大40文字まで、個数は最大1000個までとなります。 ※文字の「記号あり」で任意の記号が選択可能になりました。 ※文字の「頭文字の指定」で頭文字に「英字（大文字）」「英字（小文字）」「数字」が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアルカラー
https://kushagragour.in/lab/web-maker/
http://www.canvasflip.com/
Pingdom Tools
