お絵かき掲示板を絶滅の危機から救った人々｜さとぴあ
2017年3月、ChromeにつづきFirefoxがJavaのサポートを終了しました。 2019年1月現在、Javaが使えるブラウザはIE11と、Waterfoxだけになりました。お絵かき掲示板は使えなくなってしまうのでしょうか。 ブラウザだけで動作するPaintBBS NEO お絵描きしぃ掲示板 PaintBBS (©2000-2004しぃちゃん) をhtml5化するプロジェクトです。 お絵かき掲示板を絶滅の危機から救った人々…というタイトルで書き始めたので、強調しますが、funigeさん功績を抜きにして2019年のお絵かき掲示板は語れない…と思います。 Javaが使えなくなるからお絵かき掲示板はもう終り…と誰もが考えていたちょうどその頃に、funigeさんが開発したHTML5版しぃお絵かき掲示板 PaintBBS NEOの配布がはじまりました。 HTML5、javaScriptで作成さ
ブックマークレット／Bookmarkletの作り方 - catch.jp-wiki
Photo by Gayatri Krishnamoorthy via Flickr Bookmarklet(ブックマークレット)は、Webブラウザに追加できる小さなプログラムです。 ブックマーク(お気に入り)に置いといて、そこから呼び出す小さなプログラムなので、こんな名前になってます。 たとえば、Wikipediaや英和辞書で調べたり、今見ているWebページをちょっと加工したり、なんてことができます。 Webブラウザを使っていると、自分専用でちょっとした便利な機能が欲しくなることがありますよね。 解決する方法は色々あるけれど、とりあえずBookmarklet(ブックマークレット)が簡単なんじゃないか。 ということで、作り方を調べてみました。 ちなみに、ドラッグで選択した文字を検索するのは、ブックマークレットを使わなくても、右クリックすればOK >>オススメのJavscript解説書 確か
briccolog » 登録不要の簡単画面共有サービス「Screenleap」
外苑前のWEB制作会社ブリコルールのスタッフによる、役に立つ情報から役に立たない情報まで。いろんなところにアンテナ張ってるつもりです。 外苑前の情報満載です。 PCの操作を尋ねられた時や、ウェブサイトの表示不具合などの報告を受けた際など、「こちらの操作を相手に見てもらいたい」「相手の画面がどうなっているのか確認したい」と思うことはしばしばあるもの。そんな時に非常に便利なWEBサービス「Screenleap」をご紹介します。 ※念のため補足ですが、Screenleapは弊社のサービスではありません。この記事は、あくまでScreenleapというサービスを、いちユーザーとして便利と感じて紹介しているだけです。 Screenleapの特徴 会員登録が不要 メールアドレス、ユーザー名、パスワードの登録など一切不要。サイトにアクセスしてボタンをクリック（あるいは共有コードを入力）するだけで、その場
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
条件付きで外部ファイルの読み込みが出来る「yepnope.js」 | Web活メモ帳
読み込みが完了するまで待機し、完了後のコールバック関数を設定できるようになります。 例えば、IEのためだけに書かれたコードを「if IE」タグを使うのではなく動的に変更する事が出来るようになります。 以下のようなコードで動作するようです。 yepnope([ { load: 'js/jquery.js', wait: true }, { test: Modernizr.geolocation, nope: ['googleapi.js', 'needs-googleapi.js'], wait: true, callback: function(){ alert('JS was loaded!'); } } ]); このコードはjQueryの読み込み完了後に、googleapi.jsとneeds-googleapi.jsを読み込み、 全ての読み込みが完了したらアラートを表示するサンプルです
なぜ Mozilla 以外のブラウザでも "Mozilla" がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub
これは、とても歴史的な話で、僕たちの知っている現在の “Mozilla” よりも時はさかのぼる (とはいえ、現在の Mozilla もその精神を受け継ぐ末裔だ)。 質問をブレイクダウンしよう: 最初に: この文脈でいう “mozilla” はなにを指すのか？ ヒント: それは Mozilla Corporation や Mozilla Foundation のことではなく、Gecko エンジンのことでもない。 90 年代初頭、Mosaic というブラウザがイリノイ大学・米国立スーパーコンピュータ応用研究所 (NCSA) のとあるグループによって開発される。Mosaic の使いやすさや特徴的な機能は当時の “world wide web” の一般化に役立った。Mosaic の共同開発者の一人は Netscape という会社を設立し、この会社は Netscape という商用ウェブブラウザを生み
jQueryでページ遷移時にスライドアニメーションをつけてみる【改訂版】｜BLACKFLAG
かなり前に「jQueryでページ遷移時にアニメーション効果をつけてみる。」と題して、 jQueryでページ遷移時に画面をスライドさせるアニメーション効果をつけるSCRIPTを紹介しましたが、 どうやらブラウザによって、画面遷移後にブラウザの「戻る」ボタンで前画面に戻ると 遷移時にアニメーション用の動作として操作したCSSの指定が残ってしまって 画面が真っ白になることがあったので、その不具合対応版を作ってみました。 jQuery PAGE SLIDE MOVE まずはサンプルから 【改訂版】サンプルはこちら※「次へ」をクリックしていくとページ全体がスライドして遷移します。 画面内の「次へ」などをクリックして画面遷移した後、 ブラウザの「戻る」ボタンを押しても画面が真っ白にな現象は発生しないと思います。 ※以前の記事のサンプルはブラウザによって画面が真っ白になります。 以前の記事の内容から H
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
target=”_blank” の正しい使い方講座 » SEO Japan
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 言われてみると、余り深く考えずに使っていたことってありますよね。この記事タイトルを見て、自分たちが普段やっていることが正しいのかどうか、確かめてみたくなりました。 — SEO Japan リンクにtarget=”_blank”を使用し、そのリンクを新しいウィンドウで表示してサイト上に訪問者をキープしておくようにするサイトはますます多くなっている。 実を言えば、私もこれを使っている。なぜなら、訪問者はそれらのリンクを新しいウィンドウで開くFireFoxブラウザを使用していると想定しているからだ。 しかしこれは本当に賢いやり方なのだろうか？ Target=”_blank” を使っても良い時、使うべき
[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ（*） スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。 そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。 対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな
![[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
20のサイト公開前チェック事項
先月の話ですが新しいサイトを公開しました。 その際に自分で公開前のチェックシートを作りましたのでメモととして公開します。 内容的にはミスのチェック、SEO的に最適かのチェック、スクリプト・プログラムチェック、クロスブラウザチェック等がメインとなっています。 1、リンクチェック DreamWeaverで破損リンクを一括でチェックします。DreamWeaverがない場合はリンク切れをチェックするサービスがあるのでそちらを利用します。 2、titleタグ SEO的に重要なtitleタグがページ毎に適切かどうかを1ページずつチェックします。 3、h1タグ 上記と同じくSEOに重要なh1タグのテキスト内容をページ毎に適切かどうかチェックします。 4、meta keyword 現在はSEO的に重要しされていませんが、こちらもページ毎に適切なキーワードにしておいた方が良いかと思います。 5
WWW.AKIRAFUKUOKA.COM BLOG | 今VJするならブラウザででしょ！ HTML5でVJアプリ「Fi-VJ」を制作しました
HTML5ならのVJアプリだって作れるはず！で、作りました Fi-VJ ver1.02 デモページはこちら ファイルダウンロードはこちら (ver1.02) DLしたら@akirafukuokaに声をかけていただけると嬉しいです!! Fi-VJ(ファイブイジェイ)というVJアプリを極々個人的に制作しました。MacのネイティブアプリでもなければiPhone/iPadアプリでもありません。ブラウザで動くHTML5-VJアプリです。確認済み動作環境はMac版Safari 5.0.5だけです。他のブラウザでは確認してません（デモページはSafariとChromeで動くようですが）。というかローカル実行ではSafari以外ではまず動きません。これに関する解説は後ほど。 ここ数年ビデオミキサーにiPhoneやiPodを繋いでプレイしていた私ですが、そろそろPCを使ったVJに戻ろうかと思ったのがちょうど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cacoo（カクー）｜かんたんにキレイに図が描けるオンライン作図ツール