アニメーション、スライド、ダブルクリックによるズームなど、機能盛り沢山のライトボックス系ライブラリ、Photoswipeの使い方を紹介します。
![PhotoSwipeの使い方!Light Boxの決定版を導入しよう!](https://cdn-ak-scissors.b.st-hatena.com/image/square/39129c72754df387363f7a182de2353f21673c21/height=288;version=1;width=512/https%3A%2F%2Fsyncer.jp%2Fstorage%2Fjavascript%2Fhow-to-use-photoswipe%2Fstatic%2Fdst%2Feyecatch_og.png)
今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。 まず始める前にこのライブデモ、Kitteh Anonymousをデスクトップまたはモバイルのモダンブラウザで実際に試してみてください。ここでは、このデモの簡略版であるLiteバージョンを実際に作成する方法をステップ・バイ・ステップで紹介したいと思います。 必要な知識 Polymerの基礎知識 パッケージマネージャ、Bowerの基本的な使い方(Polymerと依存するファイルをインストール、アップデートするのに使
This document summarizes a presentation about using JavaScript to write modern desktop applications. It introduces jsdx-toolkit, an open source GUI toolkit for Node.js based on Clutter/Mx that allows writing desktop apps in JavaScript. Key points covered include how jsdx-toolkit implements JavaScript APIs to interface with underlying libraries, allows creating windows, widgets, and multimedia play
ついに国内での商用端末も発売になった Firefox OS。その特徴はアプリがHTML5 を使って作成できることです。HTMLやCSS、JavaScriptを使って作成したページ にマニフェストを足すだけでアプリとなります。このセッションではFirefox OS とそのエコシステムを、アプリ作成という視点から概観します。Firefox OSの仕 組みやAPIだけではなく、開発環境の構築からFirefox Marketplace へのアプリ の登録、公開されたアプリのバージョンアップといった、アプリの作成の流れを 一通りご紹介します。このセッションが契機となって、Firefox OSのアプリ作成 に興味をお持ちの方が一人でも増えれば幸いです。Read less
The year is 2047. Our planet is ruled by the repressive Confederate Central Government (CCG). Ryan (Stephen Baldwin), is a Green War rebel agent sent on a mission by Sponge (Danny Glover) to collect evidence against the CCG for its heinous crimes. Ryan soon faces the sinister Colonel Asimov (Rutger Hauer), Major Anderson (Daryl Hannah) and a group of mercenaries lead by Lobo (Michael Madsen). Ryan
MSXやPC-8801、MZ-2000、FM-7……そんな名前を聞いて「懐かしい!」という人も少なくないのではないでしょうか? MS-DOSなどが登場するよりもさらに前の時代、電源を入れるとすぐにBASICが使えた'80年代の8bitパソコン(当時はマイコンと呼んでいたかな)は、当時としては最先端のデジタルガジェットであり、マニア?だけが使う秘密の世界でもありました。(編集部注:MZ-2000などのパソコン(マイコン)のなかには、内蔵カセットやフロッピーから読み込まないとBASICなどの言語は使えないものもありました) 私自身も1981年、高校1年生のとき、入学と同時に全貯金を叩いてPC-8001を購入し、その後、コンピュータの世界にドップリとハマっていったのですが、やはり最初はBASICから始めたわけで、BASICが自分の血となり肉となったという思いがあります。 そんなBASICパソコン
2017年3月24日 撮影 今回は私の所属する留学サポート企業Frogのブログでもインタビューさせていただいたふーみんによるゲストブログ!プロモーションビデオ撮影の際に気づいたこと、設定方法などを紹介してくれます!ちなみにそのプロモーションビデオのナレーションは私、Manaが担当していますw 動画の中にもちょこっと登場しているので、探してみてくださいね ;) ↑私が10年以上利用している会計ソフト! 初めまして、バンクーバーにてクリエイター留学中のふーみんです!Manaさんが素敵な広報を担当する留学サポート企業Frogが運営し、僕自身の住居でもある『Frog House』のプロモーションビデオを制作しました!完全素人であった僕が、学校のインストラクターや友人のシネマトグラファーからのアドバイスをもとに1から動画撮影について学んだことを共有したいと思います。 制作したプロモーションビデオがこ
今回はApple純正の電子書籍リーダー「iBooks」のコンテンツを、MacとiPhoneで同期させる方法をご紹介! 意外とわかりにくいMacとiPhone間の同期方法ですが、以下の手順でやっていけば簡単に「iBooks」のコンテンツを同期させることができますよ! わかりにくい「iBooks」の同期(共有)方法 「iBooks」はAppleが開発した電子書籍リーダーで、PDFやePubファイルの電子書籍を読むことができるアプリです。 「iBooks」はMacとiPhone間でコンテンツを同期させることができるのですが、ちょっとわかりにくいんですよねー。 ということで「iBooks」のコンテンツをMacとiPhone間で同期させる方法を解説していきます。 1.Macの「iBooks」同期設定 まず「iBooks」のコンテンツを同期させる前に、事前に済ませておく設定がいくつかあります。 Mac
この記事には広告を含む場合があります。 記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 Macのディスク容量がいっぱいになってしまい困った経験は、Macユーザーであればほとんど誰にでもあることでしょう。 そのたびに容量の大きい写真や動画やいらないファイルを消したり、外付けハードディスクにデータを移してみたり、クリーンアップするOnyxのようなアプリを使ってみたり。 以前紹介した、どのファイルが容量を圧迫しているかわかるアプリを使って主原因を特定する手もあります。 参考:母艦をiMacからMacBook Air+外付けHDD(2TB)にしたので、手順と利用した製品まとめます参考:Macの容量を空けたい人へ。フォルダやファイルのサイズが一目でわかるアプリ「OmniDiskSweeper」 それでも容量が足りなくて困っている方に、ぜひ調べてみてほしいの
JavaScriptを短く書くためのショートコード集 知っておくとちょっとだけコードが簡潔に書けるかもしれないショートコード集です。 投稿日2014年12月25日 更新日2014年12月25日 小数点以下切り捨て 「Math.floor」で切り捨てですが、 Math.floor(12.6598); //12 数値の前に「~~」付けるだけでもできます。 ~~12.6598; //12 桁数の制御 「~e」に続く数字で桁数を制御できます。 1e1 //10 1e2 //100 1e3 //1000 1e4 //10000 1e5 //100000 2の累乗はシフト演算子 2の累乗は左シフト演算子(<<)でできます。 200 << 1; //400 200 << 2; //800 200 << 3; //1600 逆は右シフト演算子(>>)です。 200 >> 1; //100 200 >> 2
2014-09-28 75%引き!Lightroom使うならNIK Collection追加すると捗るよ!という話 アプリの話 PCの話 カメラの話 NIK Collectionで簡単に素敵写真を作ろう! 写真のRAW現像といえば、 AdobeのLightRoom CreativeCloudt対応になり LightroomとPhotoshop CCのセットで 月額980円になりました。 &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;a href="https://creative.adobe.com/ja/plans/photography?gclid=CjwKEAjwkf-gBRCd-b2m2aOo0EQSJABMeQDkf6mYTHLBKObYyD2zfKxPl68MXqosd83Yg0cb7N9LvRoCFH_w_wc
今年最後の milkcocoa meetup にて登壇した際に発表した内容をこの記事でまとめてみます。 このコンテンツの概要 ホビーアプリや教育向けアプリなど、動画を使ったサービスを開発しようとする際、はじめは無料の動画プラットフォームを使ってサービスを構築できますが、下記のような問題が発生します。 ・広告が表示され、ユーザーエクスペリエンスが低下する。 ・自社サービス外からも閲覧されるという問題があり、課金ができない。 こういった問題を解決するために、動画プラットフォームとしての Microsoft Azure Media Service と Milkcocoa を組み合わせてリアルタイムにコメントの付けられる動画サービスの構築方法を紹介します。 このコンテンツを試すために必要なもの milkcocoa のアカウントと、Microsoft Azure のアカウントが必要になりますので、下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く