iPhone／Androidブラウザのアドレスバーを隠す方法 | alt
これはスマートフォンに限定した話になってしまうかもしれませんが、 コンテンツの領域が端末の縦幅より長いときってフリックやスワイプ操作でスクロールしますよね。 iPhoneやAndroidのブラウザで横向きにしたときは ファーストビューのエリアが狭いのでアドレスバーがすごく邪魔でちょっと不親切。 ユーザビリティを考慮したサイトには必ずといっていいほど、 初期時にブラウザのアドレスバーを隠してあげる工夫がされています。 やることは単純。 window.onloadか、jQuery使ってれば$(document).readyとかで1px移動しておくと、 ブラウザの仕様でバーの高さ分引っ込めてくれます。 人のやつ参考にしてみたけど、こんなんでいいのかな。。 iPhoneは読み込み遅延のせいでsetTimeout使わないとうまく反映されなかったです。 一応、両OSで動くのは確認
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
HTML5 花火大会
HTML5の花火大会が始まりました。 JavaScriptやCSS3で書かれたコードが美しい花火となって 夏の夜空を鮮やかに彩ります。 START
はてなスターをブログに設置するには - はてなスター日記
はてなスターは、はてなダイアリー、はてなグループでは自動的に表示されますが、それ以外のブログサービスでも、利用していただくことが可能です。ここでは、その方法と、はてなスターの仕組みについて解説します。 はてなスターでは、JavaScriptを利用しています。はてなスターの提供するJavaScriptファイルをご自分のブログのページ内で読み込むことで、ページの読み込み完了とともにそのJavaScriptが実行されます。JavaScriptでは、そのページに存在する記事とPermalink（記事ごとの固有のURL）を検出し、その記事につけられたスターの数をはてなスターのサーバに問い合わせます。そして、その結果と、星を追加する「Addボタン」ボタンをページ内に埋め込みます。 「Addボタン」が押された際にも、はてなスターのサーバに問い合わせが行われ、スターの情報が保存されます。 スターの数の表示
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
iPhoneでswfアニメーションを再生する魔法のJS | _level0 - KAYAC Front Engineer Blog
PC用に作ったFlashアニメーションをiPhoneでも使いたいという話があり、 Flashアニメを連番画像で書き出してアニメGIFにする以外に 何かいい手はないかと調べていたところ、Gordon.jsというものを教えてもらいました。 http://github.com/tobeytailor/gordon JavaScriptでswfを解析し、ベクターグラフィックをSVG形式で描画するため iPhoneのSafariを含めたSVGが利用できるブラウザであれば FlashPlayerを使わずswfアニメーションを表示できるようです。 こんな感じ 実際にいろいろ実験してみて気付いたところとしては、 ・対応しているのは「FlashPlayer1」向けに書き出されたswfのみ ・画像は表示されない、ベクターのみ（グラデーション可） ・ローカルでは動作しない（環境によるのかも） FlashPlay
Adobe Photoshop CS3自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS3をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 3GHz/Intel Mac) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS3は基本的には以前のCSからの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS～CS3、AfterEffects 6.5～7.0、Illustrator CS2～CS3、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photoshop
Photoshop CS自動化作戦 with JavaScript
Last Update:2006/2/28 PM 9:57 【Photoshop CS自動化作戦】 このページはPhotoshop CSをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。本当はシリーズ化のような形で書籍として発売されればよかったのですが諸々の都合により企画自体が消滅したため、Webにて公開、掲載しています。 Photoshop CSはJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS、AfterEffects 6.5、Illustrator CSで作成された一部のコードは、そのまま動かす事ができます。Photoshop CS独自部分の機能だけを習得すれば良いと言うメリットもあります。ただし、スクリプト内に日本語を含む場合にはUTF-8 (Unicod
Adobe CS3 バージョンJavaScript ファレンス
<body> <h1>Adobe CS3 バージョンJavaScript ファレンス</h1> Last update : 2005/10/9 PM 5:45<br> <br> <div class="description"> Adobe Creative Suite 2 (以後CS3とします)に同梱されているアプリケーションはJavaScriptによって制御することができます。GoLive CS3は独自のものなので除外しますが、それ以外のPhotoshop CS3, InDesign CS3, Illustrator CS3, Bridge, ExtendScript Toolkitはアプリケーション固有部分を除いて同じスクリプトを動作させることができます。このページでは、この共通の部分（コアオブジェクト）のリファレンスを掲載しています。なお、フレームの方が良いという方は<a href
storage.goodmix » Blog Archive » Photoshop Script作成メモ
前の記事では高速化についてだったので、他のTipsメモ 選択範囲の透明部分を完全に削除して切り抜きたい Photoshop Scriptでレイヤーでは document.activeLayer.bounds でレイヤーの領域を取得でき、 document.activeLayer.selection.copy(true); で選択範囲を結合してコピーできます（引数をfalseにすると結合せずにコピーになります）。 しかし、実際にこの操作を行ってから新規ドキュメントを作成し、データをペーストすると上下に数ピクセルの余白ができることがありました。 これらを削除するために、 if((nx2 - nx1) != (x2 - x1) || (ny2 - ny1) != (y2 - y1)){ newDocument.crop(newBoundsObj); } //x1-x2、y1-y2はコピーした
jQuery1.4の新機能を1.4だけに14個 - KAYAC engineers' blog
時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5
日本のJavaScript界隈のブログを適当かつ詳細にまとめてみようと思って挫折したけど、もうちょっと頑張ってみた - ?D of K
あらすじ 僕は本無しにJavaScriptを覚え、その後も全く本を読まなかったため（今もまだJavaScript関連の本を持っていない）、友人の変態C++プログラマにJavaScriptを覚えるための本を聞かれて、答えることが出来ませんでした。しかし、そんな中、颯爽と助けてくれた某JavaScriptコーダーがおり、そんなことがあって、世間のJavaScriptコーダーってどういう人たちなんだろうと気になって、とある勉強会に参加して、なぜか最後、指名手配されて、いや、僕はそんな知られるほどのことはしていないと思っていたのだけど、まぁ、何かやり遂げてはいたのかもしれないと思ったので、JavaScript界隈の有名人を調べてみることにしました。 まとめ方 多くのJavaScript界隈の有名人はJavaScriptで有名なブログを持っているに違いないという発想の元でTopHatenarのJav
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」:phpspot開発日誌
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」。 Chromatableはテーブルのヘッダーを固定させ、テーブルの要素にスクロールバーを付けることができるjQueryプラグインです。 普通のテーブル Chromatableで初期化 次のようにスクロールしてもヘッダー位置はそのままで非常に分かりやすい。 実装方法 実装方法も超簡単で、JSコード自体はたったの１行で実装可能。 <!-- ライブラリ読込み --> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.chromatable.js"></script> <!-- 初期化方法１ --> <script> $(document).ready(functio
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
40 Super-Neat JavaScript Plugins | Envato Tuts+
The right combination of JavaScript plugins can turn a simple website into a fantastic one - all while requiring minimal work on your behalf. Today, we'll review forty of the most popular plugins available. If we missed some, let us know in the comments! Form Validation jQuery Validate A plugin that allows you to build client-side validation and Ajax forms.
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
VoIP Systems: What IVR is, Benefits of VoIP, and Use Cases
Michael Leigeber