申し訳ございません。 只今メンテナンス中です。
ちょっと前は一時期そこらじゅうの企業や店舗のHPのトップに 巨大なFlashが張られていたり、 メニューそのものがFlashで作られてて、 非Flash環境じゃリンクたどれねーよハゲとか、 しょうもないイメージ映像見るために いちいちプラグインのインストールさせるんじゃねぇ!とか思ってたんですが。 Youtubeのおかげかどうか知りませんが、爆発的にFlashが普及したおかげで、 最近またそんなサイトが増えてきた気がします。 とはいえ、アクセシビリティやSEOの点から考えると、 バージョンアップを促されたり、 最近のIEの場合だと警告が出てきたり、 ページのアタマにダラダラとFlashの埋め込み構文が書かれていたり、 と、鬱陶しいことこの上なし。 Flashそのものを見せたいのじゃなければ、 非対応環境のユーザーにはただの画像やプレーンなテキストで情報を提供すべき、
クロスブラウザでファイルのドラッグ&ドロップ、Ajaxアップロードを可能にする「FileDrop」 2012年08月24日- FileDrop ? cross-browser JavaScript Drag & Drop file upload ? Блог Прогера クロスブラウザでファイルのドラッグ&ドロップ、Ajaxアップロードを可能にする「FileDrop」。 対応ブラウザであれば以下のブラウザでドラッグ&ドロップによるファイルアップロードが可能になります。どのJSフレームワークにも依存せず単体で使えます。 IEではIFrameを利用した画面遷移なしのファイルアップロードが可能。 ファイルをドロップすると、各種イベントハンドラが起動されて、タイミングに応じた好きな処理を記述することも出来るみたい。 関連エントリ HTML5を使ったファイルアップロード用プログラム集 jQuer
今回、紹介するライブラリはこちらの「Pixastic」というJavaScriptライブラリです! Pixasticライブラリを利用すると、画像にエフェクトなどの効果を掛けられます。HTML5のAPIと連携することで、アプリケーションのような動作も可能になります。 過去に「HTML5」関連の勉強会で発表した際、このPixasticライブラリを使ったベータ版サンプルアプリを披露しました。筆者としては非常に優れたライブラリであると思いますので、再度記事にて紹介します。 Pixasticとは? 画像に手を加えることができる、オープンソースのJavaScriptライブラリです。GitHubにもアップロードされていますが、以下のURLが「Pixastic」のサイトです。 ブラウザ上で作業できる これまでの画像加工ソフトは、特定の画像変更・加工アプリをPCにインストールし活用してきました。「Pixast
すぎゃーん💯 @sugyan [JavaScript][WAF]ほえぇ。JavaScript製WAFか。使う場面は思い浮かばないけどスゴいな / “Meteor” http://t.co/R6tzVbEf 2012-04-11 11:16:13 yomukaku_memo @yomukaku_memo meteorはとても面白い。すごくisomorphic。ただし、ほんの少し触ってみた感じでは、サーバーのコードもクライアントのコードも表にダダ漏れの露出狂状態になる。きっとまっとうな書き方があるはず。 #meteor 2012-04-11 11:17:15
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はじめに AndroidにはWebViewと呼ばれるクラスが用意されています。簡易的なブラウザの機能を提供しているクラスで、URLを渡してHTMLをレンダリングさせたり、JavaScriptを実行させたりすることができます。内部ではWebKitを使用しておりAndroidの標準ブラウザと同じような出力結果を得ることができるため、このクラスを使用することで簡単にWebブラウザの機能を持ったアプリケーションを作成できます。 しかし、その簡単さ故、使い方を誤ったり仕様をよく把握していなかったりすると、脆弱性の元になります。今回はこのWebViewクラスの使い方に起因する脆弱性について見ていくことにしましょう。 WebViewクラスとJavaScript WebViewクラスを使用した場合、注意しなければならないのはJavaScriptを有効にした場合です。デフォルトではJavaScriptの機能
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
67 20 09 2007 スクロール時に画像の読み込みを開始するAjax Lazyload jQuery, Ajax jQueryプラグインLazyloadの解説・設置方法、画像大量表示している場合サーバー負担軽減につながります。 ブラウザ画面に表示された時に読み込みを開始するので、無駄なトラフィックを防ぐ事が出来ます。 大量に画像を表示しているホームページなんかでは有効なプラグインですね。 jquery.js - ダウンロードページ かならず必要ですのでダウンロードして下さい コード <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.dimensions.min.js"></script> <script type="t
こんにちは。末永です。 Facebookやtwitterなどで流行ったリアルタイムWeb。誰かが更新した情報を自分のページで即座に反映するための仕組みですが、websocketとかnode.jsとか最近(ちょっと前?)人気ですよね。rubyを使ってやれないかなといろいろと調べてみた所、pusherを使うのがいいみたいでそれを使ってやってみました。 Pusherとは? 下記URLがPusherのページですが、Web、モバイルアプリケーションに簡単に安全にリアルタイムWebの機能を導入できるAPIだよ!と主張していますね。websocketのサーバサイドを提供してくれているものだと思ってもらえればいいのかなと思います。 http://pusher.com/ 名前とメールアドレス、パスワード等を入力すると即座にapp_id、key、secretの情報が取得できます。大事にメモしておきましょう。
Never resize a thumbnail again one line of code for creating thumbnails from high-res images no distortion decide thumbnail dimensions directly from CSS experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develo
This is a test of the Javascript EXIF library posted here. Click the images to see it in action. The first image tests reading single tags, while the other two simply show all available data. The binary file access happens in binaryajax.js and the EXIF data reading happens in exif.js. Also check out the jQuery plugin, if you're into that sort of thing!
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
これはスマートフォンに限定した話になってしまうかもしれませんが、 コンテンツの領域が端末の縦幅より長いときってフリックやスワイプ操作でスクロールしますよね。 iPhoneやAndroidのブラウザで横向きにしたときは ファーストビューのエリアが狭いのでアドレスバーがすごく邪魔でちょっと不親切。 ユーザビリティを考慮したサイトには必ずといっていいほど、 初期時にブラウザのアドレスバーを隠してあげる工夫がされています。 やることは単純。 window.onloadか、jQuery使ってれば$(document).readyとかで1px移動しておくと、 ブラウザの仕様でバーの高さ分引っ込めてくれます。 人のやつ参考にしてみたけど、こんなんでいいのかな。。 iPhoneは読み込み遅延のせいでsetTimeout使わないとうまく反映されなかったです。 一応、両OSで動くのは確認
はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。 百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ
サイト内検索 この記事は、html5doctor に掲載されている記事「How to get HTML5 working in IE and Firefox 2」を日本語訳したものです。この記事では、新要素に対応していない IE や Firefox 2 で、新要素を適切にレンダリングさせる方法を分かりやすく解説しています。HTML5 でサイトを作る場合には、必須の知識となります。 原文タイトル How to get HTML5 working in IE and Firefox 2 原文ページ URL http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/ 著者 Remy Sharp 氏 原文投稿日 2009-06-20 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く