ParticleEmitterJS | Purple Monkey Studios
Summary A javascript particle emitter for use with the excellent CreateJS, which you can use to create stunning visual effects for you own projects Free to use Free web based editor Influenced by existing frameworks Full documentation available Example of usage Introduction ParticleEmitterJS is a free extension for the CreateJS suite of JavaScript libraries, allowing developers to quickly add visu
プログラミング初心者向けObjective-C入門 « きんくまデザイン
このブログについて こんにちは。きんくまです。 フロントエンドエンジニアです。自作のiPhoneアプリを作っています。 ・web (JS / TypeScript) ・iOS (Swift / Objective-C), ・Animate/AIR (ActionScript3), などフロントエンド寄りのプログラムや日記をゆるーく更新してます 作ったもの フォルダとメモ帳 – フォルメモ (iPhone) ジッピー電卓 無料版 - 消費税と割引計算機 (iPhone・iPad) ジッピー電卓 Pro 消費税と割引計算機 (iPhone・iPad) Rapid Calc スマホで使えるお手軽電卓！(ブラウザ版） MinimalClock シンプルなデスクトップ用デジタル時計 mac版（フリーソフト） Habit Keeper 日課 / 習慣 / ルーチンワークを管理 / 記録するiPhone
何故、fluentdなのか？ - プログラマでありたい
最近、fluentdという言葉を聞くことが多いと思います。fluentdは、それぞれのサーバからログを収集し集約する為のアプリケーションです。fluentdは「Log everything in JSON」を合言葉に、全てのログをJSON形式で扱います。また一緒に聞くキーワードとしては、大規模とかリアルタイムとかがあると思います。この時点で関係ないやと思って、興味を失った人も多いと思います。しかし、今後のログ管理は、fluentdが主流になるか解りませんが、同様の集約するフレームワークが中心になると思います。 何故、fluentdが必要か？ まずはオンプレミスの世界から見て行きましょう。ログはサーバーにたまり、管理者はサーバにログインしてログを参照します。特に問題はありません。 次にAutoScalingを使わないAWSの世界です。これも同様に、ログはサーバーにたまり、管理者はサーバにログ
[JS]lightboxの進化形、レスポンシブ対応で画像を拡大表示するスクリプト -SuperBox
lightboxよりJavaScriptと画像ロードの依存を少なくした、レスポンシブ対応で画像を拡大表示するjQueryのプラグインを紹介します。 デモページ：幅780pxで表示 SuperBoxの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="css/style.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/superbox.js"></script> Step 2: HTML まずは、基本構造です。 HTML5のdata属性で拡大する画像を指定し、classに「superbox-im
商用利用無料、落ち着いた風合いのざらっとした紙のテクスチャ素材
500x500px超のシームレスに使えるざらっとした紙のテクスチャ素材を紹介します。 FREE SEAMLESS PAPER TEXTURES 紙は全部で12種類あり、フォーマットはJPGです。 テク
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
AIR開発時のデザイナーとプログラマー連携フロー for Flash Professional CS6 | ADC - Adobe Developer Connection
開発現場ではデザイナーとプログラマーが協力して制作することが多いでしょう。協働の仕方は、自分のやりやすい方法を見つけるのがベストだと思います。ただ、初めのうちは「もっと効率的な方法があるかも？」と悩むもの。そんなときは他人のやり方をまねしてみるのも一つの手です。本記事では、筆者が普段行っている「SWCを中間ファイルに使用する開発フロー」を紹介します。 素材をひとまとめにしたSWCは便利な反面、コンテンツ起動時にすべての素材が展開されます。そのため、Webコンテンツの開発にSWCを用いると読み込みに時間がかかるなどの問題が起きます。一方、AIRアプリの場合は、そういう懸念がないので比較的シンプルに連携できます。SWCについては「SWCを利用したFlash制作の分業ワークフロー：FlashとFlash Builder連携開発」に詳細に書かれているので、本記事ではファイルの作り方について紹介しま
Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup
bootstrap-wysiwyg tiny wysiwyg rich text editor for Bootstrap About This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features: Automatically binds standard hotkeys for common operations on Mac and Windows Drag and drop files to insert images, support image upload (also taking photos
リーダーのせいでmobile safariのアドレスバー隠しが遅れる
※あまりいい結論が出ていない記事です。 現象サンプル アドレスバーに[リーダー]が表示されているとアドレスバー隠しでお馴染みのscrollTo(0, 1);してから4s後くらいにアドレスバーが消える参考iPhone版Safariのリーダー表示についてSafariの新機能「リーダー」の表示条件How to disable Safari Reader in a web pageHow to enable iOS 5 Safari Reader on my website?https://code.google.com/p/arc90labs-readability/source/browse/trunk/js/readability.js検証article使うと出る?body>article>(div+div+div….) body直下の要素をarticleで囲んで画面の見えない位置に（スクロ
Bootstro.js demo
data-bootstro-step=4 (starting from 0)" data-bootstro-placement="bottom" > Yay. Finally bootstro now supports Bootstrap 3, after a very very long procrastination. Good news is Every thing still stays the same. You pretty much don't need to change anything Latest Bootstro.js still works with Bootstrap 2 by adding the following 1 single line bootstro.set_bootstrap_version(2); before calling bootstro
diagonalFade : A jQuery plugin
is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container to which the group of items resides, and poof, you're off and away. diagonalFade is great for inventory or anything with a large amount of items ordered in a grid. diagonalFade has been tested in all modern bro
橋本商会 » 別ドメインのiframeの中身をフレーム外からスクロール
諸事情あって、iframeの中身をフレーム外側のページからJavaScriptでスクロールできるのを作った。 ふつうは別ドメインのページをiframeに読み込むとスクロールできないんだけど、（marginに負の値を入れたりして）iframeごと上下左右に動かしたり、iframeの外側にbox要素2つ付けてはみだした部分を表示しないようにcssでなんか色々やったりしたらそれらしい物ができた。 デモ XFrame.js shokai/xframe.js · GitHub 使い方は簡単である js読み込んで <script src="xframe.js"></script> XFrameを出したい箱を作って <div id="tv"></div> 読み込む var xframe = new XFrame("div#tv"); xframe.load("http://shokai.org"); あ
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
wonderfl build flash online
wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash（swf）はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい
OpenCVを利用したリアルタイムフィルタリングの基本 | DevelopersIO
お久しぶりです。CM iOS部隊所属の平井です。今回は久しぶりにOpenCVネタをやっていこうと思います。 iOS6ではCore Imageが強化され色々使えるフィルタも増えたようですが、実際業務で使おうとするとiOSのバージョンだったりで使えないことがほとんど。なのでやっぱりまだOpenCVは手放せそうにないですね。 で、今回はせっかくなので撮影中のカメラの映像をリアルタイムでフィルタするサンプルを作りたいと思います。では早速。 ちなみに今回は以下の環境を前提に説明します。 Mac OS X 10.8 Moutain lion Xcode 4.6.1 iOS SDK 6.1 iPhone 5 サンプルプロジェクトのダウンロード 今回紹介するiOSアプリのソースコードをGitHubにあげてあるのでダウンロードしてください。 hirai-yuki/RealTimeProcessing 実機に
【今更】漫画風ビデオカメラをつくる 〜OpenCVを利用したリアルタイムフィルタリング その１〜 | DevelopersIO
CM iOS部隊所属の平井です。今回は前回の記事「OpenCVを利用したリアルタイムフィルタリングの基本」で作成したOpenCVを利用したリアルタイムフィルタリングを行うためのプロジェクトと、結構前の記事「OpenCVで写真を漫画風に加工しよう 〜実装編〜」で作成した漫画風フィルタを組み合わせて漫画風ビデオカメラを作ってみましょう！ では早速。 ちなみに今回は以下の環境を前提に説明します。 Mac OS X 10.8 Moutain lion Xcode 4.6.1 iOS SDK 6.1 iPhone 5 サンプルプロジェクトのダウンロード 今回紹介するiOSアプリのソースコードをGitHubにあげてあるのでダウンロードしてください。 hirai-yuki/RealTimeManga 実機につないでプロジェクトを実行すると、以下のように動画が漫画風になるはず。 今は表示をいい具合にするた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
GitHub - daniellmb/JavaScript-Scope-Context-Coloring: An experiment in switching between syntax highlighting and scope colorizing built on JSLint and CodeMirror.
GitHub - ququplay/jquery-mobile-flat-ui-theme: jQuery Mobile Flat UI Theme
The ultimate CSS tools for web designers | CSSmatic
RazorFlow
Loading...
GitHub - emahub/wint: WINT = browser digital signage system
