大きなディスプレイでPDFなどの文書を読むときは横スクロールが最強だと思うので実装してみた - このブログはURLが変更になりました
以前から、縦幅基準に1ページまるごと収めても十分読めるほどディスプレイが大きいのであれば、PDFビューアのページ遷移は水平方向にスクロールすべきだと思ってたんですね。 画面が広いとこういうの無駄だよね。 じゃあこうすればいいんじゃね？ 画面を縦にするって手もありますが、こういう風に横に並べると複数ページにまたいで確認できるのもメリット。ワイド液晶なら3ページぐらい表示できちゃうかも。 しかし… しかし既存のPDFビューアで水平方向にスクロールできるものは見当たらず、またPDFビューアを1から作るほどのスキルはないのでどうしたものか。 で、そういえばJavaScriptで実装されたPDFビューアがあったな、ということを思い出しました。 mozilla/pdf.js @ GitHub お、JavaScriptなら俺でも改造できるかも？ということで、水平方向にスクロールできるPDFビューアを作っ
jQuery Org Chart – a plugin for visualising data in a tree-like structure – The Silver Lining
jQuery Org Chart – a plugin for visualising data in a tree-like structure jQuery OrgChart is a plugin that allows you to render structures with nested elements in an easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element ID for a nested unordered list element that is representative of the data you’d like to display. Featu
DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー
株式会社ディー・エヌ・エー（本社：東京都渋谷区、代表取締役社長：守安功、以下DeNA）は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
How to Create a Time Based CSS Style Sheet Switcher
Style switchers have become a popular feature on websites these days. CSS style sheets allow a Web Designer to change the look and feel of a website with little effort. Some sites use "Day" and "Night" type of style switchers that automatically change the site theme based on the time of day. This tutorial shows you how to create a time based CSS style sheet switcher using PHP that lets you change
Yahoo! Creative AwardでHTML5 賞を頂きました | ClockMaker Blog
お手伝いさせていただいたコーポレートサイト「amanagroup INDEX」がYahoo! JAPAN インターネットクリエイティブアワードのHTML5賞を、受賞しました。 関係者のみなさま、おめでとうございます＆お疲れさまでした。HTML5に挑戦する最高の機会にお誘いくださいまして、本当にありがとうございました。 ちなみに今月のWebDesigning12月号(2011)の特集「先端事例に学ぶjQueryのテクニック」でも掲載されています。もし興味がありましたらそちらもチェックくださいませ。 Web Designing 連載記事と特集掲載のお知らせ 以下、クレジットです。 produced by amanaholdings inc. Created by amanainteractive inc. Creative Direction: Sachiko Oyamada Art Dire
入会キャンペーンガイド｜知らないと損だよ！
旅行や旅に便利、国際線に対応している航空機遅延保険付きクレジットカードは、飛行機の搭乗が遅れたり、フライトがキャンセルになってしまった時には現実に支出した金額を保証してくれる非常に頼もしいサービスになります。 空の旅の安心感もあり、フライトがキャンセルになった時にもカードが保証してくれ、そのため利用しやすく十分に様々な場所で海外出張や旅行も安心して過ごせます。 このカードはトラベラーや旅行好きの方、国際線の移動が多いビジネスマンにおすすめカードです。航空機遅延保険は飛行機が遅れてしまった時に、カード会社が損害を負担してくれる保険なので、空の移動にはこのサービスを付帯したカードを持っていると非常に安心感もありおすすめです。 MUFGカード プラチナアメックス クレジットカードでもMUFGカードはあの最大手アメックスとＭＵＦＧの発行しているプラチナカードなので、多くのメリットが付帯している使い
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える
jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。 個人的にはあまり使う機会ありませんけど。大量の数字が入力されたテーブルほど見にくいものはありませんのでイザという時のためにメモ。 jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える方法。数字のみが入力されたテーブルの可視性を、色の濃度でグルーピングして可視性を高めます。 Sample こんな感じでグルーピング出来ました。濃い色ほど数字が大きいです。普通にマークアップすれば勝手に色が変るので管理が楽じゃないかなと。 コード$(document).ready(function() { // 配列内の最大値を取得する関数 Array.max = function(arra
[JS]年表や社史など、アニメーションでスライドする時間軸コンテンツを簡単に実装できるスクリプト -Timelinr
jQuery Timelinr [ad#ad-2] Timelinrのデモ Timelinrの実装 Timelinrのデモ デモでは、水平レイアウト、垂直レイアウト、オートプレイの3種類があります。 スライドのアニメーションもかっこいいですが、パネル表示時のズームもいいですね。 デモ：オートプレイ [ad#ad-2] Timelinrの実装 HTML 時間とパネルをそれぞれリスト要素で実装し、divで内包します。 「#timele, #dates, #issues」はデフォルトの設定です。 <div id="timeline"> <ul id="dates"> <li><a href="#">date1</a></li> <li><a href="#">date2</a></li> </ul> <ul id="issues"> <li id="date1"> <p>Lorem ipsum.
AnyType
GitHub Pagesに引っ越しました。 https://naoty.github.io/posts/index.html 先月から毎日日報を書くことにした。毎日コードを書いてコミットし続けるのは大変だけど、通勤時間に本を読んだり仕事のなかで学ぶことはあるから、せめて日報にそれを記録しようと思った。 日報はDropbox内にmarkdown形式で書いている。~/Dropbox/Documents/日報/2017-11-01.mdみたいなパスに保存している。 ## 学んだこと ## 思ったこと みたいなフォーマットで書いている。日報を書くハードルを下げるためにnippoというスクリプトを書いた。 毎日記録することで少しずつ前進している実感が湧いてきた。 最近GoによるWebアプリケーション開発を学び始めたので間違っている箇所があればコメントください。 ServeMux型によるルーティング
現在位置をGeolocationを使って取得する | てきとー
現在位置を取得するには、Titanium.Geolocation にlocation イベントのイベントリスナを登録する。 また、addEventListener でイベントリスナを登録すると、removeEventListener を呼び出してリスナを削除するまで 現在位置を取得し続けてしまうため、ウィンドウが表示されたタイミングで現在位置を取得し、現在のウィンドウが 切り替わったタイミングでイベントリスナを削除するようにしている。 GPSを使用するアプリケーションの場合は、こういった制御を正しく行わないと、メモリを使い過ぎたり、 起動中にフリーズしてしまったりすることがあるので、使い終わりまできちんとしたケアしたコードを書く必要がある。 // 現在位置を取得する var currentWindow = Titanium.UI.currentWindow; vai currentLati
Titanium mobile 開発で最低限理解が必要な JavaScript のこと | astronaughts.net
え、JavaScript ちょっと知ってるけど私も Titanium できるの？ できますとも。あなたにもできますとも。 えーっと、詳細な VPS ネタを披露するには明らかに知識が乏しい、僕です。 Titanium mobile の関連記事が増えてきて興味を持ったヒトも多くなってきた感じで非常にうれしいですね〜。もっともっとユーザーが増えてテクニックやソースが公開されて、苦労なしに知識が得られるようになれば、、、とか考えてる次第であります。はい。 さて、Titanium mobile は JavaScript で開発できると言っても、web サイトでよく行う DOM の操作なんかできないし、Window や Navigator 、それに Document なんてオブジェクトは存在しません。もし JavaScript を知らないヒトが Titanium mobile で開発しようとして、よく
webOpixel
2024年7月 webトピックス 2024年7月、個人的に気になった記事のまとめです。 投稿日2024年08月02日 更新日2024年08月02日
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 | 株式会社インフィニットループ技術ブログ
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは？ Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
たった1行でブラウザにFlashがインストールされているか判定するJSコード :: 5509
1行っていうのはアレですが、、 下記のisFlashInstalledを宣言しておいて var isFlashInstalled=function(){if(navigator.plugins["Shockwave Flash"]){return true;}try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash");return true;}catch(a){return false;}}(); if文で使えます if ( isFlashInstalled ) { alert('Flash Player is installed'); } else { alert('Flash Player is not installed'); } 実行サンプル 圧縮前のソースはこんなんです。 var isFlashInstalled = functi
ちゃぶ台メモ - Flashとjavascriptでクッキー（Cookie）を扱う
最近仕事でイントロムービーがあるFlashを作ったのですが ・1回目に見ときはイントロムービーが流れるように ・2回目以降はイントロムービーは流れずにスキップ ・ブラウザを終了させてもう一度開いたら、またイントロムービーが見れるように という要望がありました。 まあ良くありがちな要望なのですが、今回それをブラウザのクッキーを使って判定させようと思って『flash クッキー』などで検索したのですが、Flash版のクッキーであるSharedObjectに関する記事ばっかり引っかかって、なかなかそのものずばりのページにいきつかなかったので、メモとして残しておくことにします。 （昔はFlashでクッキー扱う記事よく見たような気がするんですが。今はFlashでクッキーみたいなの使いたいときはSharedObeject使えば良いということなんでしょうか。そもそもイントロムービーがあるようなFlashも
【AS1.0/2.0】Flash から新規ウィンドウを開く際にポップアップブロックを防ぐ | プログラマ気分
一定期間更新がないため広告を表示しています
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - k1LoW/CacooViewer: Simple `Cacoo' diagrams viewer.
Loading...
Wonder-boys.net
20の優れたAjax効果*ホームページを作る人のネタ帳
