カテゴリー別アーカイブ: [web] WEBサイト

[web]フレームの代替え案(メモ)



 

フレームもインラインフレームも使わない方法を探してみる

[HTML/CSS] アイフレームを使わずにDIV要素にリンク先の画像を…
http://puzzel.jp/blog/2010/htmlcss-アイフレームを使わずにdiv要素にリンク先の画.html

スタイルシートによる疑似フレーム
http://desperadoes.biz/style/p_frame.php

インラインフレーム(iframe)風のボックスを作るには?? http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1342732648

キーワード:擬似フレーム

「擬似フレーム(疑似フレーム)」の作り方(IE6 にも対応、スタイルシート(CSS)、JavaScript使用)
http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/p_frame.html

擬似フレームについて。
http://www.marguerite.jp/Nihongo/WWW/Introduction/QuasiFrame.html

CSSによる擬似フレーム化の方法
http://daikin.ddo.jp/2004/02/28_cssによる擬似フレーム化の方法.html



[web] プリンターが壊れた時の緊急対応



 

5年くらい経った複合機が壊れたっぽい。請求書、今日までに郵送するように言われてたのに。。。

そんな時、むか~し使った事のあるサービスを思い出した。

パソコン上のファイルを、セブンイレブンのコピー機を使ってプリントできるやつです。

インターネットで文書や画像を登録、セブン-イレブン店頭のコピー機からプリントできるサービスです。

ネットプリントというサービス
http://www.printing.ne.jp/

最近はアイフォンからも専用アプリでプリント設定できる。
http://itunes.apple.com/jp/app/id330339378?mt=8

アイフォンから使う時は、メールボックスというサービスからファイルをアップロード
https://infotect.jp/

ファイル名に日本語を使っていると、プリント登録時にエラーになります。

対応ファイル、サイズ、金額などはこちらで確認
http://www.printing.ne.jp/doc_flow.html



[web] サイトの移設について(メモ)



 

A社サーバ上にあるサイトをB社サーバに移設したい。

  • とりあえず、URLの移行作業
  • URL以降するまでの間、各ファイル内のURLの飛び先を変更
  • 文字化けが発生どうするか(PHPをインクルードしている部分)
  • パスワードはじかれるようになった(多分暗号化によるもので、そのサーバ内でしか意味をなさないからかな)


[web] YouTubeをプロモーションに使うには



 

パートナー、スポンサーになる事で色々と特殊な機能を利用できるらしい。

パートナー向けヘルプセンター
http://www.google.com/support/youtube/bin/topic.py?hl=jp&topic=12632

ブランドチャンネルというらしい。
http://www.bookslope.jp/blog/2008/04/youtube-channels.html

料金:500万~
http://adwords.google.com/support/aw/bin/answer.py?hl=jp&answer=79100

イマイチよくわからない。。。
たぶん、直接電話するのが早いかも。



[web] ドメイン&レンタルサーバ料金比較



 

「ムームードメイン」は「ロリポップ!」、
「さくらのドメイン取得」は「さくらのレンタルサーバ」とセットですね。


ドメイン価格:

■ムームードメイン(ロリポップ!系)
ムームードメイン

  • .jp 2,980円/年 1年
  • .com 950円/年 1年~10年
  • .net 950円/年 1年~10年
  • .info 950円/年 1年~10年
  • .tv 3,480円/年 1年~10年

■さくらのドメイン取得(さくら系)
http://www.sakura.ne.jp/

  • .jp 3,800円/年
  • .com 1,800円/年
  • .net 1,800円/年
  • .info 1,800円/年

レンタルサーバー:

■ロリポップ!
ロリポップ!レンタルサーバー

  • ディスク容量8GB
  • お申込みから10日間はお試し期間(無料)
  • WPいっぱつで設置可能
  • 1ヶ月 ¥1,890円 (初費¥1,575)+(¥315×1ヶ月)
  • 12ヶ月 ¥4,725円 (初費¥1,575)+(¥3,165)

■さくらのレンタルサーバ
http://www.sakura.ne.jp/

  • ディスク容量10GB
  • お申込みから14日間はお試し期間(無料)
  • WPいっぱつで設置可能
  • 1ヶ月 ¥1,500円 (初費¥1,000)+(¥500×1ヶ月)
  • 12ヶ月 ¥6,000円 (初費¥1,000)+(¥5,000)


[PHP] メールフォーム良いの無いかな?



 

メールフォーム – 無料CGI PHP 最終更新2009/07/17

メールフォーム・アンケートフォーム – PHP/データベース最終更新2005/01/16

PHPメールフォーム – PHPスクリプト最終更新2010-02-10(ビジネス利用:21,000円)

メールフォームプロCGI – SYNCK GRAPHICA最終更新2009-04-02<これが良さそう?


FC2メールフォーム (有料プラン:30,000円/6ヶ月、SSL対応)



[web] ファビコンを付けたいな



 

ファビコンイメージ画像そろそろ、ファビコンを付けたいと思いました。

まず、ファビコンってなに?ってことで、ウィキペディアを調べてみた。
http://ja.wikipedia.org/wiki/Favicon




ファビコンを簡単に生成してくれるサイト。 サイトを登録すれば多少のアクセスアップにもなるかも。
Favicon Japan
http://www.favicon.jp/

Favicon(お気に入りアイコンのこと、ファビコンと読みます)のサイトです。サイト作成時のファビコン作成・設置方法の紹介。

