jQuery Shadow Plugin ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイン「jQuery Shadow」。 次のようにボックス要素に対して影を自由に付けられるプラグインです。$(elem).shadow(option); という風にするだけなので使い方は簡単ですね 単なるボックス要素があっというまにクールになりますね 関連エントリ selectボックスを超カッコよくするjQueryプラグイン「Chosen」 ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 スマホ用サイトに使えそうなドロップダウン実装jQueryプラグイン「DropKick」 ページめくりを実現するためのjQueryプラグイン集

どうも！Google Chrome歴3年と9ヶ月のするぷ（ @isloop ）です。 今日はちょっと僕が今使っているスーパーおすすめのGoogle Chrome拡張機能をご紹介しようかなと思います。 いまやChrome拡張機能は、もう数え切れないくらい出ていて便利なものも多いですが、むやみやたらに入れすぎても動作が遅くなってしまいます。 そういうことで「無駄な拡張機能は絶対いれん！」と、なるたけChromeをシンプルにするように3年間心がけてきました。 しかし、「これはどうしても捨てることはできん！無理！だって便利なんだもん！」というのが今回ご紹介するベスト14のChrome拡張機能でございます。 というわけで、この記事がGoogle Chrome拡張機能難民の方々に少しでも参考になれば幸いです。ではいってみましょう！ ウェブ閲覧がラクになるGoogle Chrome拡張機能 Keycon

スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ

ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js [ad#ad-2] IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモ デモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。 デモページ：IE7で表示 [ad#ad-2] IE Alert jsの使い方 使い方は簡単で、2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 iealertフォルダ内にスタイルシート、および必要な画像が入っています。 <link rel="stylesheet" type=

黄金比（1:1.6180）をベースに作成されたグリッドを使った、ウェブページのレイアウトに役立つテンプレートとツールを紹介します。 The Golden Grid [ad#ad-2] The Golden Gridの仕組み The Golden Gridのセット内容 The Golden Gridの仕組み 「The Golden Grid」は960 Grid Systemに水平方向のガイドを加えたもので、グリッドを構成するカラムと溝を黄金比ベースにしたものです。 黄金比については以前の記事で少し取り上げました。 黄金比をサイトのデザインに取り入れる簡単な3つの方法 「The Golden Grid」は長方形の幅と高さ（a/b）が黄金比（1.6180）をベースに構成されており、マージンの横と縦（x/y）も黄金比をベースにしています。

Dropbox、Box.net、GoogleDrive――各オンラインストレージに分散したファイルを統括するクラウド管理サービス「Otixo」 DropboxやGoogleDriveなど、複数のオンラインストレージサービスを使っていると、どこに何のファイルを保存しているか分からなくなってしまう。クラウド管理サービス「Otixo」なら、複数のストレージにあるサービスをまとめて閲覧し、検索したり、必要なものをダウンロードしたりできるぞ。 「Otixo」は、Dropbox、Box.net、GoogleDriveなどに一括ログインして操作できるサービス。これらのストレージサービスは有料契約すると大きな容量を利用できるが、お金を払いたくないのでフリーサービスのままで利用し、そのかわり各サービスにファイルを分散して保存している人も多いはず。そうなると、どのサービスに何のファイルを保存したか分からなくな

今回から数回にわたってお問い合わせフォームの作り方を投稿したいと思います。いままではHTMLをやってきましたがお問い合わせフォームはPHPという言語を使っていきます。少しずつゆっくりと説明していきたいと思います。今はやりのwordpressなどもPHPを使用してあるので、お問い合わせフォームが作れるぐらいのPHPの知識が身に付けばwordpressを使うときにもすんなりと入っていけると思います。 PHPとは? 変数 変数の使い方 1.PHPとは？ 初めにPHPとは何かを簡単に説明します。 PHPは、Webサーバ上で動作・表示し HTMLに埋め込むタイプのスクリプト言語で、動的にWebページを生成するための言語です。 HTMLに埋め込むタイプと書きましたが意味は全部PHPという言語で書いていくだけでなく、HTMLの文章の中に組み合わせて書いたりもするということです。 次に動的ページと書きまし

特徴 PHP5.4以上で動作します。 HTMLはテンプレートとして読み込むので、自由なデザインが可能です。 マークアップエンジニアが作ったので、マークアップエンジニアに優しい作りになっています。 （メールフォームの設置って大抵マークアップエンジニアの仕事ですよね。） 静的ページに組み込むだけなら、1〜2時間くらいで設置できると思います。 もちろんDreamweaverテンプレートと連動できます。 CMSを組み込んだサイトならCMS標準やプラグインのメールフォームを使った方が良いと思いますが、 静的サイトにメールフォームだけ設置したい場合等にご利用いただければと思います。 入力必須等のよくあるチェックは標準実装しています。 セッションにより、ブラウザリロード等の連続送信を防止しています。 ファイル添付機能が付いています。 MITライセンスですので、自由に改造してください。 Copyright

※この記事はBloggerで公開しておりましたが、当ブログと統合しました。 自分がよく使うツールとサイトを一覧でまとめました。このページは自分のメモ用でもあるので、随時追加と修正をしていきたいと思います。 【文字列】 1.マルコフ連鎖ジェネレーター http://itog.sakura.ne.jp/markov/index.cgi ランダム文言作成に便利かも。ペナルティに注意。 2.URLエンコード・デコードフォーム http://www.tagindex.com/tool/url.html アクセス解析で、たまにわからない文字列の解析に使います。 3.文字列 → 数値実体参照変換 http://yasu.asuka.net/orkut/conv.html とある海外サイトでリンクを買う人は必要かもしれません。 4.文字変換ツール http://www.itm-asp.com/conver