それでは実際にFilmed.jsを使ってみます。ここでは画像をphotoフォルダに、filmed.jsのスクリプトファイルをjsフォルダに入れてあります。 まず、<script>タグを使ってfilmed.jsファイルを読み込ませ ...
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。
この記事で紹介するスクリプトの内容: ブラウザに画像を表示させた状況で画像をクリックしたときにimgタグのclassを変える。それによって画像を強調表示したり、逆にグレーアウトしたり ...
現役スポーツアナリストとスポーツ分析に興味のある方が情報を共有する「Sports Analyst Meetup」。谷岡氏は、PoseNet(ml5.js)を使った、投球フォームの分析について発表しました。 投球 ...
noteで公開した自作テーマのWordPressサイトにサンプル画像をクリックで拡大表示させる機能を追加したので、今回は画像拡大の実装方法を解説します。 CodePenでのデモは👇️になります。
イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ ...
HTTP Archiveに2011年と2012年のWebサイトにおけるコンテンツの傾向比較が「2011 recap」として発表された。HTTP ArchiveはWebサイトを分析し、どの種類のコンテンツがどの程度転送されているかを ...
qTipは非常に多機能なライブラリで、さまざまにカスタマイズできます。その中からいくつか、簡単なカスタマイズ方法を紹介しましょう。 文字の代わりに画像を表示する 以下のような ...
何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされた ...
Google が発表する様々な新機能やサービスは、その背景や意図・意義まできちんと把握しておくことが大切です。表面的な情報だけを拾っていると、「自分のサイトの場合」はどう対処すれば ...