エディタ付きで楽に作れる。
favicon.cc
http://www.favicon.cc/?

アップするタイプ。微調整が可能。
favikon
http://www.favikon.com/

エディターですね。
Favicon Editor
http://favicon-generator.org/editor/

まあ、こんなもんで良いかな。

あとは、WPにファビコンを楽に付ける方法を探す。

[Wordpress] Faviconが簡単に設置できる「Favicon Manager」

【WP】faviconを表示する。Favicons

ついでにファビコン絡みのプラグインも。

【WP】リンクリストにファビコンを表示する。Noio Iconized Bookmarks

【WP】カテゴリ・ページリストにアイコンを表示する。 Category and Page Icons

ついでに、アイフォン風アイコンを生成してくれるサービス

http://www.flavorstudios.com/iphone-icon-generator



[web] 最近ブラウザのタブに常駐しているサイト



 

タブブラウザ、便利ですね。
クローム使ってますが、起動時に前回のタブの情報を保持してくれるのが気にいっています。
そんなブラウザのタブに常駐しているサイトを紹介してみます。


  • ワードプレスの管理画面
    思いついた時にすぐ更新できるように。
  • Google Docs
    外出先でデータを見る時に使えます。 アイフォンでも確認できます。
    https://docs.google.com/
  • SkyDrive
    まだ、使い始めたばかりなので、常駐するかは未知。 WMと相性が良さそう。
    http://skydrive.live.com/
  • evernote
    アイデアメモなどに使えます。アイフォンやWMとも連携できます。
    http://www.evernote.com/
  • Gmail
    最近はメールソフト立ち上げていません。アイフォンと連動できるので便利。
    https://mail.google.com/
  • mixi
    コミュニケーションの一部を担っています。
    http://mixi.jp/
  • twitter
    これもコミュニケーションに必須のツールになっています。
    http://twitter.com/
  • ファンファンファン
    自分のサイトです。情報を蓄積しているので、ひきだし代わりになっています。
    http://fanfanfan.net/
  • 翻訳サイト
    英語の情報を確認する際に必要になります。
    http://translate.google.co.jp/?hl=ja#

現状は以上のような状態になっています。



[web] スライドショーとか (AJAX)



 

仕事で使うことになったので、AJAXどんなスライドショーがあるか確認してみた。
ついでにフラッシュでのスライドショーも調べた。


AJAXタイプ

自動スライドするコンテンツボックス
http://solidstate.jp/ContentsDisplay/slidebox/script_154.html

モーションアニメーション付きのスライドショー
http://solidstate.jp/ImageDisplay/slideshow/script_161.html

背景画像をスライドショー
http://solidstate.jp/ImageDisplay/background/script_134.html

スライドショーをAjaxで実現:AJAX SlideShow
http://tbank.blog39.fc2.com/blog-entry-16.html

ネットショップなどでよく使われているajaxスライドイメージギャラリー
http://team-mrc.com/archives/1189

Google AJAX Feed APIを利用したスライドショー
http://p2b.jp/200908-Google-AJAX-Feed-API-Slideshow

スライドショー by AJAX (よくばり機能つき)
http://www.matsuaz.com/serog/2009/02/09/1234186639338.html

Litebox
http://www.doknowevil.net/litebox/

Highslide JS
http://highslide.com/#examples

Ajax入門(jQueryとThickbox)
http://www.systex.co.jp/wordpress/ajax/ajax2.html

JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」
http://design-develop.net/web-design/10-best-jquery-sliders.html


FLASHタイプ(フラッシュ持ってない人向け)

[スライドショー] NAVIEW-SLIDE <FREE>
http://naview.com/download/nvsl/

3分でフラッシュスライドショーを作成
http://elz.jp/manual/fpe/p_sample_easy.html

スライドショーバナーFlash簡単ジェネレーター
http://1st-impact.co.jp/KAZUMiX/BannerSlide/



ASで作る

(89) TransitionManagerクラスを使ったスライドショー(as3.0&2.0)   2009/7/1
http://www.flashiroha.com/script/slideshow_transition/as89.html

http://www.flashiroha.com/script/slideshow_transition/as91.html

エフェクトサンプル
http://www.agilesystems.jp/memo.html

ワイプの方向
http://livedocs.adobe.com/flash/9.0_jp/ActionScriptLangRefV3/fl/transitions/Wipe.html



サイトのブラウザ表示確認ツール

IETester(IE8,IE7,IE6,IE5.5でWebページをテスト)
http://www.my-debugbar.com/wiki/IETester/HomePage


http://www.google.co.jp/search?hl=ja&lr=&rlz=1C1CHNG_jaJP340JP340&tbo=1&tbs=qdr:y&q=AJAX スライドショー ダウンロード&start=10&sa=N


Webデザイナーのための jQuery入門 魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative) おすすめ商品
Webデザイナーのための jQuery入門


[web] 均等割り付けって できるんだっけ?(メモ)



 

文字の均等割り付けを行うjQueryプラグイン jQuery.justify.js
http://php-tips.com/jquery/2009/12/文字の均等割り付けを行うjqueryプラグイン-jquery-justify-js

段落の両端をそろえるCSS text-justify
http://www.signature-web.com/blog/signature_archive/2009/11/csstext-justify/

テキストのスタイル
http://www.homepage-guide.com/csstext.html

ん~いまいち、わからないなあ。。。