お久の書き込みです。
美容カテゴリーをこっちに移動しました。↓美容と中高年の健康に関心のある方はよかったら覗いてくださいね。
ヘタレ女のアンチエイジング
暫くの間、真剣に専業主婦と教育ママをやりまくってました。
その間にアメブロ書きまくってました。(またWebヨイトマケが忙しくなるので更新は、怪しいですが・・・)
人様のアメブロカスタマイズをした時、CSSのみはタグを修正して幅を調整したり、
広告もどき消したり(本当はあかんねんけど)出来たんですけど、
久々にカスタマイズしよう(自分のははじめて)思ったら、全く仕様が新しくなっていてびっくり。
オリジナルカスタマイズ出来るのはヘッダー部分のみになってた。
何でもワンタッチで、いろんな仕様(アメブロしばりのカスタマイズ)が変更出来るのは流石だなと思いました。
今回、なんで、アメブロに書き始めたかというと、
ある方から「とにかく、美容カテゴリでアメブロ書きまくってみいや。広告も貼って、2、3ヶ月はやってみいや。」と
強く勧められたからです。
今まで、自分がブログを勧める時に、
「ブログやるんやったらアメブロが使い易くておすすめでっせ。アクセスに関係なくとにかく3ヶ月は地道に書いてみてくださいよ。」
などと言ってましたが、
今回自分が、そう言われる側になりました。
昔、業務で会社用アメブロを書いていたことはあったんです。
業務用なんで、あんまし変なこと書けないし気を使いました。
使ってみて、ふむふむこの人は、このようにビジネスに使ってるんだとか、
今更ながら、ですが、
いろんな方々の誘導の仕方が、勉強になりました。
プライベート、ビジネスに関係なく、自分が発信することで、新しい有益な情報を手に入れられるのはネットのいいところ。
しかし、みんな筆マメだなあ、私にはちょっとムリ
でも、まあ初心に戻って精進いたします。
2012年05月19日
2012年04月30日
人の念というもの
家族の大手術や入院が重なって、看病うつになりそうな状態で、ブログどころではありませんでしたが、
GWで大掃除やってるといろいろ気持ちがクリアになってくるものですね。
さて、雪の結晶に「アホ、ボケ、かす」と罵詈雑言を浴びせるととても汚い形に変わってしまうという話を聞いたことがあります。
ある本にはこんなことが書いてありました。
がん患者を2つのグループに分けて、片方のグループの人に向けて他人が離れた場所から「回復を願って」祈ります。
もう片方のがん患者グループには、何もしません。
すると他人に回復を祈られたグループの方だけ、好転の傾向が見られたそうです。
「祈り」というのもを科学や医学で証明されたことが無いので本当かどうかも判りづらいのですが、
武道に使われる気合いや念と同じだと思うと納得出来ます。
逆に、念にそんな力があるなら、キムジョンウィルや麻原をもっと早くボロボロにすることが出来たのではないかと思うのですが、
やはり悪は強しなのか、あるいは、病気で60代で死んだのもそれなりに恨みの念が届いたのか?
「祈る」ことで、本に書かれていた効果があるのなら、神社で拝むのもより強く意識して祈るといった意味で、同じ意味合いなのだろうなと思います。
何事も心を込めて、投げやりにならず生きていくのが最善なのですね。
GWで大掃除やってるといろいろ気持ちがクリアになってくるものですね。
さて、雪の結晶に「アホ、ボケ、かす」と罵詈雑言を浴びせるととても汚い形に変わってしまうという話を聞いたことがあります。
ある本にはこんなことが書いてありました。
がん患者を2つのグループに分けて、片方のグループの人に向けて他人が離れた場所から「回復を願って」祈ります。
もう片方のがん患者グループには、何もしません。
すると他人に回復を祈られたグループの方だけ、好転の傾向が見られたそうです。
「祈り」というのもを科学や医学で証明されたことが無いので本当かどうかも判りづらいのですが、
武道に使われる気合いや念と同じだと思うと納得出来ます。
逆に、念にそんな力があるなら、キムジョンウィルや麻原をもっと早くボロボロにすることが出来たのではないかと思うのですが、
やはり悪は強しなのか、あるいは、病気で60代で死んだのもそれなりに恨みの念が届いたのか?
「祈る」ことで、本に書かれていた効果があるのなら、神社で拝むのもより強く意識して祈るといった意味で、同じ意味合いなのだろうなと思います。
何事も心を込めて、投げやりにならず生きていくのが最善なのですね。
2012年04月07日
商品拡大や地図画像に使えるImageLens
jqueryのimageLensは、最近の業務でイラスト地図用に使ったのですが、簡単に実装できて、便利ですね。
カーソルを当てた時のレンズ越し画像のクリア感が気持ちいいです。
洋服など商品の詳細を拡大レンズで見てもらうにはうってつけ。
画像は拡大用の大きな画像のみ準備すればいいだけです。画像を挿入するときにHTML上でデフォルト表示用の大きさに縮小してやればいいのです。大小用意する必要なしです。

ここ左上部からソースがダウンロードできます。
IE8だと四角いレンズになり、ちょっと野暮ったくなります。IE9以上 safari firefox最新版で。
カーソルを当てた時のレンズ越し画像のクリア感が気持ちいいです。
洋服など商品の詳細を拡大レンズで見てもらうにはうってつけ。
画像は拡大用の大きな画像のみ準備すればいいだけです。画像を挿入するときにHTML上でデフォルト表示用の大きさに縮小してやればいいのです。大小用意する必要なしです。

ここ左上部からソースがダウンロードできます。
IE8だと四角いレンズになり、ちょっと野暮ったくなります。IE9以上 safari firefox最新版で。
2012年03月24日
CSS3ジェレネーター
CSS3を自動生成するサイトがいろいろ出てきてますねえ。ここのサイトもそんな便利サイトのひとつです。
下の画像は、カラムを3カラムにしてその間隔を15pixに設定したものを作成し、コードを書き出してくれたものです。このコーディングがブラウザ上で一瞬にして出来てしまう!

勿論、IEだと9以上でないと動作確認出来ません。
カラムのサイズを3で割って各widthを指定して記述するなんてもう時代遅れと言われるのでしょう。
完璧に頼りきってしまいそうです。つか頼りきってます。コピペしまくり。
下の画像は、カラムを3カラムにしてその間隔を15pixに設定したものを作成し、コードを書き出してくれたものです。このコーディングがブラウザ上で一瞬にして出来てしまう!

勿論、IEだと9以上でないと動作確認出来ません。
カラムのサイズを3で割って各widthを指定して記述するなんてもう時代遅れと言われるのでしょう。
完璧に頼りきってしまいそうです。つか頼りきってます。コピペしまくり。
2012年02月12日
おまけキャラ戦略にやられてます
2012年02月05日
気持ち良い音源
坂本龍一RADIO SAKAMOTOで、オーディション優秀作品が公開されているのですが、気持ちいい、お気に入りの曲がいろいろ見つかりました。
ノミネート作品音源ページ
私は、この中で、エッシャーの滝をイメージしたcepilloがとても気に入りました。
エッシャーのだまし絵滝についてはこちら
ノミネート作品音源ページ
私は、この中で、エッシャーの滝をイメージしたcepilloがとても気に入りました。
エッシャーのだまし絵滝についてはこちら
2012年01月29日
便利リンク集
ここのブログの左下の「便利リンク集」を若干追加、編集しました。少しずつ今後も追加していきますので、
よろしければ活用してください。
よろしければ活用してください。
HTML5関連記事と便利サイト
HTML5CSS3に関するまとめ記事をピックアップしてみました。
HTMLって何?
50代でもわかったHTML5
ブラウザ実装環境
ここが変わった!HTML5マークアップ入門
HTML5 CSS3最新動向
HTML5対応に最も遅れているのがIEブラウザ。文字のシャドウ、角丸さえ、IE8では無効です。
そんなCSS3の記述、表示を助けてくれる便利サイトがこちら
CSS3pie
Radius sizeの数値を変えると角丸ボックスがそれに対応して再現してくれます。
showCSSにチェックを入れるとソースを表示します。

aboutのページでは、
IEの非対応ブラウザにもCSS3を無理やり反映させるためのやり方が解説されています。
ダウンロードのメニューでファイルPIEを入手し(javascriptやPHPのプログラム)
それをサーバーの任意の場所に上げます。
CSS3の記述に
以下のように最後の行url(PIE.htcまでの相対パスか絶対パス)を記述し、表示させようというものです。
#myElement {
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/PIE.htc);
}
HTMLって何?
50代でもわかったHTML5
ブラウザ実装環境
ここが変わった!HTML5マークアップ入門
HTML5 CSS3最新動向
HTML5対応に最も遅れているのがIEブラウザ。文字のシャドウ、角丸さえ、IE8では無効です。
そんなCSS3の記述、表示を助けてくれる便利サイトがこちら
CSS3pie
Radius sizeの数値を変えると角丸ボックスがそれに対応して再現してくれます。
showCSSにチェックを入れるとソースを表示します。

aboutのページでは、
IEの非対応ブラウザにもCSS3を無理やり反映させるためのやり方が解説されています。
ダウンロードのメニューでファイルPIEを入手し(javascriptやPHPのプログラム)
それをサーバーの任意の場所に上げます。
CSS3の記述に
以下のように最後の行url(PIE.htcまでの相対パスか絶対パス)を記述し、表示させようというものです。
#myElement {
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#EEFF99, #66EE33);
background: -moz-linear-gradient(#EEFF99, #66EE33);
background: -ms-linear-gradient(#EEFF99, #66EE33);
background: -o-linear-gradient(#EEFF99, #66EE33);
background: linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(/PIE.htc);
}
2012年01月23日
iPodで、夕食の写真
まだiPhoneもアンドロイドも買っていません。まだまだ様子見派です。
最近は、もっぱらiPodで、Podcast配信を楽しんでいます。
ビジネスや語学やラジオ番組など・・・・
iPodで撮った夕飯の粕汁。

京都伏見の酒粕使用。粕汁は、ダシを多めに煮出さないと美味しくありません。私は、ひとつまみ塩を足します。
粕汁の具に鮭が合うのも塩分加減だと思います。写真のものは、
豚肉、人参、大根、椎茸、蒟蒻、ネギ、油揚げを入れています。
子供の頃から、この具にサツマイモが加わるとパーフェクトです。里芋よりサツマイモの甘さが好きです。
ダシの濃さは、みそ汁の時の1.5倍。これでいいのかな・・・?
相変わらず、写真の撮り方が、下手というか、いつも垢抜けないなあと思います。
最近は、もっぱらiPodで、Podcast配信を楽しんでいます。
ビジネスや語学やラジオ番組など・・・・
iPodで撮った夕飯の粕汁。

京都伏見の酒粕使用。粕汁は、ダシを多めに煮出さないと美味しくありません。私は、ひとつまみ塩を足します。
粕汁の具に鮭が合うのも塩分加減だと思います。写真のものは、
豚肉、人参、大根、椎茸、蒟蒻、ネギ、油揚げを入れています。
子供の頃から、この具にサツマイモが加わるとパーフェクトです。里芋よりサツマイモの甘さが好きです。
ダシの濃さは、みそ汁の時の1.5倍。これでいいのかな・・・?
相変わらず、写真の撮り方が、下手というか、いつも垢抜けないなあと思います。
2012年01月21日
分波器を買い替えなくては。
チャンネルによってテレビ画面にノイズが走ることが多々あるので、メーカーさんに家に来て頂き調べてもらいました。
原因は、分波器が老朽化していたため電波の受信がほとんど出来ていないからでした。
分波器って何よ? はじめて存在を知りました。
分波器と分配器について
「こちらのテレビは、分配器ではなくて、分波器を買ってくださいね。」と言われました。
もう15年以上使ってそのままだったし、冬は結露の多い窓の近くにテレビを置いていたからなあ・・・
録画予約が無効になっていたり、リモコンでテレビが起動しなかったりもあったので、原因が判りすっきりしました。
その他に、番組表情報が大量に送られてきたりする時などに誤作動は生じるそうです。
原因は、分波器が老朽化していたため電波の受信がほとんど出来ていないからでした。
分波器って何よ? はじめて存在を知りました。
分波器と分配器について
「こちらのテレビは、分配器ではなくて、分波器を買ってくださいね。」と言われました。
もう15年以上使ってそのままだったし、冬は結露の多い窓の近くにテレビを置いていたからなあ・・・
録画予約が無効になっていたり、リモコンでテレビが起動しなかったりもあったので、原因が判りすっきりしました。
その他に、番組表情報が大量に送られてきたりする時などに誤作動は生じるそうです。
2012年01月15日
美しくて軽いGalleriffic
美しくて軽いGalleriffic

ソースを見ると、画像を全てWeb上から読み込んでいます。
このサンプルは、フリーウェブアルバムサービスのflickrに上げているサムネイルと実物大の写真を読み込んでいます。
ローカルに写真は保存せず、ウェブ上の画像の絶対パスをリンクさせて読み込んでいます。
以下 title#0のサムネイルと実物画像を表示させてるHTMLの一部分です。
画像が少し小さくなりますが、
panoramioのウェブアルバムに上げた画像も同じ要領で読み込んで作成できます。
使い方説明はこちら
大きい画像とサムネイル画像をサイズを揃えて書き出し、使用しているサーバー上にアップ、
そして各ファイルの絶対パスを指定するという方法も理屈では同じですね。

ソースを見ると、画像を全てWeb上から読み込んでいます。
このサンプルは、フリーウェブアルバムサービスのflickrに上げているサムネイルと実物大の写真を読み込んでいます。
ローカルに写真は保存せず、ウェブ上の画像の絶対パスをリンクさせて読み込んでいます。
以下 title#0のサムネイルと実物画像を表示させてるHTMLの一部分です。
画像が少し小さくなりますが、
panoramioのウェブアルバムに上げた画像も同じ要領で読み込んで作成できます。
使い方説明はこちら
大きい画像とサムネイル画像をサイズを揃えて書き出し、使用しているサーバー上にアップ、
そして各ファイルの絶対パスを指定するという方法も理屈では同じですね。
2011年12月24日
簡単でスタイリッシュなWowslider
とびきり格好イイjQueryのメニューが日々追加されていってます。
こういうのを使ってみると、容量も軽いし、つくづく苦労して自作するのは馬鹿らしくなってきました。
Wowsliderもそのひとつです。
英語サイトなので、不安で面倒という方もおられるでしょうから詳しく作り方を解説していきます。
まずトップページから

Free downroadのボタンを探します。メルアド入力の画面が表示されますので、フリーのメルアドなどを入力してください。
更新情報が届くのみです。
登録メルアドでダウンロード先のURLを取得します。クリックでダウンロードしてください。
続きのページに詳しくキャプチャー付きで説明しています。続きを読むよ▶▷▶
こういうのを使ってみると、容量も軽いし、つくづく苦労して自作するのは馬鹿らしくなってきました。
Wowsliderもそのひとつです。
英語サイトなので、不安で面倒という方もおられるでしょうから詳しく作り方を解説していきます。
まずトップページから
Free downroadのボタンを探します。メルアド入力の画面が表示されますので、フリーのメルアドなどを入力してください。
更新情報が届くのみです。
登録メルアドでダウンロード先のURLを取得します。クリックでダウンロードしてください。
続きのページに詳しくキャプチャー付きで説明しています。続きを読むよ▶▷▶
2011年12月23日
HTMLをPDFに変換するサイト
サイトアドレスを入力しダウンロードするとそのサイトをPDFに変換して書き出してくれます。
変化の激しいサイトを保存するのにも役立ちそうです。
こちらのサイト
但し、googlemapなどで、長いアドレスになるとエラーが出ます。
変化の激しいサイトを保存するのにも役立ちそうです。
こちらのサイト
但し、googlemapなどで、長いアドレスになるとエラーが出ます。
2011年12月13日
今話題の某市にて、テンプレでサイト作成するセミナー講師を
このたび、今話題の都市にて、小中学校幼稚園の教職員方を対象にホームページ作成のセミナー講師をやらせて頂きました。
まだ数回残っていますが、計200人位の方に参加頂きました。
民間企業の業務委託として、こういうセミナーを行ったり、テンプレを作って提供するというのは、初めての試みだそうです。
予め、PDFでテキストは念入りに作ったのですが、5、6回以上のリハーサルや言葉のチェックなどをしていくうちに、半分以上は、それ以外の解説を話させていただくこととなりました。
主に初心者の方対象にサイトの基本構造や、コンテンツのHTMLとデザイン担当外部CSSをリンクさせるとどのように効率的かなどのパワーポイントでの説明などが必要でした。
今回、凄いなと思ったのが、セミナーをさせていただいたセンターの設備ですね。
それが、Skymeです。
このソフト、講師側モニターを生徒席横のモニターに表示させ、生徒側デスクトップにフォルダを一斉に飛ばしたり、回収したり、遠くにいる生徒の画面を講師側で拡大表示することも出来ます。
かなり高価だそうです。
私も技術セミナーによく参加するのですが、講師側のパソコンモニターを表示させるのは、プロジェクター使用が常です。
遠くの席に座ると先生の打ったコードがよく見えず、近眼の目を細めて苦労したりします。
でも、これは、そんな障害がまるでない設備なんですね。びっくりしました。
そして改めて、限られた時間で、レベルがまちまちの方達相手に話すことの大変さ、ましてや、教えることにプライドをお持ちの方々相手では、気を使うことも少なくありませんでしたが、
お陰様で、パブリックスピーキングを鍛えさせて頂く良い機会になりました。
まだ数回残っていますが、計200人位の方に参加頂きました。
民間企業の業務委託として、こういうセミナーを行ったり、テンプレを作って提供するというのは、初めての試みだそうです。
予め、PDFでテキストは念入りに作ったのですが、5、6回以上のリハーサルや言葉のチェックなどをしていくうちに、半分以上は、それ以外の解説を話させていただくこととなりました。
主に初心者の方対象にサイトの基本構造や、コンテンツのHTMLとデザイン担当外部CSSをリンクさせるとどのように効率的かなどのパワーポイントでの説明などが必要でした。
今回、凄いなと思ったのが、セミナーをさせていただいたセンターの設備ですね。
それが、Skymeです。
このソフト、講師側モニターを生徒席横のモニターに表示させ、生徒側デスクトップにフォルダを一斉に飛ばしたり、回収したり、遠くにいる生徒の画面を講師側で拡大表示することも出来ます。
かなり高価だそうです。
私も技術セミナーによく参加するのですが、講師側のパソコンモニターを表示させるのは、プロジェクター使用が常です。
遠くの席に座ると先生の打ったコードがよく見えず、近眼の目を細めて苦労したりします。
でも、これは、そんな障害がまるでない設備なんですね。びっくりしました。
そして改めて、限られた時間で、レベルがまちまちの方達相手に話すことの大変さ、ましてや、教えることにプライドをお持ちの方々相手では、気を使うことも少なくありませんでしたが、
お陰様で、パブリックスピーキングを鍛えさせて頂く良い機会になりました。

