田舎高専生のメモ置き場

技術ブログとかではないです。

福岡旅行ご飯まとめ

注:わたしの個人的な好みです
福岡旅行したんで食べたご飯の感想を忘れないうちにメモしときます。
良い点悪い点両方書いておきます。

初日 昼: ケバブ屋（店名は覚えてない）
ケバブSサイズ400円。からいソースを自由につけることが出来て美味しかった。
ただ以前食べた兄の家の近くのケバブのほうがボリュームもあって好みかな。

初日 夜: 楽天地（天神本店）
もつ鍋1人前900円（締めのちゃんぽん280円）。4階建て？のせまい店内だったが味はとてもよかった。にんにくがすごく効いてた。贅沢をいうなら空調設備がもっとちゃんとしててホルモンがもう少し大きかったらな…

2日目 昼: 一幸舎（博多駅店）
味玉チャーシュー麺980円。こってりしたスープでたまごが美味しかった。しかしこのラーメンに980円という金額は釣り合っていないと思った。辛口になるがもう行かないでいいかな。

2日目 夜: 天神ホルモン（博多駅B1階）
にくまる定食990円。目の前で調理してアルミホイルに乗せてくれる斬新なスタイルで驚いた。ごはんと味噌汁と牛肉と丸腸少量の定食。ステーキだれ塩だれポン酢だれの3種類のたれがあり塩だれポン酢だれがあっさりと食べれて美味しかった。丸腸は口に入れたら溶ける感じで美味しいがたくさんは食べれない感じだった。妥当な金額でよかった。


書いててこいつ何様だよって思いました。
私が貧乏なのが一番悪いですね。
今度は洋食やらイタリアンやらを食べてみたいです。

ウェブページ的なの作りました

HTMLとCSSの勉強がてらに作ったページをもったいなかったのでGitHub Pagesとしてアップしました。
http://solismb.github.io
デザインがダサいのは書けるコンテンツがないから（震え声
意識高い友人たちが進捗報告会しようぜと言ったのが始まりでした。ﾌﾟﾖｸﾞﾔﾐﾝｸﾞが出来ないのでウェブページ制作に逃げたわけですが、始めたら結構楽しかったです。

HTMLはウェブ上の文章を記述する言語です。それに対してCSSはそれらをどのように装飾するかを指定するスタイルシートです。
最初にページのデザイン案はあったんですが、某氏のページとデザインが酷似していたので急遽変更。もとは報告会用にと思っていたので、CSS3となって新たに追加されたプロパティを紹介がてらにグラデーションのボタンとか角丸のボタン作りました。

.links .box .button:hover {
	background: -moz-linear-gradient(bottom, rgba(80, 240, 255, 0.6), #FFF);
	background: -o-linear-gradient(bottom, rgba(80, 240, 255, 0.6), #FFF);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(80, 240, 255, 0.6)), color-stop(0.3, rgba(80, 240, 255, 0.3) ), to(white));
}

これがカーソルが乗ると出てくる青いボタンのコードです。linear-gradient がグラデーションのプロパティです。rgbaという最後に透明度を指定出来るのもcss3の新機能だった気がします。
私はChrome使ってるんでChromeだけ途中の値まで指定して綺麗に見えるようにしてます。あと何故かwebkitだけleft bottom, left topと書かないと下から上にグラデーションしてくれなかった…なんで…

.profile .pbox .back {
	float: left;
	width: 110px;
	height: 50px;

	background-color: rgba(80, 240, 255, 0.6);

	margin-right: 20px;
	margin-left: 30px;

	text-align: center;
	line-height: 50px;

	border-radius: 7px 7px 7px 7px;

	-moz-transition: background-color 220ms, linear;
	-o-transition: background-color 220ms;
	-webkit-transition: background-color 220ms, linear;
}

Aboutにあるボタンのコードです。border-radius がボックスの角を丸く出来るプロパティで、transition が時間的変化をさせるプロパティです。
この2つはウェブページ作りたい人におすすめのプロパティかなと。
css3はアニメーションも作れるけど私は面倒で触りませんでした…
あと
CSS3のtransitionプロパティでアニメーションを試してみた | THE HAM MEDIA BLOG
このページの Opacityデモ その2 が気になったのでやる気が出たら挑戦してみたいと。
かっこいいサイト作れるよう、まずはコンテンツ力のある人間になれるよう頑張ります。