1. TOP
  2. 2015年4月

[CSS] CSS3で線形グラデーションメモ

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

説明とか

難しい説明は抜きにして、CSSのlinear-gradient() などのグラデーションに関する記述は基本的に画像扱いです。

なのでbackgroundプロパティの場合は、background-sizeなどで縮尺したりも出来たような気がします。またcss3ではbackgroundプロパティに複数画像が設定できたはずなので、今までどおりのurl(画像パス)とあわせてグラデーションの上に透過画像を配置したりすることも出来たり出来なかったりします。詳しくは調べてください。後で書きます。

linear-gradient(角度, 色 位置(0%), 色 位置(10%), ・・・, 色 位置(100%));

みたいな感じです。ブラウザによって複数書かなければなりません。それが以下です。

BMC timemachine TT 02

カテゴリ:
趣味
雑記
| トラックバック(0)
投稿者:yo yo

BMC TT02写真01

BMC TT02写真02

BMC TT02写真03
iPhone 4Sにて撮影

タイムトライアルバイクが完成。2015春の関戸橋サイクルフリーマーケットに間に合わせるために夜中3時までかかって組み立てしました。色々整備不良があって焦りましたが見なかった事にしてください。

TTバイクに乗って初めて解る、TTポジションのキツさ、ディープリムの強風の怖さ、そして速さ、そして走らなさ。とにかく、もともと無い脚が更に売り切れます。恐ろしい。

画像ではブレーキが間に合わせ品(RX100)なので、重量は8kgぐらいだと思われます。チェーンキャッチャーの長さが足りていない気もします。コレでいいのでしょうか?

ペダルがフラペなのはフリマ用だからです。

大まかなスペック表はこちら

関戸橋フリマ 2015 春

BMC TT02に乗って行きましたが関戸橋フリマでの注目度がダントツで嬉しくもあり恥ずかしくもありでした。フリマに参加された方々お疲れ様でした。

以下のモノをゲットして

合計2,600円也。

行きつけの弁当屋で弁当買って皆で食べて昼には解散。

関戸橋フリーマーケットはすこし規模が小さくなりましたね。次は10月の第3土曜日にお会いしましょう。

最近ちょっといい感じのHTMLテンプレ

カテゴリ:
HTML / CSS
SEO
Web
| トラックバック(0)
投稿者:yo yo

個人的にいい感じのコードテンプレ


<!DOCTYPE html>
<!--[if lt IE 8 ]> <html class="ie"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="ja" prefix="og: http://ogp.me/ns#"><!--<![endif]--> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>タイトルは大文字30文字前後までの自然な文章</title>
<meta name="description" content="ディスクリプションは70文字~120文字の日本語として自然な文章になるよう簡潔に書く。!マークなどの装飾文字を安易に入れない。">
<meta name="keywords" content="1ワード,2ワード,3ワード,4ワード,5ワード,6ワード(SEOに関係ない。とりあえず6ワードぐらいまで。)">

<meta property="og:title" content="タイトルとあわせる" />
<meta property="og:type" content="site or blog or article" />
<meta property="og:url" content="このページのURL" />
<meta property="og:image" content="サムネイル画像のURI" />
<meta property="og:site_name" content="サイト名を書く" />
<meta property="og:description" content="ディスクリプションとあわせる" />

<link rel="stylesheet" type="text/css" media="all" href="./style.css" />
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
<script type="text/javascript">
/* アナリティクスコード */
</script>
</head>

<body>

  <header>
    <h1>サイトタイトル</h1>
    <p>サイトの簡単な説明。ディスクリプションとは違う文章を入れている。</p>
  </header>
	<nav>
  	<ul>
    	<li><a>グローバルナビゲーション</a></li>
    </ul>
  </nav>
  <aside>
  	ソーシャルブックマーク
  </aside>
  <h2>見出し</h2>
  内容
  <section>
  	<h3>中見出し</h3>
    内容
    <section>
    	<h4>小見出し</h4>
      内容
    </section>
  </section>
  <div>広告</div>
  <section>
  	<h3>中見出し</h3>
    内容
    <section>
    	<h4>小見出し</h4>
      内容
    </section>
  </section>
  <footer>
  	フッター
  </footer>
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
/* javascriptはソース下部にまとめる */
</script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

</body>
</html>

タイムトライアルバイク BMC TT02 作成進捗02(パーツ確定)

カテゴリ:
趣味
雑記
| トラックバック(0)
投稿者:yo yo

BMC TT02 タイムトライアルバイク
補足 : 7割がた組み立て済み。Di2 半内装化。裏側の写真で申し訳ないです。

Di2やTTハンドルなどを組みたて、残すところブレーキ周りとスプロケットの取り付けを残すところとなりました。

前回のパーツ構成はこちら

BMC TT02 2015年4月13日時点での構成パーツ

