どうも！LSSです！！ 日記、としながらも、昨日の話なんですけどね。 10/10　スポーツの日、朝10：50頃。 元町駅近くの交差点で、南から北に向かうべく、信号待ちしていました。 南北の信号が赤なので、東西の信号はもちろん青。（東→西への一方通行） 多くの車やバイクが走り抜ける中で、目を疑うような光景が！ 「目の前を仮面ライダーが走り過ぎていきました」 走り過ぎていったので、一瞬の事でしたが、マスクも背中もしっかり仮面ライダーで、バイクはサイクロン号ではなかったですが…白昼夢を見ているような出来事でしたｗ まぁ、稀には、なんでもない街なかでコスプレをされている方を見かける事は無くもないですし、かくいう自分も数年前、コスプレじゃないですがやたらバカでかい傘をさして歩いて、呼び込みの人たちから「おっきい傘のお兄さ～ん」と声をかけられた事もあったりはしました。 が、仮面ライダーの姿でバイクに乗

どうも！LSSです！！ デジタルカメラやスマートフォンが普及した昨今。 フィルムカメラのように「フィルムの無駄」を気にせず、パシャパシャと気軽に撮影が楽しめるようになりましたね^^ それでも時々ふと、あの白いフチのある写真に懐かしさを覚えたりします。 スマホで撮影後に画像加工するのも手ですが、CSSなら画像はそのままでコードに少し手を加える事で、懐かしい白フチ写真を演出できます。 写真っぽい写真 コード 手順 その他の例：楕円 写真っぽい写真 コード はてなブログの「写真を投稿」機能で写真をアップロード・記事に挿入した後に、コードを付け足します。 <p style="border: 1px solid black; padding: 3%; box-shadow: 10px 10px 5px 0px gray;"><img style="display: block;" src="http

どうも！LSSです！！ little-strange.hatenablog.com ですが、やはり例として分かり辛かったですね^^; 伸び縮みしているのか、単に隠れているのかという辺りが特に。 画像を使ってみるにあたり、 little-strange.hatenablog.com で使った方法をまた用いてみました。 そして、勢いで２パターン作ったので公開します^^ お姫様のお辞儀かと思ったらやっぱりスクワット ノリノリの姫 あとがき お姫様のお辞儀かと思ったらやっぱりスクワット コード <style> @keyframes testa{ 0%{height:200px;} 100%{height:100px;} } @keyframes testb{ 0%{top:0px;} 100%{top:100px;} } .test{ position:relative; width:280px;

どうも！LSSです！！ 今回はブラウザゲーム…なんですが、これをゲームと言っていいのやら、どうなのやらｗ まったく考える余地のない、「完全なる運ゲー」です。 ＡかＢか？x5 というものを作ってみました ＡかＢか？x5 下にある「Ａ」または「Ｂ」。 どちらかが正解でどちらかがハズレです。 直感でどちらかをクリックすると結果が出て、次の「Ａ」「Ｂ」が現れます。 ５回出題され、正解率と その正解率に辿り着く確率が表示されます。 どちらが正解か？は完全に運任せ。完全なる運ゲーです。 本日の貴方の『直観力』を測ってみましょう^^ というものを作ってみました 「プレイヤーによる選択」があるにも関わらず、正解かハズレかは完全に運。 ちなみに、ＡＢどちらが正解かはページを開いた時点でランダムで決められていますが、２種類×５回なのでパターン数でいうと32通り（2の5乗）。 「全て正解」あるいは「全てハズレ」

どうも！LSSです！！ 以前に、様々な「ページ（記事）内に文字を隠す」方法を書いていましたが、今回もそんなひとつ。 通常、Webページ内の要素（画像・段落など）はページ記述者が指定したサイズ（指定していなければデフォルトのサイズ）で固定されて表示されますが、CSSには 「ユーザー（読者）が自由にサイズ変更できるようにする」 という指定があります。 今回はそれを利用して「最初は指定したサイズで表示され、ユーザーがサイズ変更で大きくする事で中身が見えるようにする」コードです。 ※追記！スマホだと操作しづらかったり、出来なかったりする場合もあるようです。 試してみた範囲では、「Androidスマホ＋はてなアプリ→右下角を捉えにくいがなんとか」「iPhone＋はてなアプリ or Chrome or Safari→いずれも試みるもできず」 【JavaScript】iPhoneでも要素のリサイズ -