Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
Overlay Weaver: An Overlay Construction Toolkit
Overlay Weaver はオーバレイ構築ツールキットです。 アプリケーション開発に加えて、 オーバレイのアルゴリズム設計もサポートします。 アプリケーション開発者に対しては、 分散ハッシュ表 (DHT) やマルチキャストといった高レベルサービスに対する 共通 API を提供します。 この API を用いることで、 特定のトランスポートプロトコル、データベース、ルーティングアルゴリズム に依存しないアプリケーションを開発できます。 Overlay Weaver は、 ルーティングアルゴリズムとして Chord、Kademlia、Koorde、Pastry、Tapestry、FRT-Chord の実装を提供しています。 ルーティング層の分割によって、 これらのアルゴリズムをたかだか数百ステップで実装することが可能となりました。 ルーティング層は高レベルサービスの下位に位置し、 ルーティン
*認識結果が確定したタイミングで反映されます。テキストの編集・コピーも可能です。 **認識中にEnterキーを押すと，認識を止めて文を区切ることができます。日本語の場合は文末に句点が付与されます。 よくある質問・ソースコード: GitHub 音声認識は Web Speech API を利用しています。 カメラやマイクが機能しないとき → ページの再読み込みや，ブラウザの設定を確認してください: Chrome ヘルプ 「ログをダウンロード」でダウンロードされるファイルは，アクセスしているユーザーのブラウザで生成されています。
写真でも無地でも！さまざまな画像を紙のように仕上げる便利なオーバーレイ用の素材 -Folded Paper Overlay、通常有料でも今だけ無料！
さまざまな画像に紙のような折り目やしわをつけたり、くしゃっとさせたりするオーバーレイ用の素材を紹介します。 使い方は簡単。 素材を画像に重ねるだけで、↓こんな感じになります。 この素材は通常は有料で、無料のお試し版として小さいサイズで提供されることもありますが、期間限定で通常版が完全無料でダウンロードできます。 提供はCreative Marketのフリーコーナーからで、今週末までと思うのでお早めに！
マルチホストでのDocker Container間通信 第2回 Port Forwarding と Overlay Network - Uzabase for Engineers
こんにちは。SPEEDA開発チームの鈴木です。 前回はマルチホストでのDocker Container間通信の説明の前段として、Dockerのネットワークが次のようになっているという話をしました。 今回はいよいよ、マルチホストでどうやってDocker Container同士の通信を実現するのかを説明していきます。 はじめに DockerによるContainerのマルチホスト間通信 Port Forwarding Overlay Network 1. Docker Swarm mode 2. 分散KVSとdocker network create -d overlayコマンドを使って自前で構築 3. flannelのようなOverlay Network構築ツールを使う Overlay Networkだけで解決できないこと シリーズ はじめに マルチホスト間でのDocker Container
ページ内のさまざまな要素に、オーバーレイをアニメーションで簡単に適用できるjQueryのプラグインを紹介します。 Simple Overlay [ad#ad-2] 上記ページの右上にもデモが掲載されており、左の「Try It」ボタンをクリックすると下記のようにモニターの画像にオーバーレイが適用されます。 オーバーレイの解除はオーバーレイをクリックです。 デモのキャプチャ（拡大） Simple Overlayの主な特徴 さまざまなエフェクト jQueryを使用しているので、フェードのエフェクト、スライドのエフェクトなどさまざまなアニメーションでオーバーレイを適用できます。もちろん、エフェクト無しも可です。 CSSでのフック オーバーレイを適用する要素に、オーバーレイがアクティブである時にclass名を付与することができます。 コールバック オーバーレイ時にコールバックを設定することができます
In this tutorial we are going to create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery. So, let’s start! Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice
要素へのオーバーレイ効果を簡単に実現できるjQueryプラグイン「Simple Overlay」 2012年04月24日- Simple Overlay | A jQuery Plugin For Lightweight, Flexible, and Customizable Overlays 要素へのオーバーレイ効果を簡単に実現できるjQueryプラグイン「Simple Overlay」 ディスプレイをよりリアルに輝いてみせるオーバーレイ効果を簡単に実現できます。$(elem).overlay(options) でOK. 効果は以下の画像のようになります. 画像をディスプレイにそのままうつしたような効果を<img>に適用して画像を綺麗にみせることが出来そうですね。 こういうのが今後も沢山でてきそうですね 関連エントリ アイテムを浮遊させられるjQueryプラグイン「jqFloat」 レス
2015/11/13追記 docker 1.9 正式版での検証した記事を、マルチホストDockerネットワーキング（正式版 native overlay）で公開した。 正式版のoverlay networkは、サブネットアドレスが指定できるようになるなどかなり進化しているため、今後はコチラを参照してほしい。 ずいぶん間が空いてしまったが、マルチホストで動作するDockerネットワーキングツールについてのまとめ第四弾。 （第一弾：pipework＋GRE） （第二弾：etcd+flannel） （第三弾：weaveworks/weave） 今回はDockerのnative overlay networkを取り上げる。 Dockerのnative networkについて Docker libnetworkのWiki pageにあるように、Dockerは1.7.0からネットワーク機能を「libn
メトロライクなUIと大胆なオーバーレイエフェクトが気持ち良い EXPANDING OVERLAY EFFECT / Maka-Veli .com
CodropsでMARY LOUという方が書かれていたんですが、可愛かったのでご紹介。 CSS/JS/で作られていて、デモでは天気予報を作られているんですが、アイコンはフォント。オーバーレイエフェクトもとても良い感じです。 メトロっぽいデザイン、増えてきましたよね。 個人的には結構好きなんですが、色と枠内のバランスをミスると一気に下品な感じになりがちなので結構難しい・・・ ダウンロードも出来ます。詳しく知りたい方はこちら PUTTING CSS CLIP TO WORK: EXPANDING OVERLAY EFFECT / Codrops http://tympanus.net/codrops/2013/01/17/putting-css-clip-to-work-expanding-overlay-effect/ メトロライクなUIと大胆なオーバーレイエフェクトが気持ち良い
オプションでは、上記の他に画像のサイズ・ボーダーの色、オーバーレイのパネルの色やテキストの色、アニメーションのスピードなどが調整できます。 Image OverlayはjQueryのプラグインのため、実装にはjquery.jsが必要です。
WEBのクオリティを上げてくれるメッシュ表現「Create An Airforce Inspired Mesh Pattern Overlay」
TOP > Design , Photoshop , WebDesign > WEBのクオリティを上げてくれるメッシュ表現「Create An Airforce Inspired Mesh Pattern Overlay」 WEBデザインについて細かな部分での作り込みがクオリティにつながってきたりしますが、今回紹介するのはWEB制作のクオリティーを上げてくれるphotoshopによるメッシュ表現のチュートリアル「Create An Airforce Inspired Mesh Pattern Overlay」を紹介したいと思います。 通常の画像にドットのメッシュのトーンをかけるというだけですが、その細かい描写は作り込みにつながるときがあります。チュートリアルは以下から 詳しくは以下 ■STEP1 まずはphotoshopで新規ファイルを3×3pxでつくり1600%まで拡大します。こ
第2回DHT勉強会の情報, Overlay Weaver他
吉澤です。このサイトではIPv6やP2Pなどの通信技術から、SNSやナレッジマネジメントなどの理論まで、広い意味での「ネットワーク」に関する話題を扱っていたのですが、はてなブログに引っ越しました。 最新の記事は http://muziyoshiz.hatenablog.com/ でご覧ください。 RSSフィードは http://muziyoshiz.hatenablog.com/feed に手動で変更するか、 Feedly or Live Dwango Reader を使っている方は以下のボタンで変更ください。 ■[P2P勉強会]第2回DHT勉強会の情報 日時：2006年9月18日（月・祝） 10:00〜17:00 会場：金沢工業大学大学院 東京虎ノ門キャンパス 参加者：80名弱（講演者含む） 各講演者の持ち時間は、質疑応答を含めて40〜50分 （首藤氏の講演はDHTのチュートリアルを兼ね
Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore some effects for fullscreen overlays. Today we’d like to share some inspiration on fullscreen overlay styles and effects with you. Like with any UI component, there are new trends and styles emerging and we’d like to try out some subtle, as well as fancy effects
Unstructured overlay と Structure overlay 首藤 一幸 2006年 1月 13日 情報共有(P2P)研究会, (財)日本情報処理開発協会 スライド: shudo-JIPDEC-200601-overlay.pdf (PDFファイル, 399 KB) Back to Publications のページ 首藤のページ Unstructured overlay と Structured overlay Unstructured overlay Structured overlay 発展的な話題
Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got the idea from the wonderful portfolio of www.rareview.com […] Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got the idea from the wonderful portfolio of www.rareview.com where Flash is used to
Putting CSS Clip to Work: Expanding Overlay Effect | Codrops
A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. Our previous article, Understanding the CSS Clip Property by Hugo Giraudel offers a great overview of the CSS clip property and the rect() function. Today we want to explore the practical side of it a little bit more. We are going to create a neat and simple effect for revealing some e
<textarea name="code" class="html" cols="60" rows="5"> $(function() { $('#activator').click(function(){ $('#overlay').fadeIn('fast',function(){ $('#box').animate({'top':'160px'},500); }); }); $('#boxclose').click(function(){ $('#box').animate({'top':'-200px'},500,function(){ $('#overlay').fadeOut('fast'); }); }); }); </textarea>
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
ColorBlendy - Blend colors with different modes like multiply, overlay, dodge.
Ever fire up Photoshop just to multiply a couple of colors? No more.
Overlay fades in and menu rotates slightly in perspective. As seen on Huge Open Overlay If you enjoyed this demo you might also like: Perspective Page View Navigation Animated Border Menus
[P2P]P2P(DHT)ソフト開発＋シミュレーションが簡単にできるミドルウェア「Overlay Weaver」誕生！ - Tomo’s HotLine
IT技術を中心に、暮らしに役立つ情報からクラシック音楽の解説まで気軽に情報発信しています。 WEBサイトはhttp://toremoro21.world.coocan.jp/ Twitterは@toremoro21です。 今年は1月からP2P業界にとってビッグニュースです！ その前にP2Pについてちょっとした話を。 P2Pといえば、昔はGnutellaのようなUnstructure-P2Pソフトしかありませんでしたが、最近ではＤＨＴと呼ばれる Structure-P2Pの研究が流行しています。私のＢｌｏｇやHPでもＳｔｒｕｃｔｕｒｅ-P2Pのトピックを盛ん に取り上げています。 ではUnStructure-P2PとＳｔｒｕｃｔｕｒｅ-P2Pの違いとは？というと、UnStructure-P2Pは構造が単純化しているためソフトが作りやすい反面、期待していた検索結果はうまく帰ってこない等のデメリ
![[P2P]P2P(DHT)ソフト開発＋シミュレーションが簡単にできるミドルウェア「Overlay Weaver」誕生！ - Tomo’s HotLine](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4e38426fa9529bdb687a0c8ea1406a0f5bee683/height=288;version=1;width=512/http%3A%2F%2Ftoremoro.tea-nifty.com%2F.shared-cocolog%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png)
ノイズ感のある質感を手軽に表現できるテクスチャ「Dust & Noise Overlay Textures」
インターネット上では非常にさまざまな種類の素材が配布されており、中でもテクスチャは非常に重宝される素材の一つ。手軽に素材の質感を表現することができます。そんな中今回紹介するのは、ノイズ感のあるテクスチャ「Dust & Noise Overlay Textures」です。 がさがさとしたアンティークな雰囲気を、このテクスチャを利用することでデザインに取り入れることができます。 詳しくは以下 6種のノイズテクスチャがセットになっており、サイズは4000×3000pxと高画質。pngデータでダウンロードすることができます。写真の上に重ねてノイズの質感をプラスしたり、そのまま背景素材として利用したり、他のテクスチャ素材と組み合わせてさらにニュアンス感を出したりと、使い方によってさまざまな活用方法を見出すことができそうです。 持っていると非常に便利なテクスチャだと思いますので、この機会にストックして
SwiftのSDK overlayとswift-corelibs-foundation - いけだや技術ノート
SDK overlay SwiftのSDK overlayというものを耳にしたことはあるでしょうか？これはSwiftのOSSプロジェクトであるapple/swiftの開発において、FoundationやAppKit、UIKitなどのObjective-Cで書かれたシステムフレームワークに対し、SwiftらしいAPIを提供するための拡張レイヤーです。 https://github.com/apple/swift/tree/master/stdlib/public/SDK Swift 3で、NSDateに対するDate、NSURLに対するURLなど、参照型と対応する複数の値型がFoundationに追加された*1のを覚えている人も多いかと思います。これらの値型はもちろんSwiftで実装されているわけですが、これも実はSDK overlayの一部です（この場合はFoundationのoverla
GitHub - pojntfx/weron: Overlay networks based on WebRTC.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
「Windows 10」の「Creators Update」に“ながら操作”可能な「Compact Overlay」などの新機能
「Windows 10」の「Creators Update」に“ながら操作”可能な「Compact Overlay」などの新機能 米Microsoftは2月8日（現地時間）、「Windows 10」のWindows InsiderのFast Ring向けに最新版「Build 15031」をリリースしたと発表した。このビルドで追加された新機能は、今春公開予定の正式版の次期アップデート「Creators Update」に搭載される見込みだ。 このビルドに追加された主な3つの新機能を紹介する。 並行して使いたいアプリを小さなウィンドウで最前に表示できる「Compact Overlay」 「Compact Overlay」は、対応するユニバーサルアプリ（UWA）の小さなウィンドウを、別のウィンドウより上にオーバーレイして表示する機能。常に画面に表示されているので、動画再生アプリやメッセージングアプ
WordPressでホームページ作成講座ワードプレスを使えば、ウェブサイトの構築は簡単に出来ますが、インストールをした直後というのは、どこから手を付けて良いのか分らないという初心者の方も多く見受けられます。テーマのインストールや設定などを中心とした情報配信をしてます。 Overlay は、速度とパフォーマンスに重点を置いて、軽量で高速に構築されています...また、シンプルなブログWebサイトから完全なeコマースオンラインストアまで、必要なサイトを構築および配置できます。 必要なものが見つからなかったため、構築しました... Overlay を使用すると、レイアウトから間隔までのすべての要素をカスタマイズでき、カスタマイザーにきちんと組み込まれたフルカラー設定を提供します。 Overlay は、WooCommerce、Elementor、およびその他のトッププラグインとのより深い統合を提供し
Dockerコンテナの/var/lib/docker/overlay配下の容量が大きくなって起動できない事象に遭遇したので周辺知識を調べた。 - 蚊帳の中の日記
業務でとあるサーバー上のDockerコンテナが立ち上がらなくなってしまう事象に出会った。 原因を先にいうと、Dockerコンテナ内のvar/lib/docker/overlay配下の容量が肥大化してコンテナのデータ容量が100%になってしまっていた。 色々やって結局先輩エンジニア方が解決してくれたんだけど「そもそもoverlayって何？」って感じで調べたら、この間勉強したLPICの内容も少し絡んでいて面白かったのでまとめてみた。 原因 先程も書いたが、今回の事象の原因は、var/lib/docker/overlayの容量が大きくなってしまって、データ領域が足りなくなりコンテナが立ち上がらなくなってしまっていた。*1 overlayって何？ で、「overlayってなんぞ？」となったのだけど、やっぱり公式を見るのが一番ということで調べてみたら、DockerのドキュメントにoverlayFS
GitHub - 1heisuzuki/speech-to-text-webcam-overlay: Web Speech API で音声認識した結果の字幕をWebカメラ映像に重ねて表示するWebページ
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
App Showcase with Grid Overlay
App Showcase with Grid Overlay
GitHub - myell0w/MTStatusBarOverlay: A custom iOS status bar overlay seen in Apps like Reeder, Evernote and Google Mobile App
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
テキストエリアでWYSIWYGな編集を可能にするものはどれも仰々しく感じられます。テキストエリアをiframeなどで置き換える形で提供されるのでAjaxなどとの相性が良くない場合もあります。 ちょっとした文字装飾だけ行えればいいという場合にはjQuery.overlayを使ってみてはいかがでしょう。シンプルな文字装飾ライブラリです。 jQuery.overlayの使い方 こちらがデモです。テキストエリアなのに背景色が。 下にある正規表現にマッチするならタイピングするタイミングで背景色がつきます。 タネはテキストエリアの文字位置に重なるように別なspanタグが生成されるようになっています。 正規表現で条件がつけられるので、@を使った送信先指定の他、メールアドレスやURLなどを装飾するのに使えそうです。また、設定はCSSなので色だけでなく様々な装飾に使えるでしょう。 jQuery.overla
GitHub - slackhq/nebula: A scalable overlay networking tool with a focus on performance, simplicity and security
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
A tutorial about creating a simple grid overlay with subtle transitions for an app showcase. Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and scales up. When clic
【構成】 【MainActivity.java - メインアクティビティー】 package com.ayakix; import android.app.Activity; import android.os.Bundle; import android.view.ViewGroup.LayoutParams; import android.view.Window; import android.view.WindowManager; public class MainActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInst
ワードプレステーマシリーズ140回目 Overlay は、速度とパフォーマンスに重点を置いて、軽量で高速に構築されています...また、シンプルなブログWebサイトから完全なeコマースオンラインストアまで、必要なサイトを構築および配置できます。 必要なものが見つからなかったため、構築しました... Overlay を使用すると、レイアウトから間隔までのすべての要素をカスタマイズでき、カスタマイザーにきちんと組み込まれたフルカラー設定を提供します。 Overlay は、WooCommerce、Elementor、およびその他のトッププラグインとのより深い統合を提供します。 Overlay の主な機能は次のとおりです。ブログ、フッター、WooCommerceレイアウトを選択してさらにカスタマイズ、すべての要素のフルカラー設定、高度なWooCommerce設定、Overlay は完全にレスポ
Firefox 4.0 のプロファイルを再構成してみた ( Firefox4.0 + userChromeJS1.3 + Sub-Script/Overlay Loader v3.0.30mod + α) - Oda’s Memorandum 〜おだめも〜
はじめについ先日Firefox4.0が正式にリリースされました。Firefoxを使っている方ならすぐにアップデートしたと思いますが、3.0からアップデートしたことによりUIが崩れた、アドオンが使えなくなった等発生していると思います。自分の環境も以下の画像のようにタブが残念なことになってしまいました。これらの問題を解決するために一度まっさらな状態から環境を作り直します。(こういった機会じゃないとプロファイルは再構成しないと思うので・・・）以前書いたエントリ(このエントリですべて書くので参考程度に）http://d.hatena.ne.jp/odamemo/20090726/1248577168:tile usrChrome.jsとuserChromeJS - Oda’s Memorandum 〜おだめも〜 方針 できるだけ軽いブラウザに！ アドオンは必要最低限に！ userChromeJSで
This demo overlays a Papervision3D scene onto the Google Maps. Camera settings are copied from Google Maps camera to PV3D camera then these two scenes are composited. Source code is here [pv3doverlay-0731-map1_16.zip (503KB)] *Google Maps Library(swc) is not included. Download it from Google and put in libs/ directory. (compatible with v1.16) How to build: Add mxmlc to your PATH and just mxmlc PvO
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightview “Overlay anything width style”
Speech-to-Text Webcam Overlay
[JS]さまざまな要素にオーバーレイをアニメーションで簡単に適用できるスクリプト -Simple Overlay
Overlay Effect Menu with jQuery | Codrops
要素へのオーバーレイ効果を簡単に実現できるjQueryプラグイン「Simple Overlay」:phpspot開発日誌
マルチホストDockerネットワーキング（native overlay） - Qiita
[JS]画像にオーバーレイしたパネルをスライド表示するスクリプト -Image Overlay
Fullscreen Overlay Effects | Codrops
Unstructured overlay と Structured overlay (Jan 13, 2006)
Annotation Overlay Effect with jQuery | Codrops
[JS]パネルをスムースなスライドで表示するスクリプト -Overlay with Slide Out Box
Lightview “Overlay anything width style”
Fullscreen Overlay Styles & Effects | Demo 1
『WordPressワードプレス無料テーマ Overlay インストールと設定・使い方』
Dockerコンテナのファイル実体と肥大化する/var/lib/docker/overlay2の正体 #docker - クリエーションライン株式会社
NTTデータ、overlayとhop-by-hopに両対応したOpenFlowコントローラソフトを開発開始
jQuery.overlay - テキストエリアのままで使えるWYSIWYG MOONGIFT
App Showcase with Grid Overlay | Codrops
AndroidのカメラプレビューでOverlayを表示する方法
WordPressワードプレス無料テーマ Overlay インストールと設定・使い方
Demo - Papervision3D Scene Overlay