部位 名称 重量
合計重量
メインコンポーネント Shimano Ultegra Di2 内装一式
バッテリーSM-BTR02 50g、E-tube 20g×4、ジャンクションA SM-EW90-B 16g、ジャンクションB SM-JC41 3g
150g
フレーム BMC TT02 サイズS アルミ×カーボン ホワイト/黒 (重量はサイズM時) 1850g
フォーク Easton EC90 Aero (重量は未カット時) 389.5g
ヘッドパーツ FSA 9M 62g
シートポスト 専用シートピラー Scor Carbon Aero(重量は未カット時) 244.5g
クランクセット Easton EC90 CNT Composit Crankset 53-39T 24 mm CrMo steel spindle 172.5mm 558g
ボトムブラケット Easton EC90 ハイブリットセラミックベアリングBB 100g
ペダル MAVIC Race ペダル (130g/pedal) 260g
スプロケット 105 CS-5700 12-27T 245g
フロントメカ Ultegra Di2 FD-6770 162g
リアメカ Ultegra Di2 RD-6770 270g
レバー Dura-Ace Di2 ST-9071 117g
シフター Shimano Di2 SW-R671 95g
チェーン Dura-Ace CN-7901 266g
ブレーキキャリパー M5 side pull brake 199g
ブレーキパッド SWISSSTOP Flash EVO Black Prince 31g
ハンドル Easton Attack TT(クランプ径26mm)+ Dixna アルミ ハンドルシム 31.8mm ⇒ 26mm 575g
ステム Easton EA90 130g
サドル Specialized Sitero Expert 270g
ホイールセット Easton EC90 TT 1440g
予備ホイールセット HED 3 Full Carbon 1500g
タイヤ Tufo - S33 PRO チューブラー (260g / 1本) 520g
ボトル・ボトルケージ ELITE エアロボトル Crono CX Aero 89g
ツール缶・ボトルケージ ELITE ビアージ 101g+specialized Rib cage 33g 134g

※ の合計重量

オランダ M5社製の超軽量ブレーキキャリパーを買っちまった。やっちまった。財布も自転車も軽くなってしまった。

BMC、Easton、および各ブランド輸入代理店 御中(フタバ商店様、東商会様、トライスポーツ様)広告掲載依頼お待ちしております。BMCの車体に全てEastonのパーツだぜ、ヒャッハー!

自転車の話題:タイムトライアルバイク BMC TT02 作成進捗01

カテゴリ:
趣味
雑記
| トラックバック(0)
投稿者:yo yo

作り始めてもう直ぐ一年になりそうな、現在製作中のタイムトライアルバイクのメモ

後はスプロケット、タイヤ、ブレーキキャリパー、エレクトリックケーブルのみ。

滅茶苦茶金がかかった・・・勿体無かったと後悔している。

BMC TT02 2015年4月7日時点での構成パーツ

部位 名称 重量
合計重量
メインコンポーネント Shimano Ultegra Di2 内装一式
バッテリーSM-BTR02 50g、E-tube 20g×4、ジャンクションA SM-EW90-B 16g、ジャンクションB SM-JC41 3g
150g
フレーム BMC TT02 サイズS アルミ×カーボン ホワイト/黒 (重量はサイズM時) 1850g
フォーク Easton EC90 Aero (重量は未カット時) 389.5g
ヘッドパーツ FSA 9M 62g
シートポスト 専用シートピラー Scor Carbon Aero(重量は未カット時) 244.5g
クランクセット Easton EC90 CNT Composit Crankset 53-39T 24 mm CrMo steel spindle 172.5mm 558g
ボトムブラケット Easton EC90 ハイブリットセラミックベアリングBB 100g
ペダル MAVIC Race ペダル (130g/pedal) 260g
スプロケット 105 CS-5700 12-27(予定) 245g
フロントメカ Ultegra Di2 FD-6770 162g
リアメカ Ultegra Di2 RD-6770 270g
レバー Dura-Ace Di2 ST-9071 117g
シフター Shimano Di2 SW-R671 95g
チェーン Dura-Ace CN-7901 266g
ブレーキキャリパー Ultegra BR-6700(予定) 317g
ブレーキパッド SWISSSTOP Flash EVO Black Prince(注文中) 31g
ハンドル Easton Attack TT(クランプ径26mm)+ Dixna アルミ ハンドルシム 31.8mm ⇒ 26mm 575g
ステム Easton EA90 130g
サドル Specialized Sitero Expert 270g
ホイールセット Easton EC90 TT 1440g
予備ホイールセット HED 3 Full Carbon 1500g
タイヤ Tufo - S33 PRO チューブラー (260g / 1本)(暫定) 520g
ボトル・ボトルケージ ELITE エアロボトル Crono CX Aero(予定) 89g
ツール缶・ボトルケージ ELITE ビアージ 101g(予定)+specialized Rib cage 33g(予定) 134g

※ の合計重量

ブレーキケーブル重量除いて合計 約7.8kg()。フレームが重いなりにそれなりの軽さに仕上がりそう。

  • 1
ページの先頭に戻る