Our team has meticulously curated a list of the absolute best VPN providers, proven to be highly effective in evading the intricate barriers imposed within China. However, it is of utmost importance to familiarize oneself with the essential criteria to consider while selecting a VPN. When it comes to China, it is crucial to determine which VPN provider currently dominates the country. Providing un

先の Yahoo! Shopping のアプリケーションで、今度ちょっとやってみようと思ってたことを実装してみた。 http://bloghackers.net/~naoya/ys/app.cgi ボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善できます。 仕掛けはすごく簡単で、form の onsubmit ハンドラに、その form に紐づく submit ボタンを disable になるような JavaScript を登録しておくだけ。 function disableSubmit(form) { var elements = form.elements; for (var i = 0; i < elements.length;

現在最新バージョンのLightShop2.0をリリースしております。 ジョジョ風フォトライブラリのエントリで id:starockerさんからこのようなコメントを頂きました。 すべての写真を見るのが結構手間かなと思います。 スライドショーにしてくれると、見るのが楽でいいですね。 「ドッギャァーン」以外に「ズキュゥ〜〜ン！」なんてのも加えて、 ランダムに出てきても面白いかもしれません。 スライドショーにするとLightboxのサムネールが使えないので、 今回はパスさせていただき、 頂いたコメントを反映した新バージョンを公開します。 導入の効果音に「ズズズズ」「ゴゴゴゴゴ」を追加しました。 そして、メインの効果音に「ズキュゥーン！」「ドオォーン」「ドッガーン」を加えました。 これらがランダムに組み合わさります。 さらにscriptaculous.jsを使ってエフェクトを五月蠅いぐらい加えました

以前のエントリで、LightboxJSとフォトショのWeb フォトライブラリーの機能を組み合わせた、 Ajax風フォトライブラリーを自動生成させるモノをご紹介しました。 今回はLightboxJSをジョジョ風画像生成ツールとして拡張されたモノを利用させていただき、 ジョジョ風のフォトライブラリ自動生成ツールをご紹介します。 ↑このようなフォトライブラリが簡単に作れます。 ↑興奮する効果音に導かれ… ↑ドッギャァ〜〜ン！！！ サンプルページ インストール、使い方は以前のエントリと全く同じなので参考にしてください。 LightShopJをダウンロード Windows XP(SP2)およびMac OSX(Tiger)で Photoshop7.0/CS/CS2にて動作確認済み。 (2006.02.15) LightShopJ0.1リリース Macでも動作するように微調整 LightShopJ0.2

**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI　(このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2

2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな

フリーウェブブラウザ「IETester」がバージョンアップし、仏Core Services社から2月16日にv0.3が公開された。今回の新機能は、IE8 RC1への対応と、ズーム機能の搭載。これで、IE8 RC1、IE7、IE6、そしてIE5.5という4種類のレンダリングおよびJavascriptエンジンでウェブページを確認することができる。 ウェブデザインの鬼門が、Microsoft Internet Explorerだ（以下、IE）。ウェブ標準への対応が進む他のモダンブラウザとは一線を画したオリジナリティ溢れるウェブレイアウトで魅了するだけでなく、6、7、8とバージョンが上がるごとに異なる挙動でデザイナーの注目を集めて離さない。 しかもIEはWindowsシステムと結びついているため、1台のWindowsマシンに異なるバージョンのIEを複数インストールしておくことができない。現在最も広

iPhoneやiPod Touch向けのサービスを提供してみたいと思う人は多いはずだ。だが専用アプリケーションの開発はObjective-Cを習得する必要があったり（他の言語でもできるが）、App Storeへの申請が面倒に感じてしまうかも知れない。 iPhone/iPod Touch向けサイトを作るのに便利 その点、Webサイトであれば申請も不要ではじめられる。ネットワーク必須のサービスを作るならSafari経由でも十分かも知れない。そんな時に便利なフレームワークがiWebKitだ。 今回紹介するオープンソース・ソフトウェアはiWebKit、iPhone/iPod Touch向けのWebサイトを構築するフレームワークだ。 iWebKitを使うと、iPhoneやiPod Touchに適したWebサイトを簡単に構築できるようになる。左に移動していくナビゲーションや、テキストや画像を使ったリス

最近のSEO業者のテクニックというか、昨今のサーチエンジンの進化に伴うSEO業者の動向。 サーチエンジン最適化、というのはよく言ったもので、SEO！SEO大事！SEOしなきゃカス！みたいな時代があったが、現在は終わりを告げそうでもある。 というかSEOという行為そのものが当たり前になっているし、これはもうサイト作成の基本であり、どのweb屋でも一つのパッケージとして捕らえている部分じゃないだろうか。 ただ、検索エンジンに対してサイトを最適化と一言で言っても、一昔前のやり方と手法は大きく変わっている。 今回は、現在SEO業者が最も使っているHIOについて考えていこうと思います。 『SEO』の背景 SEOという言葉が誕生した時は、ページに対して、『このページはこんな情報を持っています』という事をサーチエンジンに教える為に、HTMLタグをきっちっと使うとか、見た目がばらばらでも、CSSで上から順

最近はあまり聞かなくなったが、動画共有サイトからFlashビデオ（flv形式）をダウンロードし、そこからmp3ファイルを抽出する方法が良く聞くことがあった。そのためのソフトウェアは数多いが、個人的にはRichFLVを使っている。 Flashファイルから各種リソースを抽出 だがmp3だけの抽出であれば良いが、他の素材も欲しいものがあるかも知れない。そんな時に役立つのがSWFRIPだ。 今回紹介するオープンソース・ソフトウェアはSWFRIP、SWFファイルから様々な素材を抽出するソフトウェアだ。 SWFRIPはFlashビデオ形式には対応していないようなので注意されたい。Flashファイル（swf形式）をドロップすると、画像、フォント、テキスト、音楽、ボタン、動画、 ActionScriptなどを抽出して一覧してくれる。 オプション シェイプはswfで書き出す他、SVG形式でも出力できる。画像

デザインが苦手な人にとって（筆者をはじめ）、CSSによるデザインに問題がある際に何が問題なのかを把握するのがまず難関だ。別な場所で設定した内容が関連している場合もあるだろうし、IDで指定しているのか、はたまたClassで複数指定している場合もあったりするとさらにややこしい。 CSSで困った時に役立つFirefoxアドオン そこで、現在表示されている内容がCSSではどのような設定になっているのか、それを理解する所からはじめよう。使うのはCSSViewerだ。 今回紹介するフリーウェアはCSSViewer、CSSプロパティの一覧を作成するFirefoxアドオンだ。 CSSViewerをインストールするとツールメニューにCSSViewerという項目が追加される。これを選択するとマウスが乗っている項目のCSS設定値がフローティングウィンドウ上に表示される。 指定した場所に赤い点線が引かれる 項目は