１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」:phpspot開発日誌
１個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」 2010年05月26日- jQuery Doubleselect Plugin １個目のselectで２個目のselectの内容を簡単に変えられるjQueryプラグイン「Doubleselect」。 次のように、１個目のSelectボックスの内容によって２個目のselectボックスの内容が容易に切り替えるようなUIが簡単に実現できてしまうプラグインです。 １個目が野菜(Vegetables)の場合は、tomato, potato, asparagus が表示されます。 １個目をフルーツ(Fruits)にすると、apple, orange, kiwi, melon になります。 いざ実装しようとすると面度臭そうなのですが、jQueryプラグインによって、比較的簡単に実装できま
2年かけてコンバージョンを6倍に改善したLPO » SEO Japan
サーチエンジンランドからウェブサイトのコンバージョン率改善特集の最後は2年と言う時間をかけてコンバージョン率を6倍に改善したと言うLPOの事例を紹介。 — SEO Japan まずは次の質問に答えてもらおう: コンバージョンはどれぐらい改善すれば十分と言えるだろうか？業界の平均コンバージョン率に達したら、満足することが出来るだろうか？過去のパフォーマンスを倍にすれば、それで終わりだろうか？そこで満足してほしくない。このケーススタディを見れば、コンバージョンに対する取り組みが、たとえ素晴らしい数字を得た後も続けていきたい理由が分かるだろう。 ケーススタディのまとめ クライアント: Ifbyphone, Inc. 自動電話アプリケーションのプロバイダー。 プロジェクトの全体的な目標: 電話およびクリック・ツー・コールのリードの量と質を上げる。 課題: 複雑なオファー ランディングページの最適化
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
『CSSだけで文字列を省略して「・・・」を付けて表示する方法』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ javascriptやphpを使わずに CSSだけで文字列を省略して「・・・」を付けて表示 させるテクニックを発見 前からできる感じだったが、つい最近知りました。 FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 どうやるかというと text-overflow: ellipsis; を使う。 ellipsis は、はみ出した部分の最後に「・・・」を付け足す。 ちなみに clip は、何もつけません。 text-overflow: ellipsis; だけだと上手くいかないので やり方としては、 横幅(width)、w
仕事の効率もアップ！今年こそは実践したい「デスクまわりの整理術」 - はてなニュース
昨年の仕事納めの際には、ごちゃごちゃしたデスクまわりの掃除に苦労した人も多いのではないでしょうか？新しい年を迎え、せっかくならすっきり整理された机で気持ちよく仕事をしたいですよね。そこで今回は、「デスクまわりの整理術」についてのエントリーを集めてみました。 ■机はあなたの心の鏡？ まずはキレイなデスクまわりをキープするために、普段から心得ておきたいポイントを確認しましょう。 ▽仕事がはかどるデスク周りの整理術 Office&Money シティウェーブ京都 こちらでは、「デスク美人になるための5ヵ条」として以下の項目を紹介しています。 机の状態は“心の鏡”なり 「捨てられない」は悪いクセ 作業のミスを防ぐポイントは“見える化”にあり！ 防ぎたい！収納のリバウンド 収納上手は時間管理も上手 必要なものがどこにあるか分からないごちゃごちゃしたデスク周りは、作業のミスや時間のロスにつながってしまう
「fonthack.jp | フリーで使える日本語フォント」に使われている日本語フリーフォントをまとめてみた（漢字も使える）：ekakou:絵描校 - 絵の描き方講座
（フリーで使える日本語フォント） 好きな文章を入れて日本語フォントを試せる「fonthack.jp」 本日紹介するのはこのサービス....ではなく、このサイトで使用されている日本語フォントをまとめてみました。 詳しくは以下から、 Y.OzFonｔシリーズ F910ゴシックW3-IPA（無料） F910明朝W3-IPA（無料） KesaranPasaranKT qoocRomanKT SampomichiHR Tokage-no-ShippoHR TowerGothicKT 出島明朝フォント みかちゃん ホリデイＭＤＪＰ えるまー M+ と IPAフォントの合成フォント M+ IPAフォント 梅フォント さわらびフォント さざなみフォント 戸越フォント VLフォント GLアンチック GL築地5号 白舟教育漢字 怨霊 ルイカ あられ アニト キャパニト セプテンバー ゆたぽん（コーディング）
日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。
フォントhack.jpは日本語フォントの総合案内サイトです フォントhack.jpは、日本語フォントの魅力を皆さまお届けするフリーフォント総合案内サイトです。自由にインストールして利用できる、フリーフォントを中心に紹介しております。またフォントなニュースやフォントに関するブログなど書体に特化したコンテンツを提供しています。 フォントとは？ フォントはある様式に従って文字をデザインしてそれをパソコンなどで表示したり、印刷できるようにしたものです。パソコン内では「0」と「1」の組み合わせ(2進法)でデータ化されていますが、液晶画面などに表示するときやプリンターで印刷するときに文字となって表現されます。書体とも呼ばれていますが、これは昔あった写植のなごりで、ゴシック体(カクカクした感じの書体)とかナール(丸文字の書体)などと呼ばれていました。写植とは、写真植字といい、文字が沢山書かれた文字盤の上
利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」
TOP > WebDesign > 利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」 マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。 qTip – The jQuery Tooltip Plugin 吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。 詳しくは以下 ■Prototip 2 – Crea
30分でできる！Webサイトを高速化する6大原則 (1/4)
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション（10段階）、横軸が表示までの時間を表している。1～5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
圧倒的に生産性の高い人（サイエンティスト）の研究スタイル - ニューロサイエンスとマーケティングの間 - Being between Neuroscience and Marketing
Leica M7, 90mm Tele-Elmarit F2.8, PN400N @Santa Monica, CA アメリカで研究するようになって最も驚いたことの一つは、日本では考えられないほど生産性の高い研究者が存在することだ。 たとえば僕がローテーションして、最後までそこでdissertation work（博士論文のための研究、活動）をすることにするか迷っていたあるラボ。そこはポスドク、テクニシャンを含めて（註：undergraduate=学部生は殆どアメリカの研究室には居ない）たった5人でやっているにもかかわらず、毎年5-6本ぐらいはペーパーを出し、ほぼ全て一流紙。多いときは年に2本ネイチャーに出し，一本は表紙になったりしていた(#)。 しかも良く日本では見かける深夜も土日も働いて、朝はどちらかというと崩れ気味、みたいな重労働系の生活ではなく、普通に朝来て、「うーん今日は狂ったよ
女の子っぽい字の手書きフォント9つ*二十歳街道まっしぐら（FC2ブログ時代）
女の子が書いたような字が書けるフォントの紹介です。 まずは、あんずもじです。 ■あんずもじ サイト：http://www8.plala.or.jp/p_dolce/font2.html ダウンロード：http://www8.plala.or.jp/p_dolce/font2.html サンプル： 丸みのある字が書けます＾＾；絵文字もあります。 以下に、その他8つの手書きフォントを紹介します。 ■みかちゃん サイト：http://www001.upp.so-net.ne.jp/mikachan/ ダウンロード：http://mikachan.sourceforge.jp/dl.html サンプル： ■あずきフォント サイト：http://key.milkcafe.to/azuki/ ダウンロード：http://key.milkcafe.to/azuki/font/index.html サンプ
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
PHPプログラムを解析して何処が重いか？がブラウザ上で簡単に分かる「XHProf」:phpspot開発日誌
PHPプログラムを解析して何処が重いか？がブラウザ上で簡単に分かる「XHProf」 2009年03月25日- XHProf Documentation (Draft) PHPプログラムを解析して何処が重いか？がブラウザ上で簡単に分かる「XHProf」。 通常、PHPでのプロファイリングというと、Xdebugでファイルを吐き出して、WinCacheGrindやKCacheGrindで読み込むというのが定番です。 ですが、この方法だと、ファイルを吐き出したファイルをGETして、ソフトに読み込ませる、というちょっと面倒な手順が必要でした。 XHProf を使えば、ブラウザ上で、プロファイリングが出来るみたいです。 XHProfの特徴 まず、セグメントごとの実行時間やメモリ利用の状況なんかがブラウザで見れます。 プログラムの構造を把握するのにも使えます。 プロファイリングの階層表示 ２つのプロファ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-774.html
東京の事務所･オフィスの賃貸仲介サイト【賃貸オフィスinfo】
ランディングページ集めました。
Islamic spells for love inter caste inter religion marriage
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
http://www.designwalker.com/2009/03/form-design-2.html
日本コロムビア | トップページ
