ハロウィーンということでHTML5で動くパーティー用のVJツールを作ってみました
Tweet2013 - 10 - 27 Happy Halloween VJもうすぐハロウィーンですね。 みなさんは、ハロウィーンパーティーなどに繰り出して、パーティーを盛り上げていることだと思いますが、ハッカーのはしくれは技術でハロウィーンを盛り上げます。 というわけで、ハロウィーンのパーティーとかで使えるVJツールを作ってみました。 Happy Halloween VJ » http://halloween.ryooopan.com スクリーンショットはこんな感じ。 ブラウザは今のところChromeをサポートしています。（他のブラウザだとうまく動かないかも） マイクをONにすると、周りの音を拾ってきていい感じにエフェクトがかかる感じになっています。 特にパーティー会場でプロジェクターとかで写すといい感じです。 HTML5 + Canvas実装はすべてHTML5で書いてます。 ちなみに画
Adobeアカデミックストア
Yes, Adobe offers free products like Acrobat Reader, Aero, Fill & Sign, Photoshop Express, and Adobe Scan. You can also use Creative Cloud Express, Fresco, and Lightroom Mobile for free, with the option of making in-app purchases. Adobe makes some of the most widely used software applications in the world, many of which are industry standard. Get started with free apps like Adobe Acrobat Reader, A
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません（実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……）。今後もう少し機能が追加されて
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい 「Meteor」は、Webアプリケーションを開発するためのフレームワークと実行環境を提供しています。アプリケーションはすべてJavaScript、HTML、CSSで記述できるため、サーバ側でRubyやPerlやJavaなどのプログラミングをする必要はありません。 TechCrunchの記事では、JavaScript/HTML/CSSだけでWebアプリケーションが開発できる点にフォーカスが当たり話題になりましたが、公開されたデモンストレーションのスクリーンキャストを見たところ、Meteorにはそれ以上に新しい仕掛けが盛り込まれていました（スクリーンキャストはこの記事の末尾に埋め込んであります）。 それは「リアルタイムなWebアプリケーションを構築す
ブラウザで動くリアルなPhotoshop [HTML5][CSS3][jQuery/Javascript]:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
![ブラウザで動くリアルなPhotoshop [HTML5][CSS3][jQuery/Javascript]:DDN JAPAN](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3fe9affa123b42755613da081c65bf65795a0a3/height=288;version=1;width=512/https%3A%2F%2Farticleimage.nicoblomaga.jp%2Fimage%2F12%2F2012%2F9%2Ff%2F9f5362d3aba635f6f437bb43d3bc30644e0c97711326606606.jpg)
めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
著作権放棄・シンプル・軽量で、iPhoneなどにもレイアウトを調整できるレスポンシブWebデザイン対応のHTML5フレームワーク・Fluid Baseline Grid
なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデザイン対応のHTML5 フレームワークです。 これ、凄く良い感じです。いいもの全部詰め込んだ、みたいなソフトウェアですね・・・ちゃんと使いこなせるようになりたいかも。 Media Queriesを使ったレスポンシブWebデザイン対応のCSSフレームワークです。3カラム構成で組めるようにもしてあります。マークアップはHTML5+CSS3ですが、jsを使ってIEにも対応してくれています。 以下にざっと特徴を。 著作権放棄(パブリックドメイン)軽量(CSSは9kb)ベースライングリッドに揃済みグリッドレイアウト対応iPhoneやiPadなどにも自動でレイアウトを調整HT
HTML風の簡単言語でiOSアプリが作れる「NextScript」が無償公開
NEXTBOOKがHTMLライクなマークアップ言語を採用したiOSアプリ開発ツール「NextScript」を無償で公開した。徹底的に簡素化したスクリプトが特徴で、HTMLやActionScriptなどの経験があれば1日で習得できるという。 電子書籍出版社のNEXTBOOKは9月1日、マークアップ言語を利用したiOSアプリ開発ツール「NextScript1.0」を無償公開した。法人、個人を問わずあらゆる利用が無償で、開発したアプリやプラグインの販売も自由。 NextScriptは、HTMLライクなマークアップ言語を利用することで、Objective-C言語を使わずにiOSアプリを制作できる。同社の電子絵本アプリの制作を効率化するなかで作られ、「クリエーター自身がスクリプトを書けることを狙って開発された」という。 徹底的に簡素化したスクリプトが特徴で、オブジェクトのクラスは17種類、ロジックを
JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」:phpspot開発日誌
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
ページ内ジャンプ HTML <a>
リンクしたい場所にアンカー（目印）を置いて、<a href="#アンカー名">でリンクするとページ内ジャンプが出来る。 アンカー（目印）を作る <a name="アンカー名">文字</a> ページ内の好きな場所や特定の文字にアンカー名をつける。 例） <a name="a1" >内容</a> <要素 id="アンカー名"> 要素それぞれにid属性を使って、アンカー名をつけることもできる。 例） <h2 id="a2">内容</h2> 例） <div id="a3">内容</div> アンカー名は好きな名前をつけることが出来る。 同ページ内では、同じアンカー名は使えない。アンカー名は半角英数字でつける。 ページ内のアンカーへリンクする <a href="#アンカー名">文字・画像</a> <a name="アンカー名">や<要素 id="アンカー名">でアンカー名をつけた場所にリンクします。
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
CodeEXPRESS | デザインを(X)HTML/CSS化する特急コーディング専門サービス
CodeEXPRESSは、あなたのデザインを(X)HTML/CSS化する特急コーディングサービスです。最短１日納期から。CodeEXPRESS（コードエクスプレス）の特徴 CodeEXPRESS は、お客様がお送りいただいたデザインファイルから、(X)HTML/CSSのコーディングを特急で行うサービスです（最短１日から※）。 コーディングに特化することで、短い納期の対応を実現いたしました。 いただいたデザインを忠実に再現するだけでなく、文脈・内容を判断しながら手作業で HTML/XHTML 化いたしますので、ソースレベルでの SEO 対策が可能です。 W3C の Markup Validation Service のチェックはもちろん、弊社独自のガイドラインを整備することにより、高品質を維持しています。 ※ ページ数・レイアウトパターンにより、特急対応できないケースもございます サービス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KataPad.com is for sale | HugeDomains
Edge Animateで作るHTMLモーショングラフィック | ADC - Adobe Developer Connection