個室中心のフレキシブルスペース「いい部屋Space」

いい部屋Space

本当にねこのサイト時間泥棒でした
レビューするために検証し続けた結果、朝になり翌日の学校休みましたからね（実話）

なにをそんなにムキになって見ていたかというとですね
このＴＯＰのスライダーなんです。
「どこにでもあるじゃんこんなの！」って思いますよね？
これCSSアニメーションなんですよね。このサイトのTOP開いた状態で
CPUの占有率を見て欲しいんですけど10%使ってないんですよ。

非常にユーザビリティーに優れていると言わざるを得ない
表示は4枚のliの中のimgなんですが40秒かけて上下方向に移動する間に、一部29秒のulもあり
縦方向に12枚並べてループのタイミングで元に戻して流れっぱなしにしているんです。
詳しくはCSSのみでスライダーとか検索すると出てきます。
以前調べたときにこういうのもあるんだーって思ってましたけどこんなに動作が軽いんですね、どこかのIT企業に教えてやりたい…

業態に関していうと、漫画とPCのないネットカフェですね。

部屋によっては机があって会議室としても使えますよという、スペースを好きに使ってくださいという感じなようです。

さすがにサポートセンターないですよね。どこの無料素材ですか？
利用シーンの写真もですけど無料素材組み合わせていて実態が分からないです。
画像検索するとHITしますねやっぱり

以上！

エンジニア様お疲れ様です
TOPページの凄いWEBサイトでした。

HOME

webサイト100選

 

5月22日朝通学中に気が付いた事
「キーフレームのCSSアニメでスライダー作ってるとして、12枚のLiの必要性と
それを動かした後どのタイミングで戻しているのか、戻す記述あったかな？」

 

100%で25％しか移動しないで40秒おきに0%に戻る
表示領域にはリストが4枚だけど1枚目と4枚目が同じABCA BCAB CACBで
25%なのでABCの分スクロールした（25%）次のABCが画面下にタッチしたタイミングで
戻ってるということ
6枚50%じゃなくて12枚で25％なのはほかの速度に対応するためだと思われる（速度を上げた場合スライドの端まで行ってしまう