Little Strange Software

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

2022-06-01から1ヶ月間の記事一覧

【CSS】虹色の枠線、もう2種類!

どうも!LSSです!! little-strange.hatenablog.com little-strange.hatenablog.com と続けざまに虹色をテーマにしたCSSを書いていましたが、「虹色の枠線」を2種類、追加でさらに考えてみました^^ 虹色の枠線 追加1 虹色の枠線 追加2 なお、今回のこれは…

もうすぐ6月30日

どうも!LSSです!! 早いもので…もう明日は6月30日。 と言っても、29日のギリギリ終わる頃に投稿するので、読まれてる時には既に30日という事の方が多いでしょうねw 今の勤務形態になってから2回目の報酬振込日 非出社日 1年の前半最終日 など、…

半世紀前の時事ネタ?の謎

どうも!LSSです!! 自分は1974年生まれですが、自分が生まれるより前の1968~1969年頃の一部のフォークソングが好き、という一面があったりします。 好きだったアーティストがいた事から、同時代のその近辺のアーティストのアルバムにも手を出してCDで復刻…

スマートウォッチがそろそろ…

どうも!LSSです!! ちょうど1年半前、 little-strange.hatenablog.com こんな記事を書いていました。 何を「ミスった」かというと…「同じスマートウォッチを2台購入してた」という話なんですねw その後、書いていませんでしたがある日、使っていた1台…

【CSS】border-imageとgradientで作る枠線3種

どうも!LSSです!! little-strange.hatenablog.com で「border-styleでは表現できない枠線を、border-imageを使って作る」事をやってみました。 border-image を使うと、border-radius(角丸)やborder-style(線種)が無効になってしまいますが、border-i…

【CSS】border-image-sliceをkeyframesアニメーション【実験】

