エスエムティの愉快な仲間たち

こんばんはばさっちです。
随分前に使ってみたいjqueryご紹介したと思うのですが、
また最近ストックが貯まってきたのでご紹介したいと思います。

jquery.animateNumber

こちらはただ単にカウントアップしていくjqueryなんですが、よく金額とか、数字がカウントアップしていくサイトありますよね?あんな感じで使ってみたいなぁっと思っていました。

ただ数字を表記するより、動きがある方が目につくと思うのですがどうでしょうか?
カウントの種類も豊富なので、どっかのタイミングで使って見たいと思います!!!

こんばんはばさっちです。
今話題の爆速サイトご存知ですか？
そうです東京モーターショー2019のヤマハ発動機販売さんのサイトです。

時代を逆行したサイト構成・デザインはインターネット初期を彷彿とさせますね。

このサイトはどういった意図かと言うと、『モーターショーが開幕する10月下旬は、毎月のスマホのデータ通信量が上限に近づくいわゆる「ギガ死」のタイミングなので爆速サイトをご用意しました。』とのことみたいです。

確かにデザインする時にはここを動かしたりとか、画像を大きく表示してみたりとか、凝った作りをすることが多いですが、スマホユーザーのことを考えれば凝った作りをするよりデーター通信量を気遣った方が良かったりするのかもしれませんね!

こんばんはばさっちです。
今日コーディングしていてふと思ったことなんですが、
テキストを左揃えしたまま、中央寄せってどうやってますか？

■その時のイメージは下記の通り


いろいろ調べてみると下記のように記述がちらほら…

————————————————-
#Box {
width: 100%;
text-align: center;
}
#Box #Box01Inner {
display: inline-block;
}
#Box #Box01Inner p {
text-align: left;
}
————————————————-

結果からいうと特に問題なくうまくいきましたが、せっかくなのでFlexboxを使ってみようと思い、Flexboxで記述する場合は下記の通り。

————————————————-
#Box {
width: 100%;
display: flex;
justify-content: center;
}
#Box p {
text-align: left;
}
————————————————-

こっちの方が記述が少なくわかりやすいと思うので、こっちを採用しました。
ただこの記述方法だとie9には反映しないのでちょっと変更を加えます。

————————————————-
#Box {
width: 100%;
-js-display: flex;
display: flex;
justify-content: center;
}

#Box p {
text-align: left;
}
————————————————-
flexibility.jsを追加してこの書き方をすればie9にも対応します。

落ち着いて考えればどうってことないのですが、よく使いそうであまり使わないテクニックだけにちょっと考えてしまいました。

今日また一つ勉強になりました！

『創造性の4B』ってご存知でしょうか？
アイデアが浮かびやすい場所の・バー（Bar）・バスルーム（Bathroom）・バス（Busses）・ベッド（Beds）の頭文字を取って『創造性の4B』と言うのですが、すべての場所に共通して言えることは頭も体も心もリラックスしているということです。

要は入れ込みすぎ、考えすぎず、リラックスしている時の方が良いアイデアが浮かぶということです。

デザインしてると必要以上に考えて煮詰まってしまうことがあると思うのですが、さすがに仕事中にバーに行くことはできませんので、外の空気を吸ったりコンビニで立ち読みしたりなど自分がリラックスできる場所の確保というのはとても重要なのかもしれませんね。

こんばんはばさっちです。

最近体力をつけるために始めた、ランニングにハマっているのですが、
久しぶりに走ってみるとすぐ息上がるし、筋肉痛になるし、やっぱり辛いな～って思ってたんですが、充実感もあるし、頭もスッキリするんで、ものすごく久しぶりにいい汗かいてます。

せっかくなんでいいランニングシューズを買おうと思い、色んなサイト見てたんですが、
NIKEのサイトだと色々カスタマイズできて自分好みのシューズが作れるんですね!

Nike By You

カスタマイズできる部分も多いので本当に自分好みのいいシューズができるかも?
すぐに辞めないようにコツコツ走っていこうと思います!!!