ヘッドフォンの歴史を辿ってみました。 | GIGAMEN ギガメン
今や私たちはヘッドフォンを当たり前のように使っている。その歴史を紐解いてい くのが今回の特集だ。時代に応じて変化していくヘッドフォンを、当時流行っていた音楽 とセットで紹介していく。懐かしいメロディーが流れていた時代を感じつつ、未来のヘ ッドフォンに思いを馳せてみてもいい。それでは、時計の針を19世紀の終わりまで戻して みよう。 最初に紹介するのは1881年のヘッドフォンだ。これは音楽を聴くためというより、電話交 換手のためにつくられたもの。ドイツの作曲家のヨハネス・ブラームスが名声を確立して いた時代は、日本史に当てはめると、明治14年。教科書で習ったことのある自由民権運動 が盛んな頃だ。それほど昔にヘッドフォンの原型が生まれたのだ。 1895年のヘッドフォンは何ともへんてこな形状をしている。柄付きで下から手で支えるデ ザインを考案した人が現代にタイムスリップしたら自身が発明したものとの
HTML5/JavaScriptでMIDIデータファイルを読み込んで扱える MIDI.js - 音楽方丈記
HTML5/JavaScriptでMIDIデータファイルを読み込んで扱える MIDI.js » 音楽コンテンツ(楽曲再生) [編集] お気に入りのブログ IDEA*IDEA で紹介されていた HTML5 + JavaScript で MIDI データを扱うコンポーネント MIDI.js が面白そうだったのでここでも紹介。 注意： MIDI.js のサイトを開くと音が鳴るデモが自動再生されます MIDI.js は Web アプリから JavaScript で MIDI データを扱うためのコンポーネントパッケージで、github でソースコード一式が公開されています。 MIDI.js のモジュールMIDI.* が MIDI データ処理を行うメインのクラスで、その他は MIDI とは直接関係がない補助的なクラスが含まれます。 MIDI.loadPlugin.js 音色データのロードなどプラグイ
IE6をやめようと思ってももう手遅れ
Web屋という仕事のこれから 〜Web動向からWeb屋に必要な技術を考えてみる〜 FutureSync Vol.5 で発表したスライドです。 タイトルは釣りです。前半はほぼネタです。 中身はJavaScriptで動作するデバイスは楽しいからみんなやってみたら？ という内容です。
Tumblrにイラストを投稿すると自動的にポートフォリオを作成してくれる「Illustfolio」
Tumblrにイラストを投稿すると、自動的に投稿したイラストでポートフォリオを作成してくれるテーマが「Illustfolio」です。Illustfolio上のプロフィール・固定ページ・ソーシャルボタンなどは自由にカスタマイズ可能。タブレットやスマートフォンでの閲覧に対応したレスポンシブデザインで、画面を拡大しても見にくくならないようウェブフォントを使用し、Retinaディスプレイにも最適化されています。 Illustfolio - イラストポートフォリオサイトを一瞬で作れるTumblrテーマ http://sanographix.github.com/tumblr/illustfolio/ 使い方はテーマをダウンロードしてTumblrに適用し、Tumblrにイラストを投稿するだけというシンプルなもの。 「Demo Page」をクリックすると、実際にポートフォリオがどんな感じになるのか？とい
20 Creative Design Galleries to Submit Your Website
2013年3月25日 Web Design Web design gallery websites are very useful to get inspiration. When you had created great works, show off your creative design which you are really proud of! All of the ones featured in this post are free to submit to. I will share some Japanese web design galleries as well. [adA-en] You can submit your website from “Submit” page. People who are managing those gallery websit
Peugeot HYbrid4 presents : The hybrid graphic novel
The FWA - Site of the day
Homepage
You deserve to be cosily enveloped in swathes of the softest sheets. If you’re looking for sheets that are soft, breathable, and incredibly comfortable, we review and share some of the best bed sheets on the market. From understanding the best thread count for bed sheets to choosing the best bedding materials, make sure you check out our advice on a range of different topics.
Twitterがページ表示時間を5分の1に高速化。どのようなテクニックを使ったのか？
Twitterがフロントエンドのアーキテクチャを見直し、Webページの読み込み速度を改善したことをブログで明らかにしています。 新しいアーキテクチャでは、これまでWebブラウザ上でJavaScriptの処理によって行ってきたWebページのレンダリングを見直し、サーバ側でレンダリング済みのHTMLページを送信し表示することにしています。これによってWebページの読み込みから最初のツイートの表示までの時間が大幅に短縮されることになりました。 When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
最近知ったフリーのHTML5テンプレート6個 - かちびと.net
ちょこちょこ紹介されている HTML5を使ったテンプレート で少しずつ学び始めていま すが、そんな中で最近知った テンプレートを備忘録的に記事 にまとめておきます。 いままでに出ているHTML5のテンプレートは以下の記事をご参照下さい。 ・HTML5で構築されたテンプレート・フレームワークいろいろ – DesignWalker ・10+ Free HTML5-CSS3 Website Templates 以下はここに紹介されて無いテンプレートです。実践で学ぶタイプの人間なのでこういったテンプレートはありがたいです。 Music Portfolio Template 音楽関連のサイト向けにデザインされ、コンテンツを作ってあります。jQueryと併用してかなり良い具合に作られています。 Music Portfolio Template Baseline HTML5で作られたグリッドレイアウトの
HTML5で使えるスマートフォンの機能 | DevelopersIO
HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。 スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。 タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
CSRFで強制ログインさせるというアイデア - ぼくはまちちゃん！
こんにちはこんにちは！！ 今日はCSRF脆弱性のちょっとした話です！ このCSRFってなにかっていうと、 サーバーへのリクエストを『誰かに勝手に送らせる』っていうセキュリティがらみの攻撃手法のひとつ。 わかりやすい例だと、 HTMLの画像タグを以下のようにしたページを誰かに教える。 <img src="何々SNSの足跡.php" width="1" height="1"> そうすると、そのページを「見た人」が何々SNSの足跡.phpにアクセスしたことになる。 ※詳しくはこちらのマンガで → ［はまちちゃんのセキュリティ講座］ここがキミの脆弱なところ…！ ： 第2回 しーさーふって何ですか？ CSRFってこんな風に、 「ログイン済みの人に何か操作させる」ってイメージが強くて、 対策する側もまた、「既にログイン済みの人を守る」ような考えが強いんだよね。 例えば、勝手に日記に投稿させないように対
[JS]ダイナミックなアニメーションでページをまるごとズームできるスクリプト -zoom.js
zoom.js -GitHub デモページ [ad#ad-2] デモ 実装 デモ デモページではページ上のどのエレメントをクリックしてもズームイン（拡大）します。 グリーンの「Float」をクリックするとこんな感じになります。 デモページ：ズームインしたキャプチャ ズームアウト（縮小）するにはもう一度クリックするか、[ESC]キーを押します。 [ad#ad-2] 実装 「zoom.js」はjQueryなどの他のスクリプトには依存せずに、単体で実装が可能です。 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="js/zoom.js"></script> HTML/CSS HTMLとCSSは通常通りで構いません。 特定のエリアに適用する場合は、そのエリアが指定できるようにidなどを設けます。 JavaScript 特定の要素（例：img）のみ適用する場合は下
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません（実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……）。今後もう少し機能が追加されて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
— Marco Rosella, Interactive Designer.
ゲーム感覚でレイアウトを組み立てる、HTML5+CSS3に対応したレイアウトジェネレーター -PageBlox
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI