11月27日

馬なのか牛なのか・・・
お題は来年の干支なのだが、午を丑だと勘違いしていたことに後から気がつく。
が、つくたものはむしろ丑より午じゃないかとか。

6ee15b4b5ce5bcff01f23a10f4a3d82a
1)最初につくったやつ

4e0e80cf7613d6c6c3456990eb9e6119
2)午だ午だと言われたので泣いてみた

a3865ca18ae505c119c6657b3e402e89
3)丑→午に改造 何かが違う事に変わりはないのだが

5fb52c8b143a35e586467848e7e03c49
4)口をつけてみた もはやお前ダレ?な状態に こんな動物いないw

093416a7ecc894bc3d35c57947eea9d3
5)おおもとのイメージ 茄子っぽい馬ヅラを目指したのが間違えだったか

11月26日

めも

①コンテンツが見えなくなったらとりえあえずz-index:100;とかにしてみる。
 ・ほかの下に埋まってれば見える(=positionはあってる)
 ・それで見えなければどこかに飛んでる(=positionがまちがってる)

②position:fixedにすると他のコンテンツからは無いものとして扱われる。
 ・fixedにしたコンテンツの高さ分だけ下のコンテンツが浮く→margin-topで高さ分のスペースを確保加
 ・コンテンツが透明なら背景色をつける。

③縦と横の固定方法
 ・縦はposition:fixed;top:70px;
 ・横はmargin-left:825px;(左端から)、left:825pxだとうまくいかない。

詳細ここ参照
http://javelinadevil.wordpress.com/2012/07/09/positionfixed%E3%81%A7%E3%80%81%E5%B7%A6%E7%AB%AF%E3%82%92%E8%A6%AA%E8%A6%81%E7%B4%A0%E5%9F%BA%E6%BA%96%E3%81%AB%E3%81%99%E3%82%8B/

④overflow:hidden
 ・margin-topが親要素の領域を突き抜ける。左右と下には発生しない。
 ・overflow:hiddenで突き抜けた領域を表示させない。が、はみ出した領域自体は残っている。
 ・親にborder-top:1px;でも同じ効果がある。

⑤いろいろやってみた結果

//ヘッダータイトル
#header {
height: 70px;
width: 800px;
position: fixed;
z-index:10;
background-color: #FFF;
}
//画像
#cal201400 {
margin-bottom: 10px; //画像の下あける
position: relative; //カレンダーがabsolutte
}

画像が浮いてたのはcontentsにフロートかけてたせい?
フロート外したら②の現象は発生しない。

謎だわー

⑥ページ内スクロール
http://coliss.com/articles/build-websites/operation/javascript/296.html

⑦⑤の修正?
//親
#contents {
width: 806px;
margin-left: 20px;
overflow: hidden; ・・・B
}
//子(タイトル)
#header {
height: 70px;
width: 800px;
position: fixed;
z-index:10;
background-color: #FFF;
}
//子(カレンダー画像)
#cal201400 {
margin-bottom: 10px;
position: relative;
margin-top: 70px;  ・・・A
}

Aがないとheaderの下にcal201400が潜る。
Aを入れるとheaderが下がる
Bを入れると↑で下がったのが元に戻る 

11月25日

xampp
http://www.apachefriends.org/jp/xampp-windows.html
ローカルに仮想サーバを立てるSWなんだと思うが、
もしかしたらもっと便利な使い手があるのかも。

いまいち実用的な実感がないのでレンタルサーバーを借りる。
ドメインは3年くらい前に取得済みなので、超がつくくらい今更な話なんだけども。

して、
ドメインを紐付けるフォルダを作って、そこにファイル一式を放り込む。

以上。

とりあえず作りかけのをあげてみる。
http://from-far-east.com/

ついでにカレンダーをつくってみたりとか、日々寄り道しまくり。
http://from-far-east.com/cal2014

11月24日

Q.1 サイドメニューの左右を固定する方法。
・縦はtop指定でOKだけど、横はブラウザの伸び縮みで位置が動く。
Q.2 フロートが入ってるブロックを固定する方法。
・position: fixed;にすると潰れる。
・clearfix入れてもだめ、overflow:hidden;でもだめ。

11/26追記
*********************
A.1
・左右はmarginでやるとよいらしい
A.2
・潰れたわけではなくて下に重なっていた。

詳細は11/26のめも参照
*********************

めも
半透明含む箇所をPNGでスライスする時は32ビットじゃないとダメっぽい。
透かしがαチャンネルだから+1で32って事なのか。たぶん。
言われてみれば当たり前の事に気がつくのに1時間とか・・・

11月22日

  • id/classの頭文字に数字は不可。
  • 画像を重ねるときは下地を背景に、上をimgにする。
  • imgはインラインなのでtext-alignで位置指定できる&marginも有効

覚えろおれ・・・

追記 11/24

みっつめのはpositon指定すれば簡単。
右下なら親にposition: relative;つけて、
  position: absolute;
  bottom: 10px;
  right: 16px;
でおっけ。

//HTML
<div id=”cal201401″>
  <h3>cal201401</h3>
  <img src=”images/cal201401.png” width=”290″ height=”240″ alt=”1月” />
</div>

//CSS
#cal201401 {
  margin-bottom: 10px;
  position: relative;
}
#cal201401 img {
  position: absolute;
  right: 16px;
  bottom: 10px;
}
.img201401 {
  background-image: url(../images/img201401.jpg);
}

「消える」写真共有サービスSnapchat、「ユーザー層の大半が女性」

「消える」写真共有サービスSnapchat、「ユーザー層の大半が女性」–CEOが明かす (CNET Japan) – Yahoo!ニュース BUSINESS.

(抜粋)
***********************************

・Snapchatアプリを利用するユーザーの約70%が女性であると述べた。

・Snapchatは写真や動画のメッセージを送っても後に残らないサービスを提供するアプリで、ユーザーが送信したコンテンツは数秒後に削除される。

・Snapchatユーザーの半数が「Stories」機能を試してみたことがあると語った。これは10月に導入されたもので、送信した画像や動画を24時間削除されないようにする機能だ。

・Facebookによる30億ドルの買収提案を拒否したと報じられている。

***********************************

ログが残らないSkypeみたいなものなのか、キャッシュとか全ての痕跡が残らないようにしてくれるのか。後者だとすると犯罪ツールになり、手軽なとこでは不倫ツールなわけだが。

履歴が残らない事に利用価値があるとすればふつーの使い方ではないが、アメリカの人口が4億弱として送信件数が1日4億、うち女性が70%という。

公言できない事こそが最もなニーズであり、憚れる事をお金で実現できるなら安いもの。それを形にできるのは、会社などただの箱と割り切れる新興企業だからこそだろう。リスクがあろうともアイディアさえ手中にあれば作りなおせばいい話。

超絶簡単にワンページスクロールサイトが作れるjQueryプラグイン『Smint』

超絶簡単にワンページスクロールサイトが作れるjQueryプラグイン『Smint』.

↓のデザインだとこれ使うのが手っ取り早い気がする。
縦並びメニューでも位置していすれば同じようにできそうな。

11月18日

このまえのはやはりボツ。

コーディングとか色々実験用。(のカンプ
課題の延長だとどうでもよくなってくるので、とりえあず写真を貼るページを作ってみる。
背景色は白無地。デザインはできないものとして諦めるw(時間の無駄

サイト構成とか考える手間を省いて、(=めんどくさい
TOPの下にリンク貼った画像を並べるだけという・・細かいとこは後回し。

gyazo_index02_00
00
最初のつくったの。いろいろ微妙。

gyazo_index02_01
01 小塚ゴシック
タイトルを大文字にしてみたり、しかしまだすっきりしない。
フォントがダメなんじゃないのかということで。

gyazo_font
適当にひろってみる。

gyazo_index02_02
02 Century Gothic
このへんが妥当なとこ?

gyazo_index02_03
03 Orator Std
すっきりしてていいんだけども、どうも日本っぽくない。
外国人がつくった日本のページみたいな。

gyazo_index02_04
04 Lithos Pro
こんなフォントでもいいかも。ルーマニアとか東欧あたりの人がこんなフォントでつくりそうな。
これの太字はバナーとかPOPっぽい何かに使えそう。

02か04がよさそうか。
見方によっては04のフォントが一番和風な感じがしなくも。
筆記体じゃないフォントでとめ・はらいっぽい書体は他になさそう。

そして違和感のもう一つはスペルミスだったという・・
“older”が正解。

507歳の貝、年齢調査で死亡は誤解

ニュース – 動物 – 507歳の貝、年齢調査で死亡は誤解 – ナショナルジオグラフィック 公式日本語サイト(ナショジオ).

狙っているのか狙ってないのか、見出し・・・

記事を読むに507歳くらい当たり前のような事を書いているけど、
地球上でもっとも長生きしている動物は何歳なのだろうか。
縄文杉が1万年と考えれば、植物なら千年二千年生きているのは多そうだけども。

ming-oldest-clam_73554_600x450

太陽に元気なし…寒冷化予兆 11年周期の磁場転換起きず、黒点も最少

太陽に元気なし…寒冷化予兆 11年周期の磁場転換起きず、黒点も最少 (SankeiBiz) – Yahoo!ニュース.

今まで必要なかったのに、ここ3、4年マフラー必須の冬。
鎌倉の紅葉の色づきを見るに暖冬傾向は終わった様子。
けして加齢のせいではないのだよw

これより寒くなるのは勘弁して下さい、おひさま。