どうも!LSSです!! 未だ掴みきれないborder-image。 ちょいと試しに「border-image-sliceはkeyframesでアニメーションにできるのか?」を試してみました。 実験 コード アニメ化できましたね! 実験 @keyframes testa{ 0%{border-image-slice:49%;} 100%{b…

【CSS】音波攻撃!【水面の波紋アレンジ】

どうも!LSSです!! 昨日の記事、 little-strange.hatenablog.com に、 421miyako(id:m421miyako) 土台の部分を水の写真にして波紋を乗せるとリアルになりませんか? mio(id:mio20100501) 応用できたらと思いますがなかなか難しいです。 miyakoさんのコメン…

【CSS】水面の波紋アニメーション

どうも!LSSです!! 梅雨ネタのCSSアニメをひとつ、考えてみました。 水面の波紋アニメーション コード radial-gradientが4つ並んでいますが 水面の波紋アニメーション @keyframes suimena{ 0%{background-size:0% 0%,20% 20%,50% 50%,100% 100%;} 100%{ba…

結局、ネッククーラーを新たに買いました

どうも!LSSです!! ネッククーラー、持っていたのを動作確認したところ…線が千切れかかっていて、電源を入れても断線のためかすぐオフになる、という状況でした^^; 千切れかかっているのを繋いだら正常動作するのかもですが…この際、新たに買っちゃったん…

【お題】好きだった給食メニュー

どうも!LSSです!! 今週のお題「好きだった給食メニュー」 …と言われると、給食があった小学生時代ははるか40年前後昔の話ですが、格別印象に残っているメニューがあります! クジラ肉のノルウェー風 そして時は流れ… で、今日ふとググってみると 鯨肉って…

【CSS】集中線【ちょっと改善版】

どうも!LSSです!! 以前、「conic-gradient」の存在を初めて知り、びっくりした時の記事。 little-strange.hatenablog.com 勢いでいくつか試しに作ったコードを書いていましたが、その中の「集中線」をちょっとだけ改善してみました。 集中線 コード 変更…

ふと、「アクセス解析」を見てみると…

どうも!LSSです!! はてなブログの「アクセス解析」、このブログは50%以上がGoogleからのアクセスとなっています。 その、もっとも多いGoogleからの記事の中でも、Android関連の記事がトップを譲らずにいる中で、3位以下にCSSやJavaScript関連ネタも入っ…

【短文日記】久々にCD購入した話

どうも!LSSです!! 先日、久々にCDをAmazonで購入しちゃいました。 FOLKMAN BROTHERS アーティスト:FORKMAN BROTHERS,なぎら健壱,坂田修 ソニー・ミュージックレコーズ Amazon ↑それがこちら。 中古で割高(しかも購入した時より更に高くなってるみたい^^;…

【CSS】クセが強すぎる黄金背景【小ネタ】

どうも!LSSです!! このブログを古くから読んでくださっている方はご存知かもですが、カテゴライズされていないものの「きんきらきんのきーん」シリーズというものがあります。 CSSで「黄金の輝き」をイメージしたグラデーションを目指したもので、 little…

【CSS】border-imageとconic-gradient【実験】

どうも!LSSです!! ちょっとまた、border-imageを試してみました。 border-style:outset;で盛り上がったような枠線になりますが、それよりもborder-colorを四辺別々に設定した方が角が四つとも切れ目が生じてかっこいい! …のを更に、conic-gradientを用い…

【CSS】虹色の枠線(border)

どうも!LSSです!! little-strange.hatenablog.com に続き、虹色の枠線(border)を考えてみました。 虹色の枠線 コード borderの太さに準じて虹の太さも変わります! border-imageを使用しています 虹色の枠線 .bdimg{ border:50px solid; border-image:r…

虹のむこうに

どうも!LSSです!! 昨日の記事ネタを書いていて、ふと思い出した曲があります。 「虹」をテーマにした曲…と聞いて、真っ先に連想する曲と言えば…古い洋楽で「Over the Rainbow」というのが有名ですね。 他に、街で有線で流れていたのをたまたま聞いて「か…

【CSS】虹色区切り線 4種

ブログやWebサイトで使用できる、虹色の区切り線を4種、用意してみました。

【CSS】動く三角背景【小ネタ】

どうも!LSSです!! ちょっと思いつきで「三角形を敷き詰めた背景模様」を考えていたのですが、それを更にkeyframesのアニメーションで動かす、というのをやってみました。 …という実験的な記事です。 動く三角背景 コード 三角形のサイズ 動く三角背景 @ke…

【ジョークスクリプト】謎の韻踏みマシン

どうも!LSSです!! …謎のツールを開発してしまいました^^;;;;;;;;;; 韻踏みマシン 使い方 ただし… 韻踏みマシン あ い う え お ん あ い う え お ん あ い う え お ん あ い う え お ん txtlist='あいうえおかきくけこさしすせそたちつてとなにぬねの…

【CSS】conic-gradientで描くドット絵風背景

どうも!LSSです!! ブログを始めてから1000日たちました - Little Strange Software に使用した、「背景にうっすら『1000』の数字が並んでいる」コードを解説してみます。 こんなコードでした 下から見ていきましょう その上に白で上書き あとは同じ要…

ブログを始めてから1000日たちました

どうも!LSSです!! 今日で「1000日めの記事投稿」となります。 たまに1日に複数記事投稿した事があったので、記事数とはズレが生じていますw little-strange.hatenablog.com 最初の投稿。あれから1000日かぁ 初めてのスマホアプリ公開 一年たった頃・二…

投資初心者 その後

どうも!LSSです!! little-strange.hatenablog.com の、その後の話をちょこっと。 算数の問題 …というような話が、 デイトレードってこんな感じ? 算数の問題 「LSSくんは、1390円の株を100株購入し、手数料115円を支払いました。十分値上がりするのを待つ…

【お題】夏物出し

今週のお題「夏物出し」 どうも!LSSです!! 今週の はてなブログのお題「夏物出し」、ですが…。 自分の場合、出すというより 転職を機に、ユニクロの感動ジャケットを購入していたのを、しまいましたw シャツ+スラックスという通勤スタイルになります。 …

1007記事め

どうも!LSSです!! いやぁ、華麗に1000記事めをスルーしていましたwww 「え?じゃあ1000記事めはどれだったの??」と逆算すると、 little-strange.hatenablog.com ↑この記事だったんですね。 この分だと「1000日め」になるのは…今週木曜日かな? って…

【CSS】ボール乱舞【小ネタ】

どうも!LSSです!! little-strange.hatenablog.com にブックマークコメントで、 3Dみたい。これ、大量にランダムに跳ねてたら可愛いかも。めんどくさい?笑 css conasaji 2022/06/04 23:15 といただきました^^ さじ様、ありがとうございます! 大量に跳ね…

【CSS】radial-gradientのサイズをアニメ変化させてみます【実験】

どうも!LSSです!! little-strange.hatenablog.com に続く、gradient+keyframes実験、radial-gradient版です。 linear-gradient の時は傾きを指定する箇所に「to left top」を指定する事で、「画像サイズの変化に応じて角度変化」という手法を実験しまし…

【CSS】カーテン

どうも!LSSです!! 先日、 little-strange.hatenablog.com という実験的な記事を公開していました。 「実験」だったのは、今ひとつネタとして活用する方法でピンとくるアイデアがなかったからなのですが、その状態でも、 non704.hatenablog.com whisky-cok…

投資初心者

どうも!LSSです!! ちょっと前に初めて、証券取引を始めました。 購読しているブログの中に株に関するブログもいくつかあり、試してみたくなった&確認したい部分があった&前から興味があった、という感じで、まだまだ分からない事だらけの初心者ですw …

【CSS】linear-gradientの角度をアニメ変化させてみます【実験】

どうも!LSSです!! CSSのbackground-imageにlinear-gradientを指定し、それをkeyframesアニメーションの対象にした場合。 例えば、 @keyframes キーフレーム名{0%{background-image:linear-gradient(0deg , 色1 , 色2);}100%{background-image:linear-gr…