ブラウザをテキストエディタっぽく使うサンプルを作ってみたら意外に単純にできますた
なんだかidea*ideaさんの たった一行でブラウザをシンプルなメモ帳に変える方法 という記事が話題になってまして、ブラウザをメモ帳代わりにするっていうお話なんですが…いろいろ調べてるうちにブラウザ上で動作するエディタができちゃいました。 contenteditableとは 件の記事ではWebブラウザのURL欄に data:text/html, <html contenteditable> というのを入力して開くと、ブラウザ自体がメモ帳のようにテキスト入力できるようになるよ！というネタでして、確かにテキスト入力すると書き込めるようにはなってるんですが残念ながら保存はできません。 ブラウザの【保存】でもhtmlとしてしか保存できないしなんだかテキストは実態参照になって（chromeで保存した場合）たり…といった感じなのです。 そもそもこのコードの【contenteditable】っての自体
[JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu
デフォルトのスクロールバーも表示 ブラウザのデフォルトのスクロールバーを併用することも可能です。 ScrollMenuの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプト、jquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" type="text/css" href="scrollmenu.css"> </head> <body> ... コンテンツ ... <script src="jquery.js"></script> <script src="scrollmenu.js"></script> </body> Step 2: HTML 各コンテンツは、section要素で実装します。 <section class="section" id="section1"> <div class="content"
![[JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b654e6fe9828430f6845fd3dd07466d833a3033/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015052903-01.png)
これはすごい！3秒でプログラミングが始められるサービス17選 - paiza開発日誌
Photo by Jason Cartwright こんにちは。谷口です。 プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな～」「実際にコードを書いて動かしてみたいな～」という時に、ハードルとなるのが「実行環境の作成」だと思います。 そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。 今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。 目次 ・複数言語対応系 ・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系 ・JSFiddle ・jsbin.com ・Codepen ・jsdo.it ・PHP系 ・PHPfiddle ・PHP Sandbox ・Write
非エンジニアこそSlackを使うべき！──KAI-YOUでも話題のコミュニケーションツールを導入してみた - KAI-YOU BLOG
Slackはじめました 皆さんはじめまして。こんにちは。 KAI-YOUの小川楓太です。 先日、弊社KAI-YOUには大きなブレイクスルーが起こりました。革新的（イノベーティブ）な社内向けコミュニケーションツール・Slackが導入されたのです。 KAI-YOUではこれまで、社内コミュニケーションツールとしてSkypeがメインに使われてきました。 しかし、お互いがオンライン状態のときしかファイルを受け渡しできなかったり、グループチャットでメンションを飛ばすことができないなどの不満がありました。 そこで、いま話題のSlackを導入してみたところ、あら不思議……今までの不満はすべて解決し、革新的な便利機能を使えるようになりました。それもタダで！ Slackとは SlackはFlickr創立者のStewart Butterfieldさんが作ったチーム内コミュニケーションツール、簡単にいえばメッセン
ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場
無料で使えるオープンなウェブブラウザ「Firefox」が登場してから今年でちょうど10年になるそうですが、そんな節目の年に、Firefoxを開発しているMozillaがウェブ開発者目線で作成し、開発者やデザイナーにこそ使ってほしいというウェブブラウザ「Firefox Developer Edition」をリリースしました。 Firefox Developer Edition — Mozilla https://www.mozilla.org/ja/firefox/developer/ Firefox Developer Editionはウェブ開発者のために作られたブラウザで、作成・テスト・サイズの変更といった開発のワークフローで必要とされる機能をすべて持っているものです。さらに、専用のアドオンをインストールすれば、Firefox Developer Editionを操作するだけで他のブラウ
ネットワーク越しに友達と共同制作もできるブラウザDAW、Soundtrap
DTMステーションで、これまでいろいろな切り口で紹介してきたブラウザ上で実現するブラウザDTM。この世界に、ついにかなり本格的なDAWが登場しました。スウェーデンのPlaywerk ABという会社がスタートさせたSoundtrapというサービスがそれ。ソフトをインストールすることなく、ブラウザでSoundtrapサイトにアクセスするだけで、DAWへと変身し、Windows、MacはもちろんAndroidでも使えるというものなのです。 MIDIトラックもオーディオトラックも扱うことができ、レコーディングからエディット、ミックスまで可能。外部のMIDIキーボードで演奏してブラウザ上のソフトシンセを鳴らしてリアルタイムレコーディングもできるし、ギターを接続してのオーディオレコーディングやボーカルのレコーディングも可能。しかも、ブラウザ上の各種エフェクトを通してリアルタイムにモニターすることだって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mac, Win, Linux対応、Illustratorのようにベクターでイラスト・デザインができる無料のドロー系ソフト、期待上げ！ -Gravit