Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

【CSS/実験】スクワットの動きを表現できるか試してみた、だけ

どうも!LSSです!! little-strange.hatenablog.com は、「1枚の画像を別々に扱う」という試みでした。 元の発想は、「人物の画像の、下半分だけが縦に伸び縮みするアニメーションだったら、スクワット(または高位の女性のお辞儀)みたいになるかな?」と…

【CSS】画像の下半分がマウスホバーで出現

どうも!LSSです!! 画像の下半分がマウスホバーで出現 コード 枠サイズの調整 画像の指定 あとがき 画像の下半分がマウスホバーで出現 写真にマウスカーソルをのせてみてください(スマホの場合はタップ) .halfpic{ position:relative; width:280px; heig…

【完全なる運ゲー】AかBか?x5

どうも!LSSです!! 今回はブラウザゲーム…なんですが、これをゲームと言っていいのやら、どうなのやらw まったく考える余地のない、「完全なる運ゲー」です。 AかBか?x5 というものを作ってみました AかBか?x5 下にある「A」または「B」。どちら…

【日記】スーパーの寿司が買えましたw

どうも!LSSです!! 今日はまた、ほぼ引きこもっていましたが、17:40頃になってスーパーに出向くと…2割引のシールが貼られた寿司パックに遭遇しました! …うーん、どうも思っていたよりもだいぶ早いタイミングのようですね。 この分だと、18時か1…

あと10分

どうも!LSSです!! 何を書こうか、思いつかないままにこの時間www いよいよ毎日更新に無理が出てきたかな(いや、それは前からですね) 創造的なところでは、下書きにある お絵描きツールをたまに新たに手を加えたりしていますが、もうちょっとキリのい…

【短文日記】交通費の節約…?

どうも!LSSです!! 今日もまた、三宮(ほぼ元町)から歩いて帰ってきました。 モッキンモーニン、初めてのミニサラダ。シャキシャキのレタスたっぷり!口の中でサクサク食感が美味 pic.twitter.com/lth1HOr5a3— LSS (@LSS0324) 2022年9月24日 行きはバスで…

【CSS】跳ね続けるボールとfloat:left;【小ネタ】

どうも!LSSです!! CSS小ネタとして、跳ねるボールを作ってみました。 と、ボールが跳ねるようなものはこれまでにも作っていましたが、「着地して跳ね返る時に横長にひしゃげる」という細かい芸を入れています。 跳ね続けるボールとfloat:left; コード 色…

こよみモード

どうも!LSSです!! ふと、こよみモードを見ると little-strange.hatenablog.com から丸二年が経っていました。 この「おほしさまとって」シリーズも、終わったつもりじゃないのですが、もうそんなに経っちゃったんですね。 (他に、落ち物パズルや もぐら…

【JavaScript】iPhoneでも要素のリサイズ

どうも!LSSです!! 【CSS】要素のリサイズを可能にしてみました - Little Strange Software で、CSSでのリサイズ許可を行う方法について書きましたが、これがどうもiPhoneではうまく行かない^^; ので、JavaScriptを使って「PCでもiPhoneでも、大きさを変え…

【CSS】要素のリサイズを可能にしてみました

どうも!LSSです!! 以前に、様々な「ページ(記事)内に文字を隠す」方法を書いていましたが、今回もそんなひとつ。 通常、Webページ内の要素(画像・段落など)はページ記述者が指定したサイズ(指定していなければデフォルトのサイズ)で固定されて表示…

最愛のMicroSDカードリーダー。しかし…

どうも!LSSです!! だいぶ(何年も)前から、めちゃくちゃ気に入っているMicroSDカードリーダーがあります。 機構美、といいますか、その作りが実に理にかなっていて、「これ以上小さくしようがないんじゃないか?」というぐらいの極小サイズにまとまって…

【短文日記】出不精とお寿司

どうも!LSSです!! 今日も見事に外出しない一日でしたw あ、でも20時頃にスーパーに行ってきましたね。 半額の寿司に出会えないものかと思いましたが、ここのところ行くタイミングが遅いのか、寿司のところの棚がいつもすっからかんになっています。 果…

【作成中】お絵描きアプリ、作ってる途中で変な機能が

どうも!LSSです!! 【ツール】簡易お絵描きアプリ【試作品+】 - Little Strange Software の「線の引き方」を根本的に見直そうとしていたところ、「完成版には入れるつもりはないけどちょっと面白い機能」がたまたま出来てしまいましたw 闇に葬る前に、…

【CSS】謎リズムアニメーション

どうも!LSSです!! 「CSSのkeyframesでリズミカルなアニメーションを作ろう」という試み、なんだかこんなのが出来ました。 謎リズムアニメーション コード なんなんでしょうね?これ 変更例 謎リズムアニメーション @keyframes nazorzma{ 0%,87.6%,100%{ba…

【JavaScript】イベントオブジェクトの子要素【調査用】

どうも!LSSです!! 最近、JavaScriptのマウスイベント・タッチイベントに反応する仕掛けを作る事が増えてきました。 【ツール?】いろは歌作成補助ツール - Little Strange Software 【ツール】簡易お絵描きアプリ【試作品+】 - Little Strange Software …

【短文】今日から4年め

どうも!LSSです!! 本日がブログ開設記念日。 今日からブログ4年めが始まります! …という、記念日記事には特別な仕掛けを施したいところでもありますが、結局余裕がなかったのでした^^; こんなスタートですが、4年めもまた、よろしくお願いします^^

あれから3年、経ったでしょうか

どうも!LSSです!! www.youtube.com …あ、この歌は「あれから何年たったでしょうか」でしたね。 そんなこんなで、このブログを開設してから3年めの最後の日となりました。(2019/9/14開設) 最初の記事 一年後 二年後 明日から4年めかぁ 最初の記事 litt…

【ツール】リズミカルkeyframeアニメーション生成

どうも!LSSです!! little-strange.hatenablog.com にて、リズミカルに動くkeyframesアニメーションを作ってみました。 ただ、手順が結構煩雑で、 【JavaScript】0~100%を2の累乗数で分断するぞう君【謎ツール】 - Little Strange Software によって%の割…

歩く

どうも!LSSです!! 最近、休日に歩く事が増えました。 これまで通らなかったようなところを通ると、知らないうちに開けていたところや、「ここからここに道が繋がっていたのか!」という新たな発見があったりしますね^^ っと、長年住んでいて、近所でそう…

【CSS】リズミカルなアニメーション【実験段階】

どうも!LSSです!! CSSのkeyframesアニメーションで、リズミカルな動きを作ったら面白いかな?と試みてみました。 たんたたたんたん、たんたん♪ コード 要となるのは%指定部分 0~100%を2の累乗数で分断するぞう君 リズム あとがき たんたたたんたん、たん…

【JavaScript】0~100%を2の累乗数で分断するぞう君【謎ツール】

どうも!LSSです!! …謎なものを作ってしまいました。 0~100%を2の累乗数で分断するぞう君 What's this? 何に使うん? リズミカルなアニメーションを目指して このツールのコード 0~100%を2の累乗数で分断するぞう君 2 4 8 16 32 64 slct.addEventListener(…

使い途

どうも!LSSです!! little-strange.hatenablog.com の使い途…いろは歌作成以外にも何かあるかな?と考えていましたが、 tudumiyasiki.hatenablog.com まさかの、クロスワードパズルを作っていただきました!! ゐ、ゑ、を 以外の全ての文字を、被りなく全…

【妄想】近未来の通行人装備

どうも!LSSです!! 先日…一週間か二週間かそのぐらい前(アバウト)に、夢で見たんだか夢うつつの時にぼーっと考えてたんだかの妄想の話。 近未来装備『傘』 人々が『傘』を装備する理由 コミュニケーション不足を補う苦肉の策 繰り返しますが『妄想』です…

【ツール?】いろは歌作成補助ツール

どうも!LSSです!! 早速ですが、 little-strange.hatenablog.com で予告していた「いろは歌作成補助ツール」ができました! いろは歌作成補助ツール 使い方 といっても… いろは歌作成補助ツール #gamen{ position:relative; box-sizing:border-box; backgr…

いろは歌の話

どうも!LSSです!! 「いろは歌」というものがあります。 ja.wikipedia.org かなり古い時代に作られたもので作者不詳(空海説あり)ながら、かな47文字を重複なく1回づつ使って作られた七五調の歌です。 古い時代ゆえに、「ゐ」(い)とか「ゑ」(え)とか…

【ツール】簡易お絵描きアプリ【試作品+】

どうも!LSSです!! 【ツール】簡易お絵描きアプリ【試作品】 - Little Strange Software に少し機能追加したバージョンです。 簡易お絵描きアプリ 使い方 試作品+ゆえの謎仕様 ファイルとして保存、について現在判明している事 履歴機能の実装 簡易お絵描…

【日記】めっちゃ歩いた日

どうも!LSSです!! 現在、スマートウォッチの歩数計は14714歩。 昼前後にすっごい歩きました。 朝、10時開店のヤマダ電機へ 阪神電車で元町へ…モッキンモーニン そして徒歩で帰る 昼寝 朝、10時開店のヤマダ電機へ 徒歩でHAT神戸のヤマダ電機へ。 三宮…

簡易お絵描きアプリ、ブラウザごとの差異

どうも!LSSです!! little-strange.hatenablog.com では、公開前の動作検証にもだいぶ悩まされましたが、公開後にも色々と閲覧環境ごとの違いが見つかりました。 自分で確認できる部分は確認し、「使い方」のところに赤文字で「追記」として書き足しておき…

【ツール】簡易お絵描きアプリ【試作品】

どうも!LSSです!! JavaScriptによる筆圧感知のテストがてら、簡易ながらお絵描きアプリを作ってみました。 簡易お絵描きアプリ 使い方 コード イケてないところ だいぶ悩んだところ 簡易お絵描きアプリ #cnvs{border:1px solid #aaaaaa;box-shadow:5px 5p…

8月最終日

どうも!LSSです!! 今日でとうとう、今年の8月も終わりですね。 暑いのが苦手な自分としては、「今年の夏もなんとかほぼ乗り切ったか」という感じがしますw(まだしばらくは暑い日が続くでしょうけど) 明日から9月。 9月って何かあったっけ?と思い返…