semooh plugin sample site
Index of Semooh jQuery Sample Site 画像 1.画像を切り替える（フェード） 2.画像を切り替える（フェード2） 3.画像を切り替える（サイズ、フェード） 4.画像を切り替える（スライド） 5.画像を切り替える（奥行き） 6.画像を切り替える（サイコロ） 7.画像を切り替える（シャッター） 8.画像を切り替える（カルーセル） 9.画像を切り替える（色々） 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文
sublime text 2 の設定ファイル - Qiita
最近はエディタにsublime text 2を使ってるのですが、その設定についての記事が少ないので自分が設定したファイルの内容をさらしてみます。 参考のサイトはこれ https://gist.github.com/3620658 フォントは WindowsではConsolas MacではSource Code Pro を使用しています。 スキーマやフォントなど必要なところは変えてください gist https://gist.github.com/bells17/4702008 { /* * UI関係 */ // カラー&スキーマ "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", // カラー "theme": "Soda Dark.sublime-theme", // スキーマ // カーソルのスタイル (
Retinaサポートその二歩目 – Taiyo Fujii, writer
先日公開したRetinaサポートWebへの第一歩はMacお宝鑑定団Blogでも採り上げていただいたため、開設したばかりの Blog にはもったいないほどの閲覧数となった。感謝！ 前回のエントリーでは<img>要素の画像を置き換える方法を説明した。投稿エントリーの画像を置き換えていくにはあの方法が適していると思うが、今回はバックグラウンド画像や Web サイトで何度も登場する固定画像を、スタイルシートを用いて変更する方法を説明する。 今日からこのブログのメニューは Retina 対応のテクスチャーを背景画像として登録している。Retina 対応でない環境で見るとただのグラデーションが表示されるが、 Retina ディスプレイで見ると細かなメッシュパターンがメニューの背景画像として現れる。しかし、こうやって並べると愕然とするね。 [retina normal=”http://blog.taiy
jQueryでスムーススクロール [Cool Web Window]
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
［Photoshop CS5］スライスツールをもっと便利に使って、効率よくWeb用保存をする-初心者のためのWEBデザイン教室
Webデザイン、Webサイト作成の流れ、Adobeソフト操作のちょっとしたコツ、SEOなど、ホームページを自分で作りたい初心者の方に分かりやすく解説します。 こんにちは！初心者のためのWEBデザイン教室、第13回目の授業です。 WEBサイトのデザインをPhotoshopで作成した後、「で、次にどうしたらいいんですか…？」とよく聞かれます。 スライスツールで、HTMLに組み込むために画像をパーツに分ける、ということは学習するのですが、実際に自分の作ったデザインデータを前にすると、テキストの課題とは勝手が違いますよね。 では今日は、このスライスからWEB用保存までの作業について具体的に学びましょう！ スライスツールでスライスする スライス選択ツールでスライス定義をする 切り出したい画像以外の部分が入っている場合は、そのレイヤーを非表示にする ［Webおよびデバイス用に保存］ダイアログで、各スラ
Mac OSXで使える起動するだけのPostgreSQL·Postgres.app MOONGIFT
Postgres.appは起動するだけで使えるポータブルなPostgreSQLサーバです。 最近はWebシステムとの連携DBをMySQLに奪われつつあるPostgreSQL。もっと手軽に使えるようになれば、ということで開発されたのがPostgres.appです。 起動するとメニューバーに常駐します。この状態でPostgreSQLサーバは既に起動しています。 Postgres.appは単体アプリで起動すればPostgreSQLが使えるようになります。アンインストールもアプリケーションを削除すれば良いだけです。とても簡単に使えるので開発に利用してみようと思えるかもしれません。 Postgres.appはMac OSX用のオープンソース・ソフトウェア（The PostgreSQL License）です。 MOONGIFTはこう見る プログラマーであったとしても環境を整えるのに時間がかかるとやる気
[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス
Equalbox.js デモページ [ad#ad-2] Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> </div> <div id="box2" class="box"> <p>dsfsdfsdfsdf</p> </div> <div id="box3" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdf
シニア層のためのWebサイトユーザビリティ
2013年3月23日 ユーザビリティ 以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
コンバージョンタグを貼らない愚か者 | SEM-LABO
リスティング広告において、コンバージョンタグを貼らないということは、必然的に効果測定ができず、費用対効果度外視で施策をするということであり、リスク以外のなにものでもありません。 勿論テレビCMや雑誌広告、ポスティングだったりタウンページやラジオの様に完璧に計測できないものであっても、何かしらの分析が可能な計測方法は取るべきです。 ※電話番号を広告ごとに変更したり、パラメータを付けてアクセス解析で分析するなど。 大事なのは「仮説」、そしてその「質」 Web施策では様々な仮説の元に施策を立てます。それらはコンバージョンタグが貼ってあったり、アクセス解析が完璧に導入されていても100%の仮説を立てることはできません。 しかしながらコンバージョンが正しく設置されていない状態での仮説は、今まで以上に仮説として成り立ちにくい、質の悪い仮説になってしまいがちです。 現に、効果測定を測っていない方々の仮説
PHPで日本語メールを送る – 基本編 - EC studio 技術ブログ
PHPなどのWebシステム開発において、メール送信は 切っても切れないものだと思います。 ですが、現在のメールはもともと海外で考えられたものなので、 日本語などのマルチバイト文字を送ろうとすると エンコードなど複雑な処理をする必要があり、 なかなか一筋縄ではいきません。(メールは奥が深い！) このメーラーではうまく表示されるけど、あのメーラーでは 文字化けしてしまう。。 なんて経験をされた方も 多いのではないでしょうか。 私自身、日本語メールでは大変苦労させられました。 今回は、備忘録と情報共有も兼ねて、その経験をもとにした PHPにおける日本語メール送信のまとめを記事にしたいと思います。 今回は日本語メール基本編という事で シンプルな日本語メールの送り方です。 シンプルな日本語メールの送り方 PHPには簡単にメールを送るmail関数がありますが この関数では日本語のメールはそのままでは送
ネットの売上を激増させるための101の秘訣 » SEO Japan
コピーブロガーからインターネットでの売上を増やすために役立つと思われるアドバイスを101紹介。ちょっとしたティップスが満載できっと誰にとっても参考になる点があるのでは？ — SEO Japan もしあなたがオンラインでお金を儲けようとしているのなら、遅かれ早かれ直視しなければならないのが、コンバージョンだ。その手ごわいトピックとは、同じトラフィック数からもっと多くの購入者を獲得するにはどうすればいいのか、ということになる。 コンバージョンが手ごわいたった1つの理由は、あなたが道を踏み外す可能性がある箇所がたくさんあることだ。その多くはそんなに修正が難しいものではないが、1000ある小さな問題のたった1つが、本来あるべきコンバージョンを邪魔することがあるのだ。 今私は1000個の戦略を持っているわけではないが、まずあなたが手始めにできる101のことを教えることができる。 小さいものから大きな
Google Analyticsで知ったかぶるための10の方法 (3/3)
8.「サイト内検索」レポートで、コンテンツの漏れを発見できる 「キーワード」レポートを使うと、ユーザーが検索エンジンでどんなキーワードを使ったのかがわかる。一方、「サイト内検索」→「到達ページ」レポートを使うと、ユーザーが使ったけれど、ページを読まなかったキーワードもわかる。サイト内検索はユーザーがサイト内でコンテンツを検索することなので、既存ユーザーのニーズがあるのに対応するコンテンツがないことに気づけるわけだ。やり方は簡単。「到達ページ」レポートにある「(exit)」をドリルダウンするだけで、ユーザーがページを読まなかったキーワードのリストが表示される。サイトの目的を考えて、本来あるべきなのに存在しないページを洗い出せば、コンテンツの拡充方針を決める材料になる。 9.Google Analyticsを考慮したディレクトリ構造にする レポートの読み方ではないが、Google Analyt
小粋空間: Movable Type を始める前に設定しておきたい 10 の項目
Movable Type を初めてご利用になる方のために、「これだけは最初に設定しておきたい」という 10 項目を挙げてみました。１項から８項は設定の流れを考えて順序づけをしました。最後の2項目の優先度は低いですが、「そういう機能もあります」という意味で掲載しています。 「全てが必須」という意味ではありません。不要と思われる項目はスキップしてください。 2008.10.01 「Movable Type 4 を始める前に設定しておきたい 10 の項目」を公開しました。 １．管理画面を「詳細モード」に切り替える Movable Type の管理画面は「基本モード」と「詳細モード」の2種類があり、デフォルトは「基本モード」になっています。この状態では基本設定とプラグインの一覧しか表示されないため、コメント・トラックバックの受信設定や後に述べるアーカイブページのパス等や拡張子が変更できません。 と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Lady: Best Photoshop Tutorials Around the World
スマートフォン用ページの正規化について - Google グループ
iPhoneデザインボックス
早速PHPでメールフォーム（UTF-8対応）作ってみました♪ - 群馬県太田市のウェブクリエイター マナブログ
レポートに自分のサイトが参照サイトとして表示される - Analytics ヘルプ